@trading-game/design-intelligence-layer 0.17.4 → 1.0.0

package/dist/index.d.ts

@@ -1,16 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, Direction, DropdownMenu as DropdownMenu$1, Label as Label$1, Slot, HoverCard as HoverCard$1, Separator as Separator$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Tooltip as Tooltip$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$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, Dialog as Dialog$1, ContextMenu as ContextMenu$1, DropdownMenu as DropdownMenu$1, Label as Label$1, HoverCard as HoverCard$1, Separator as Separator$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Tooltip as Tooltip$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { DayPicker, DayButton } from 'react-day-picker';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
-import * as RechartsPrimitive from 'recharts';
-import { Combobox as Combobox$1 } from '@base-ui/react';
 import { Command as Command$1 } from 'cmdk';
 import { Drawer as Drawer$1 } from 'vaul';
-import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import { OTPInput } from 'input-otp';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import { ToasterProps } from 'sonner';
@@ -22,22 +18,35 @@ declare function AccordionItem({ className, ...props }: React$1.ComponentProps<t
 declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime.JSX.Element;
 
-type AlertVariant = "info" | "warning" | "danger" | "success";
-type AlertLayout = "inline" | "card";
+type SectionMessageVariant = "info" | "warning" | "danger" | "success";
 /**
- * Per-variant surface, title, and accent classes. Description and close X are
- * applied via dedicated slot classes below — they're not part of the cva root
- * because they target descendant elements.
+ * `row` keeps everything on one band with the action beside the text;
+ * `stack` drops the actions below the body. The old `inline` / `card`
+ * values are accepted as deprecated aliases until the v1.0 sweep.
  */
-declare const alertVariants: (props?: ({
+type SectionMessageLayout = "row" | "stack" | "inline" | "card";
+type SectionMessageSize = "sm" | "md";
+/**
+ * Per-variant surface + border classes. Title, description, icon, and close X
+ * are applied via dedicated slot classes below — they're not part of the cva
+ * root because they target descendant elements.
+ *
+ * Sizes are a strict one-step ladder: every metric in `sm` sits exactly one
+ * scale step below `md` (padding 16→12, gaps 12→8, icon 16→14, radius xl→lg,
+ * type 14/20→12/16), so both densities read as the same component.
+ */
+declare const sectionMessageVariants: (props?: ({
     variant?: "info" | "warning" | "danger" | "success" | null | undefined;
-    layout?: "inline" | "card" | null | undefined;
+    layout?: "row" | "stack" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface AlertProps extends Omit<React$1.ComponentProps<"div">, "title">, VariantProps<typeof alertVariants> {
+interface SectionMessageProps extends Omit<React$1.ComponentProps<"div">, "title"> {
     /** Surface + accent variant. */
-    variant?: AlertVariant;
-    /** Layout shape. */
-    layout?: AlertLayout;
+    variant?: SectionMessageVariant;
+    /** Layout shape — `row` (action beside text) or `stack` (actions below). */
+    layout?: SectionMessageLayout;
+    /** Density — `md` (default) or `sm`, one full scale step down. */
+    size?: SectionMessageSize;
     /** Title text. At least one of `title` or `description` is required. */
     title?: React$1.ReactNode;
     /** Description / supporting text. At least one of `title` or `description` is required. */
@@ -47,27 +56,43 @@ interface AlertProps extends Omit<React$1.ComponentProps<"div">, "title">, Varia
      * Pass `null` to omit the icon entirely. Pass any `ReactNode` to override.
      */
     icon?: React$1.ReactNode | null;
-    /** Single action button — honoured only when `layout="inline"`. */
+    /** Single action button — honoured only when `layout="row"`. */
     action?: React$1.ReactNode;
-    /** Up to 2 action buttons — honoured only when `layout="card"`. */
+    /** Up to 2 action buttons — honoured only when `layout="stack"`. */
     actions?: React$1.ReactNode[];
     /**
      * When provided, the close X renders and calls this on click. Absence
-     * means the alert is not user-dismissible.
+     * means the message is not user-dismissible.
      */
     onDismiss?: () => void;
     /** aria-label for the close button. Defaults to "Dismiss". */
     dismissLabel?: string;
 }
-declare function Alert({ variant, layout, title, description, icon, action, actions, onDismiss, dismissLabel, className, ...props }: AlertProps): react_jsx_runtime.JSX.Element | null;
+declare function SectionMessage({ variant, layout, size, title, description, icon, action, actions, onDismiss, dismissLabel, className, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
+
+declare const Alert: typeof SectionMessage;
+declare const alertVariants: (props?: ({
+    variant?: "info" | "warning" | "danger" | "success" | null | undefined;
+    layout?: "row" | "stack" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AlertProps = SectionMessageProps;
+type AlertVariant = SectionMessageVariant;
+type AlertLayout = SectionMessageLayout;
 
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "primary-inverse" | "primary-shimmer" | "primary-inverse-shimmer" | "secondary" | "secondary-inverse" | "tertiary" | "tertiary-inverse" | null | undefined;
-    size?: "lg" | "md" | "sm" | "xs" | "icon" | "icon-lg" | "icon-md" | "icon-sm" | "icon-xs" | null | undefined;
+    variant?: "primary" | "primary-on-brand" | "secondary" | "secondary-on-brand" | "tertiary" | "tertiary-on-brand" | "frosted" | "frosted-on-brand" | "glass" | "primary-shimmer" | "primary-on-brand-shimmer" | "primary-inverse" | "primary-inverse-shimmer" | "secondary-inverse" | "tertiary-inverse" | null | undefined;
+    size?: "lg" | "md" | "sm" | "icon" | "icon-lg" | "icon-md" | "icon-sm" | "icon-xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, loading, children, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+declare function Button({ className, variant, size, asChild, loading, shimmer, children, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
     loading?: boolean;
+    /**
+     * Attention sweep for headline CTAs — a modifier, not a variant.
+     * Only meaningful on the primary family (`primary`, `primary-on-brand`);
+     * ignored elsewhere with a dev warning.
+     */
+    shimmer?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
@@ -97,65 +122,63 @@ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"di
 declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "fill" | "default" | "standard" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-credit" | "fill-demo" | "ghost" | "ghost-success" | "ghost-fail" | "ghost-warning" | null | undefined;
-    size?: "lg" | "md" | "sm" | null | undefined;
+    variant?: "solid" | "solid-demo" | "solid-neutral" | "solid-success" | "solid-fail" | "solid-warning" | "tint" | "tint-demo" | "tint-neutral" | "tint-success" | "tint-fail" | "tint-warning" | null | undefined;
+    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-type BannerLayout = "inline" | "card";
 interface BannerProps extends Omit<React$1.ComponentProps<"div">, "title" | "onClick"> {
-    /** Layout shape. */
-    layout?: BannerLayout;
-    /** Title text. At least one of `title` or `description` is required. */
-    title?: React$1.ReactNode;
-    /** Description / supporting text. At least one of `title` or `description` is required. */
-    description?: React$1.ReactNode;
     /**
-     * The glyph that sits **inside** the default brand-blue badge. Defaults to
-     * `<Gift className="size-5" />`. Pass any lucide icon (or other ~20-24px
-     * element) to swap the glyph while keeping the badge styling consistent.
-     * Ignored when `icon` is also set (which overrides the whole badge).
+     * Panel colour — any CSS colour (a game-accent primitive, a hex, a var()).
+     * The gradient derives from it automatically. Defaults to the brand blue.
      */
-    glyph?: React$1.ReactNode;
+    color?: string;
+    /** Title text. Required in spirit — the panel is meaningless without it. */
+    title?: React$1.ReactNode;
+    /** Supporting copy under the title. */
+    description?: React$1.ReactNode;
     /**
-     * Full leading-icon override. When set, the consumer's JSX replaces the
-     * **entire** default badge — no brand-blue wrapper is rendered. Pass
-     * `null` to omit the icon column entirely. Leave undefined to use the
-     * default brand badge (with `glyph` inside).
+     * Art slot — game artwork, an illustration, or an icon. Rendered in a
+     * frosted square. Defaults to a Gift glyph. Pass `null` to omit.
      */
-    icon?: React$1.ReactNode | null;
+    art?: React$1.ReactNode | null;
     /**
-     * Single action button — honoured only when `layout="inline"`.
-     * Strings get wrapped in a primary Button. Pass a `<Button>` element
-     * to control variant/size yourself.
+     * CTA — a string gets wrapped in the Banner's white pill; pass an element
+     * to take over the slot entirely.
      */
     action?: React$1.ReactNode;
-    /**
-     * Up to 2 action buttons — honoured only when `layout="card"`.
-     * Strings get wrapped — first one becomes Secondary, second becomes
-     * Primary (the visually dominant CTA). Pass `<Button>` elements to
-     * control variants explicitly.
-     */
-    actions?: React$1.ReactNode[];
-    /**
-     * When provided, the close X renders and calls this on click. Absence
-     * means the banner is not user-dismissible. Clicking the close X stops
-     * propagation so it never fires the banner-level `onClick`.
-     */
+    /** Click handler for a string `action` — required for the pill to do anything. */
+    onAction?: () => void;
+    /** When provided, the close X renders and calls this on click. */
     onDismiss?: () => void;
     /** aria-label for the close button. Defaults to "Dismiss". */
     dismissLabel?: string;
     /**
-     * Makes the entire banner surface a single click target — the whole
-     * banner becomes the CTA. Mutually exclusive with `action` / `actions`:
-     * if you set this AND pass buttons, the buttons are ignored and a dev
-     * warning is logged.
+     * Makes the entire panel a single click target. Mutually exclusive with
+     * `action` — if both are set, the button is ignored and a dev warning logs.
      */
     onClick?: () => void;
 }
-declare function Banner({ layout, title, description, glyph, icon, action, actions, onDismiss, dismissLabel, onClick, className, ...props }: BannerProps): react_jsx_runtime.JSX.Element | null;
+declare function Banner({ color, title, description, art, action, onAction, onDismiss, dismissLabel, onClick, className, style, ...props }: BannerProps): react_jsx_runtime.JSX.Element | null;
+
+declare function BottomNavigation({ className, children, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+declare function BottomNavigationItem({ className, active, asChild, children, ...props }: React$1.ComponentProps<"button"> & {
+    /** Marks the current destination — the liquid bubble travels to it. */
+    active?: boolean;
+    /** Render as the child element (e.g. a router link). */
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * The optional AI circle from the Refined Mobile chrome: identical material
+ * and ambient lift, circular, sits beside the bar (typically in a
+ * `flex items-center gap-2.5` row). Render it or don't — that's the toggle.
+ */
+declare function BottomNavigationAI({ className, asChild, children, ...props }: React$1.ComponentProps<"button"> & {
+    /** Render as the child element (e.g. a router link). */
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
 
 declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
@@ -172,7 +195,19 @@ declare function Calendar({ className, classNames, showOutsideDays, captionLayou
 }): react_jsx_runtime.JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
 
-declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/**
+ * Card shell — the design file's shared surface language: card surface,
+ * hairline border, 18px (2xl) radius, flat (no shadow, per system rule).
+ *
+ * `variant="frosted-on-brand"` is the frosted shell for sitting over
+ * hero/game art: white 72% + blur + soft white hairline, identical in both
+ * themes. (`glass` is its @deprecated alias — deleted at v1.0.)
+ * `interactive` opts into the design file's desktop-only hover lift.
+ */
+declare function Card({ className, variant, interactive, ...props }: React$1.ComponentProps<"div"> & {
+    variant?: "default" | "frosted-on-brand" | "glass";
+    interactive?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -196,79 +231,24 @@ declare function CarouselItem({ className, ...props }: React$1.ComponentProps<"d
 declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
 declare function CarouselNext({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
 
+/**
+ * Chip — the design file's "one shape, four jobs" pill. Quick amounts and
+ * categories are the default look; `selected` turns solid brand (white ink);
+ * `variant="outline"` is the error-recovery chip (brand border + brand text,
+ * e.g. "Max 1,240.50"). Live-status pills belong to Badge, not Chip.
+ */
 declare const chipVariants: (props?: ({
     size?: "md" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ChipProps extends React$1.ComponentProps<"button">, VariantProps<typeof chipVariants> {
     selected?: boolean;
+    /** `outline` = the brand-outlined recovery chip. */
+    variant?: "default" | "outline";
 }
-declare function Chip({ children, selected, size, className, disabled, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
-
-declare const THEMES: {
-    readonly light: "";
-};
-type ChartConfig = {
-    [k in string]: {
-        label?: React$1.ReactNode;
-        icon?: React$1.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-declare function ChartContainer({ id, className, children, config, ...props }: React$1.ComponentProps<"div"> & {
-    config: ChartConfig;
-    children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): react_jsx_runtime.JSX.Element;
-declare const ChartStyle: ({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}) => react_jsx_runtime.JSX.Element | null;
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    nameKey?: string;
-    labelKey?: string;
-}): react_jsx_runtime.JSX.Element | null;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-    hideIcon?: boolean;
-    nameKey?: string;
-}): react_jsx_runtime.JSX.Element | null;
+declare function Chip({ children, selected, variant, size, className, disabled, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
 
 declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
 
-declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime.JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime.JSX.Element;
-
-declare const Combobox: typeof Combobox$1.Root;
-declare function ComboboxValue({ ...props }: Combobox$1.Value.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxTrigger({ className, children, ...props }: Combobox$1.Trigger.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: Combobox$1.Input.Props & {
-    showTrigger?: boolean;
-    showClear?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: Combobox$1.Popup.Props & Pick<Combobox$1.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): react_jsx_runtime.JSX.Element;
-declare function ComboboxList({ className, ...props }: Combobox$1.List.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxItem({ className, children, ...props }: Combobox$1.Item.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxGroup({ className, ...props }: Combobox$1.Group.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxLabel({ className, ...props }: Combobox$1.GroupLabel.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxCollection({ ...props }: Combobox$1.Collection.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxEmpty({ className, ...props }: Combobox$1.Empty.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxSeparator({ className, ...props }: Combobox$1.Separator.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxChips({ className, ...props }: React$1.ComponentPropsWithRef<typeof Combobox$1.Chips> & Combobox$1.Chips.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxChip({ className, children, showRemove, ...props }: Combobox$1.Chip.Props & {
-    showRemove?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function ComboboxChipsInput({ className, children, ...props }: Combobox$1.Input.Props): react_jsx_runtime.JSX.Element;
-declare function useComboboxAnchor(): React$1.RefObject<HTMLDivElement | null>;
-
 declare function Dialog({ ...props }: React$1.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
@@ -322,11 +302,6 @@ declare function ContextMenuLabel({ className, inset, ...props }: React$1.Compon
 declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Separator>): react_jsx_runtime.JSX.Element;
 declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
 
-declare function DirectionProvider({ dir, direction, children, }: React$1.ComponentProps<typeof Direction.DirectionProvider> & {
-    direction?: React$1.ComponentProps<typeof Direction.DirectionProvider>["dir"];
-}): react_jsx_runtime.JSX.Element;
-declare const useDirection: typeof Direction.useDirection;
-
 declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
@@ -373,71 +348,54 @@ declare function EmptyContent({ className, ...props }: React.ComponentProps<"div
 
 declare function Label({ className, ...props }: React$1.ComponentProps<typeof Label$1.Root>): react_jsx_runtime.JSX.Element;
 
-declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
-declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+type FieldSize = "sm" | "md" | "lg";
+declare function useFieldSize(): FieldSize;
+declare function FieldSet({ className, ...props }: React$1.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React$1.ComponentProps<"legend"> & {
     variant?: "legend" | "label";
 }): react_jsx_runtime.JSX.Element;
-declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const fieldVariants: (props?: ({
+    size?: "lg" | "md" | "sm" | null | undefined;
     orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
-declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
-declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
-declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
-    children?: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+declare function Field({ className, orientation, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
+declare function FieldContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldLabel({ className, ...props }: React$1.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
+declare function FieldTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React$1.ComponentProps<"div"> & {
+    children?: React$1.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React$1.ComponentProps<"div"> & {
     errors?: Array<{
         message?: string;
     } | undefined>;
 }): react_jsx_runtime.JSX.Element | null;
 
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: react_hook_form.FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-declare function FormItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function FormLabel({ className, ...props }: React$1.ComponentProps<typeof Label$1.Root>): react_jsx_runtime.JSX.Element;
-declare function FormControl({ ...props }: React$1.ComponentProps<typeof Slot.Root>): react_jsx_runtime.JSX.Element;
-declare function FormDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
-declare function FormMessage({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element | null;
-
 declare function HoverCard({ ...props }: React$1.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime.JSX.Element;
 declare function HoverCardTrigger({ ...props }: React$1.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function HoverCardContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime.JSX.Element;
 
 declare const inputVariants: (props?: ({
-    variant?: "default" | "inverse" | null | undefined;
+    variant?: "default" | "on-brand" | "inverse" | null | undefined;
     size?: "lg" | "md" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Input({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<"input">, "size"> & VariantProps<typeof inputVariants>): react_jsx_runtime.JSX.Element;
 
 type InputGroupSize = "sm" | "md" | "lg";
-type InputGroupVariant = "default" | "inverse";
+type InputGroupVariant = "default" | "on-brand" | "inverse";
 declare const inputGroupVariants: (props?: ({
-    variant?: "default" | "inverse" | null | undefined;
+    variant?: "default" | "on-brand" | "inverse" | null | undefined;
     size?: "lg" | "md" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function InputGroup({ className, variant, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupVariants>): react_jsx_runtime.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
-    size?: "sm" | "xs" | "icon-sm" | "icon-xs" | null | undefined;
+    size?: "sm" | "icon-sm" | "icon-xs" | "xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
 declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
@@ -461,7 +419,7 @@ declare function Separator({ className, orientation, decorative, ...props }: Rea
 declare function ItemGroup({ className, divider, ...props }: React$1.ComponentProps<"div"> & {
     /**
      * Auto-divide consecutive default-variant `Item`s with a bottom border
-     * (`border-border-subtle`). The last item's bottom border is suppressed,
+     * (`border-default-default`). The last item's bottom border is suppressed,
      * and non-default variants (`outline`, `muted`) are left untouched so
      * they don't double up with their own borders. Defaults to `true`; pass
      * `false` to opt out when the design wants flush items or uses
@@ -488,13 +446,11 @@ declare function ItemActions({ className, ...props }: React$1.ComponentProps<"di
 declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
-declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): react_jsx_runtime.JSX.Element;
-declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
 declare const linkVariants: (props?: ({
     size?: "lg" | "md" | "sm" | null | undefined;
+    tone?: "on-brand" | "brand" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Link({ className, size, asChild, ...props }: React$1.ComponentProps<"a"> & VariantProps<typeof linkVariants> & {
+declare function Link({ className, size, tone, asChild, ...props }: React$1.ComponentProps<"a"> & VariantProps<typeof linkVariants> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
@@ -522,16 +478,19 @@ declare function MenubarSubTrigger({ className, inset, children, ...props }: Rea
 }): react_jsx_runtime.JSX.Element;
 declare function MenubarSubContent({ className, ...props }: React$1.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime.JSX.Element;
 
+type NativeSelectSize = "sm" | "md" | "lg";
 declare function NativeSelect({ className, size, ...props }: Omit<React$1.ComponentProps<"select">, "size"> & {
-    size?: "sm" | "default";
+    /** `"default"` is a deprecated alias for `"md"` — deleted at v1.0. */
+    size?: NativeSelectSize | "default";
 }): react_jsx_runtime.JSX.Element;
 declare function NativeSelectOption({ ...props }: React$1.ComponentProps<"option">): react_jsx_runtime.JSX.Element;
 declare function NativeSelectOptGroup({ className, ...props }: React$1.ComponentProps<"optgroup">): react_jsx_runtime.JSX.Element;
 
 declare const navigationButtonVariants: (props?: ({
+    variant?: "frosted-on-brand" | "glass" | "default" | null | undefined;
     size?: "lg" | "md" | "sm" | "xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function NavigationButton({ className, size, asChild, children, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof navigationButtonVariants> & {
+declare function NavigationButton({ className, variant, size, asChild, children, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof navigationButtonVariants> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
@@ -547,13 +506,25 @@ declare function NavigationMenuViewport({ className, ...props }: React$1.Compone
 declare function NavigationMenuLink({ className, ...props }: React$1.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime.JSX.Element;
 declare function NavigationMenuIndicator({ className, ...props }: React$1.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime.JSX.Element;
 
+type NumpadKey = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "." | "backspace";
+interface NumpadProps extends Omit<React$1.ComponentProps<"div">, "onKeyDown" | "onKeyPress"> {
+    /** Fired for every tap: a digit, ".", or "backspace". */
+    onKeyPress?: (key: NumpadKey) => void;
+    /** Fired when backspace is long-pressed (~600ms) — clear the amount. */
+    onClear?: () => void;
+    /** Hide the "." key for integer-only entry. */
+    decimal?: boolean;
+    disabled?: boolean;
+}
+declare function Numpad({ className, onKeyPress, onClear, decimal, disabled, ...props }: NumpadProps): react_jsx_runtime.JSX.Element;
+
 declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
 declare function PaginationContent({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
 declare function PaginationItem({ ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
 type PaginationLinkProps = {
     isActive?: boolean;
-} & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
-declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+} & React$1.ComponentProps<"a">;
+declare function PaginationLink({ className, isActive, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
 declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
 declare function PaginationNext({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
 declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
@@ -568,6 +539,37 @@ declare function PopoverDescription({ className, ...props }: React$1.ComponentPr
 
 declare function Progress({ className, value, ...props }: React$1.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime.JSX.Element;
 
+interface ProfilePhotoProps extends Omit<React$1.ComponentProps<"div">, "children"> {
+    /** Photo URL. Omit to show the placeholder glyph. */
+    src?: string;
+    /** Alt text for the photo. Ignored when no `src` is given. */
+    alt?: string;
+    /** Verification progress, 0–100. Drives the ring. */
+    progress?: number;
+    /**
+     * Fires when the camera button is pressed. Omit to hide the button entirely —
+     * use that for read-only contexts where the viewer can't change the photo.
+     */
+    onPhotoChange?: () => void;
+    /** aria-label for the camera button. */
+    photoChangeLabel?: string;
+    /**
+     * Status slot, rendered overlapping the bottom edge. Pass a `Badge` — the
+     * component positions it but does not style its content.
+     */
+    status?: React$1.ReactNode;
+}
+/**
+ * Profile photo with a verification progress ring.
+ *
+ * Distinct from `Avatar`: that is a 24–48px identity chip for lists and nav,
+ * whereas this is a page-level element carrying progress, a photo-change
+ * affordance, and a status badge. The ring animates between values as the
+ * player completes verification steps, and starts and ends at 6 o'clock so its
+ * seam sits behind the status badge.
+ */
+declare function ProfilePhoto({ src, alt, progress, onPhotoChange, photoChangeLabel, status, className, ...props }: ProfilePhotoProps): react_jsx_runtime.JSX.Element;
+
 declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime.JSX.Element;
 declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime.JSX.Element;
 
@@ -749,88 +751,6 @@ declare function TabsContent({ className, ...props }: React$1.ComponentProps<typ
 
 declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
 
-type TicketCardProps = {
-    className?: string;
-    /** Optional icon rendered inside the left ring circle. */
-    icon?: React$1.ReactNode;
-    /** Small label shown above the value (e.g. "Total Balance"). */
-    label: string;
-    /** Main value text (e.g. "10,000.00"). */
-    value: string;
-    /** Optional muted currency/unit suffix next to value (e.g. "USDT"). */
-    currency?: string;
-    /** Label on the right stub button. */
-    stubLabel: string;
-    /** Called when the stub button is clicked. */
-    onStubClick?: () => void;
-    /** Disables the stub button. */
-    stubDisabled?: boolean;
-    /** Compact (mobile) layout — reduces horizontal padding from 16px to 8px. */
-    compact?: boolean;
-};
-declare function TicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, compact, }: TicketCardProps): react_jsx_runtime.JSX.Element;
-type CreditTicketCardProps = {
-    className?: string;
-    /** Optional icon rendered inside the left ring circle. */
-    icon?: React$1.ReactNode;
-    /** Small label shown above the value (e.g. "Total Balance"). */
-    label: string;
-    /** Main value text (e.g. "0 USD"). */
-    value: string;
-    /** Optional muted currency/unit suffix next to value (e.g. "USDT"). */
-    currency?: string;
-    /** Label on the right stub button. */
-    stubLabel: string;
-    /** Called when the stub button is clicked. */
-    onStubClick?: () => void;
-    /** Disables the stub button. */
-    stubDisabled?: boolean;
-    /** Optional leading icon shown inside the credit badge. */
-    badgeIcon?: React$1.ReactNode;
-    /** Prefix label shown inside the badge (e.g. "Credit", "Bonus"). */
-    badgeLabel?: string;
-    /** Value shown in the badge (e.g. "0.00"). */
-    badgeValue?: string;
-    /** Currency shown in the badge (e.g. "USDT"). */
-    badgeCurrency?: string;
-    /**
-     * Optional content for the badge info tooltip. When provided, the trailing
-     * info icon on the badge becomes a focusable button that opens a
-     * tooltip with this content on hover/focus. When omitted, the info icon is
-     * not rendered.
-     */
-    badgeInfo?: React$1.ReactNode;
-    /**
-     * Side the badge info tooltip opens on (desktop only — mobile always renders
-     * the info as a bottom-sheet drawer). Defaults to `"top"` to preserve the
-     * current behaviour.
-     */
-    badgeInfoSide?: "top" | "bottom" | "left" | "right";
-    /**
-     * Alignment of the badge info tooltip relative to its trigger (desktop only).
-     * Defaults to `"center"`.
-     */
-    badgeInfoAlign?: "start" | "center" | "end";
-    /**
-     * Heading shown at the top of the mobile drawer (forwarded to
-     * `TooltipContent.title`). Desktop tooltip ignores this. When omitted, the
-     * underlying `TooltipContent` falls back to its own `"Title"` placeholder.
-     */
-    badgeInfoTitle?: string;
-    /**
-     * Label on the dismiss button at the bottom of the mobile drawer (forwarded
-     * to `TooltipContent.closeLabel`). Desktop tooltip ignores this. When
-     * omitted, the underlying `TooltipContent` falls back to its own `"Label"`
-     * placeholder.
-     */
-    badgeInfoCloseLabel?: string;
-    /** Compact (mobile) layout — reduces horizontal padding from 16px to 8px. */
-    compact?: boolean;
-};
-declare function CreditTicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, badgeIcon, badgeLabel, badgeValue, badgeCurrency, badgeInfo, badgeInfoSide, badgeInfoAlign, badgeInfoTitle, badgeInfoCloseLabel, compact, }: CreditTicketCardProps): react_jsx_runtime.JSX.Element;
-/** Alias for the Figma-named variant. */
-declare const TicketCardDesktop: typeof TicketCard;
-
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "lg" | "sm" | "default" | null | undefined;
@@ -1027,8 +947,74 @@ type OpenPositionsBlockProps = {
 };
 declare function OpenPositionsBlock({ trigger, sheetTitle, positions, onViewHistory, emptyState, }: OpenPositionsBlockProps): react_jsx_runtime.JSX.Element;
 
+type LoaderCheckpoint = {
+    /** Percentage the bar may climb to once this stage is reached (0–100). */
+    target: number;
+    /** Text shown while this stage is in flight. */
+    label: string;
+};
+interface SmoothProgressInput {
+    /** Ordered stages the loader steps through. */
+    checkpoints: LoaderCheckpoint[];
+    /** Index of the highest checkpoint reached so far. */
+    reached: number;
+    /** When true, the bar is released to 100%. */
+    done: boolean;
+    /** Max climb speed in % per second. Caps sudden jumps. */
+    maxVelocity?: number;
+    /** How long a stage may stall before `delayed` flips true. */
+    delayMs?: number;
+    /** Label shown once complete. */
+    readyLabel?: string;
+}
+interface SmoothProgressState {
+    progress: number;
+    label: string;
+    delayed: boolean;
+    complete: boolean;
+}
+/**
+ * Velocity-capped progress smoothing. The bar climbs continuously toward the
+ * current checkpoint's ceiling rather than snapping to it, and reports
+ * `delayed` when a stage genuinely stalls — so a held bar still reads as
+ * working instead of broken.
+ */
+declare function useSmoothProgress({ checkpoints, reached, done, maxVelocity, delayMs, readyLabel, }: SmoothProgressInput): SmoothProgressState;
+interface GameLoadingBlockProps {
+    /** Bar fill, 0–100. Pair with `useSmoothProgress` for capped climbing. */
+    progress?: number;
+    /** Current stage label. */
+    label?: string;
+    /** When true, swaps the label for a "taking longer" message. */
+    delayed?: boolean;
+    /** Plays the zoom-out reveal and hides the bar. */
+    exiting?: boolean;
+    /** Fires once the exit animation finishes. */
+    onExitEnd?: () => void;
+    /**
+     * Constrain to the nearest positioned ancestor instead of the viewport.
+     * Use for embedding in a bounded area (docs previews, a game shell column).
+     * `exiting` implies this, since the reveal needs the app behind it.
+     */
+    contained?: boolean;
+    /**
+     * Optional backdrop image (e.g. the app's `dot-pattern.webp`) for a
+     * pixel-perfect match with the game shell. Omit to use the token-derived
+     * dotted backdrop.
+     */
+    backgroundImageUrl?: string;
+    className?: string;
+}
+/**
+ * Determinate loading splash for game entry: dotted brand backdrop, monogram,
+ * and a progress bar with a shimmer that keeps signalling life while a stage
+ * is held. Exits with a zoom-out reveal, or a plain fade under
+ * `prefers-reduced-motion`.
+ */
+declare function GameLoadingBlock({ progress, label, delayed, exiting, onExitEnd, contained, backgroundImageUrl, className, }: GameLoadingBlockProps): react_jsx_runtime.JSX.Element;
+
 declare function cn(...inputs: ClassValue[]): string;
 
 declare function useIsMobile(): boolean;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertLayout, type AlertProps, type AlertVariant, AspectRatio, AuthBlock, type AuthBlockMode, type AuthBlockProps, type AuthBlockProvider, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, type BannerLayout, type BannerProps, type BoxOPosition, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Chip, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CreditTicketCard, type CreditTicketCardProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DigitsPosition, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FAQBlock, type FAQBlockProps, type FAQItem, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeaderNavigationBlock, type HeaderNavigationBlockProps, HeroBlock, type HeroBlockCta, type HeroBlockProps, type HeroBlockTagline, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Link, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavBarBlock, type NavBarBlockLink, type NavBarBlockProps, NavigationButton, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, OpenPositionsBlock, type OpenPositionsBlockProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type Position, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResultBlock, type ResultBlockCta, type ResultBlockProps, type ResultBlockStatus, ResultDialog, type ResultDialogProps, type RiseFallPosition, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Stepper, type StepperProps, type StepperSize, type SwipePosition, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TicketCard, TicketCardDesktop, type TicketCardProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TooltipVariant, alertVariants, badgeVariants, buttonVariants, chipVariants, cn, inputVariants, linkVariants, navigationButtonVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertLayout, type AlertProps, type AlertVariant, AspectRatio, AuthBlock, type AuthBlockMode, type AuthBlockProps, type AuthBlockProvider, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, type BannerProps, BottomNavigation, BottomNavigationAI, BottomNavigationItem, type BoxOPosition, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Chip, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DigitsPosition, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FAQBlock, type FAQBlockProps, type FAQItem, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, GameLoadingBlock, type GameLoadingBlockProps, HeaderNavigationBlock, type HeaderNavigationBlockProps, HeroBlock, type HeroBlockCta, type HeroBlockProps, type HeroBlockTagline, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, Link, type LoaderCheckpoint, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavBarBlock, type NavBarBlockLink, type NavBarBlockProps, NavigationButton, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Numpad, type NumpadKey, type NumpadProps, OpenPositionsBlock, type OpenPositionsBlockProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type Position, ProfilePhoto, type ProfilePhotoProps, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResultBlock, type ResultBlockCta, type ResultBlockProps, type ResultBlockStatus, ResultDialog, type ResultDialogProps, type RiseFallPosition, ScrollArea, ScrollBar, SectionMessage, type SectionMessageLayout, type SectionMessageProps, type SectionMessageSize, type SectionMessageVariant, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SmoothProgressInput, type SmoothProgressState, Spinner, Stepper, type StepperProps, type StepperSize, type SwipePosition, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TooltipVariant, alertVariants, badgeVariants, buttonVariants, chipVariants, cn, inputVariants, linkVariants, navigationButtonVariants, navigationMenuTriggerStyle, sectionMessageVariants, tabsListVariants, toggleVariants, useFieldSize, useIsMobile, useSidebar, useSmoothProgress };