@otfdashkit/ui 0.1.4 → 0.1.6

package/dist/index.d.ts

@@ -0,0 +1,3064 @@
+import { ClassValue } from 'clsx';
+import * as React$1 from 'react';
+import React__default from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { DayPicker, DayButton } from 'react-day-picker';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import * as RechartsPrimitive from 'recharts';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { DialogProps } from '@radix-ui/react-dialog';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import * as vaul from 'vaul';
+import { Drawer as Drawer$1 } from 'vaul';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as input_otp from 'input-otp';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Separator as Separator$1, Panel, Group } from 'react-resizable-panels';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { ColumnDef } from '@tanstack/react-table';
+import * as z from 'zod';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+export { FormProvider as Form } from 'react-hook-form';
+import { TargetAndTransition, HTMLMotionProps } from 'motion/react';
+export { AnimatePresence, Variants, motion, useInView, useMotionValue, useScroll, useSpring, useTransform } from 'motion/react';
+import { PixelCrop } from 'react-image-crop';
+export { Crop, PixelCrop } from 'react-image-crop';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Avatar: React__default.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React__default.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React__default.RefAttributes<HTMLImageElement>, "ref"> & React__default.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React__default.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
+interface AvatarGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** Maximum avatars rendered before collapsing into a "+N" tile. Default 4. */
+    max?: number;
+    /** Pixel size of each avatar tile. Default 32. */
+    size?: number;
+    /** Pixel overlap between adjacent avatars. Default size / 3. */
+    spacing?: number;
+    /** Custom node for the overflow tile. Falls back to "+{remaining}". */
+    renderOverflow?: (remaining: number) => React__default.ReactNode;
+}
+declare const AvatarGroup: React__default.ForwardRefExoticComponent<AvatarGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | "link" | "gradient" | "texture" | "shimmer" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | "icon" | "icon-sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+interface IconButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon: React__default.ReactNode;
+    /** Accessible name; an icon-only button has no visible text. */
+    label: string;
+    size?: 'sm' | 'default' | 'lg';
+    variant?: VariantProps<typeof buttonVariants>['variant'];
+    asChild?: boolean;
+}
+declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
+}): react_jsx_runtime.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
+
+declare const Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare const Carousel: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CarouselPrevious: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+type CartLineItemProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    /** Product thumbnail URL. */
+    image?: string;
+    title: string;
+    /** Variant summary line, e.g. "Whole bean · 250g". */
+    variant?: string;
+    /** Unit price in minor units (cents). */
+    price: number;
+    /** Optional compare-at unit price in minor units. */
+    compareAt?: number;
+    currency?: string;
+    quantity: number;
+    onQuantityChange?: (qty: number) => void;
+    onRemove?: () => void;
+    minQuantity?: number;
+    maxQuantity?: number;
+};
+/** Cart row: thumbnail · title · variant · price · quantity stepper · remove. */
+declare const CartLineItem: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    /** Product thumbnail URL. */
+    image?: string;
+    title: string;
+    /** Variant summary line, e.g. "Whole bean · 250g". */
+    variant?: string;
+    /** Unit price in minor units (cents). */
+    price: number;
+    /** Optional compare-at unit price in minor units. */
+    compareAt?: number;
+    currency?: string;
+    quantity: number;
+    onQuantityChange?: (qty: number) => void;
+    onRemove?: () => void;
+    minQuantity?: number;
+    maxQuantity?: number;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+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 const ChartContainer: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+    config: ChartConfig;
+    children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => react_jsx_runtime.JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+type ChartTooltipContentProps = React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+};
+declare const ChartTooltipContent: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<ChartTooltipContentProps> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ChartLegend: React$1.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React$1.ReactPortal | null>;
+type ChartLegendContentProps = React$1.ComponentProps<"div"> & {
+    payload?: ReadonlyArray<RechartsPrimitive.LegendPayload>;
+    verticalAlign?: "top" | "middle" | "bottom";
+    hideIcon?: boolean;
+    nameKey?: string;
+};
+declare const ChartLegendContent: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<ChartLegendContentProps> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const LANGS: readonly ["tsx", "ts", "jsx", "js", "bash", "css", "json", "yaml", "markdown"];
+type CodeBlockProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    /** Source code to render. */
+    code: string;
+    /** Highlight grammar. Must be in the bundled set. Default 'tsx'. */
+    language?: (typeof LANGS)[number];
+    /** Theme override. 'auto' (default) follows the closest `dark`/`light` ancestor class. */
+    theme?: 'light' | 'dark' | 'auto';
+    /** Show 1-indexed line numbers in a gutter. Default false. */
+    showLineNumbers?: boolean;
+    /** 1-indexed line numbers to highlight (subtle row tint). Default []. */
+    highlightLines?: number[];
+    /** Optional caption rendered above the code (e.g. file name). */
+    filename?: string;
+};
+/**
+ * Syntax-highlighted code block with copy-to-clipboard.
+ * Uses `shiki` lazy-loaded on mount — first paint shows raw monospace, then upgrades.
+ */
+declare const CodeBlock: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Source code to render. */
+    code: string;
+    /** Highlight grammar. Must be in the bundled set. Default 'tsx'. */
+    language?: (typeof LANGS)[number];
+    /** Theme override. 'auto' (default) follows the closest `dark`/`light` ancestor class. */
+    theme?: "light" | "dark" | "auto";
+    /** Show 1-indexed line numbers in a gutter. Default false. */
+    showLineNumbers?: boolean;
+    /** 1-indexed line numbers to highlight (subtle row tint). Default []. */
+    highlightLines?: number[];
+    /** Optional caption rendered above the code (e.g. file name). */
+    filename?: string;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Command: React$1.ForwardRefExoticComponent<Omit<{
+    children?: React$1.ReactNode;
+} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandDialog: ({ children, ...props }: DialogProps) => react_jsx_runtime.JSX.Element;
+declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React$1.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
+    children?: React$1.ReactNode;
+} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
+    children?: React$1.ReactNode;
+} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup$1: React$1.ForwardRefExoticComponent<Omit<{
+    children?: React$1.ReactNode;
+} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+    heading?: React$1.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandItem$2: React$1.ForwardRefExoticComponent<Omit<{
+    children?: React$1.ReactNode;
+} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ComparisonProps = React__default.HTMLAttributes<HTMLDivElement> & {
+    /** Image URL shown on the LEFT (or TOP for vertical). */
+    before: string;
+    /** Image URL shown on the RIGHT (or BOTTOM). */
+    after: string;
+    beforeAlt?: string;
+    afterAlt?: string;
+    /** Initial split position 0..100. Default 50. */
+    defaultValue?: number;
+    /** Controlled split position. */
+    value?: number;
+    onValueChange?: (value: number) => void;
+    /** Slider orientation. Default 'horizontal'. */
+    orientation?: 'horizontal' | 'vertical';
+    /** Optional captions rendered as small badges in the corners. */
+    beforeLabel?: string;
+    afterLabel?: string;
+};
+/**
+ * Before / after image slider. Drag the handle to reveal one image over the other.
+ * Pure CSS clip-path — no re-render on drag (just a CSS variable update).
+ */
+declare const Comparison: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    /** Image URL shown on the LEFT (or TOP for vertical). */
+    before: string;
+    /** Image URL shown on the RIGHT (or BOTTOM). */
+    after: string;
+    beforeAlt?: string;
+    afterAlt?: string;
+    /** Initial split position 0..100. Default 50. */
+    defaultValue?: number;
+    /** Controlled split position. */
+    value?: number;
+    onValueChange?: (value: number) => void;
+    /** Slider orientation. Default 'horizontal'. */
+    orientation?: "horizontal" | "vertical";
+    /** Optional captions rendered as small badges in the corners. */
+    beforeLabel?: string;
+    afterLabel?: string;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const ContextMenu: React__default.FC<ContextMenuPrimitive.ContextMenuProps>;
+declare const ContextMenuTrigger: React__default.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React__default.RefAttributes<HTMLSpanElement>>;
+declare const ContextMenuGroup: React__default.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuPortal: React__default.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+declare const ContextMenuSub: React__default.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+declare const ContextMenuRadioGroup: React__default.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuContent: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuItem: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuCheckboxItem: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuRadioItem: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuLabel: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSeparator: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubTrigger: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubContent: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuShortcut: ({ className, ...props }: React__default.HTMLAttributes<HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
+
+declare const Dialog: React__default.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React__default.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React__default.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React__default.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React__default.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>, "ref"> & React__default.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React__default.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
+
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: typeof vaul.Portal;
+declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const DropdownMenu: React__default.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React__default.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React__default.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React__default.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type EmptyCartProps = React__default.HTMLAttributes<HTMLDivElement> & {
+    title?: string;
+    description?: string;
+    /** CTA label — renders a button only when `onAction` is also provided. */
+    actionLabel?: string;
+    onAction?: () => void;
+    /** Override the default cart icon. */
+    icon?: React__default.ReactNode;
+};
+/** Bespoke empty-cart state: soft icon chip, message, and a continue-shopping CTA. */
+declare const EmptyCart: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    title?: string;
+    description?: string;
+    /** CTA label — renders a button only when `onAction` is also provided. */
+    actionLabel?: string;
+    onAction?: () => void;
+    /** Override the default cart icon. */
+    icon?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const InputOTP: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "onComplete" | "textAlign" | "containerClassName" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
+    value?: string;
+    onChange?: (newValue: string) => unknown;
+    maxLength: number;
+    textAlign?: "left" | "center" | "right";
+    onComplete?: (...args: any[]) => unknown;
+    pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
+    containerClassName?: string;
+    noScriptCSSFallback?: string | null;
+} & {
+    render: (props: input_otp.RenderProps) => React$1.ReactNode;
+    children?: never;
+} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "onComplete" | "textAlign" | "containerClassName" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
+    value?: string;
+    onChange?: (newValue: string) => unknown;
+    maxLength: number;
+    textAlign?: "left" | "center" | "right";
+    onComplete?: (...args: any[]) => unknown;
+    pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
+    containerClassName?: string;
+    noScriptCSSFallback?: string | null;
+} & {
+    render?: never;
+    children: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLInputElement>, "ref">) & React$1.RefAttributes<HTMLInputElement>>;
+declare const InputOTPGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSlot: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    index: number;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+type InputProps = React__default.InputHTMLAttributes<HTMLInputElement>;
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
+
+interface LogoCarouselProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Logo nodes (text, <img>, <svg>, or any React element). */
+    logos: React__default.ReactNode[];
+    /** Travel duration in seconds. Lower = faster. Default 30. */
+    duration?: number;
+    /** Direction of travel. Default 'left'. */
+    direction?: 'left' | 'right';
+    /** Pause the marquee when hovering. Default true. */
+    pauseOnHover?: boolean;
+    /** Gap between logos (any valid CSS length). Default '3rem'. */
+    gap?: string | number;
+    /** Faded edges so logos enter/exit smoothly. Default true. */
+    fadeEdges?: boolean;
+}
+declare const LogoCarousel: React__default.ForwardRefExoticComponent<LogoCarouselProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const SPEED_DURATION: {
+    readonly slow: "60s";
+    readonly normal: "40s";
+    readonly fast: "20s";
+};
+type MarqueeProps = React__default.HTMLAttributes<HTMLDivElement> & {
+    /** Children rendered inside the scrolling track. Cloned once internally for a seamless loop. */
+    children: React__default.ReactNode;
+    /** Animation speed. */
+    speed?: keyof typeof SPEED_DURATION;
+    /** Scroll direction. */
+    direction?: 'left' | 'right';
+    /** Pause animation on hover. */
+    pauseOnHover?: boolean;
+    /** Soft fade mask at left + right edges. */
+    fade?: boolean;
+    /** Gap between items, e.g. 'gap-4', 'gap-8'. Default 'gap-8'. */
+    gap?: string;
+};
+/**
+ * Infinite-scroll row of children. Pure CSS keyframes (no JS animation loop).
+ * Honors `prefers-reduced-motion` automatically.
+ */
+declare const Marquee: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    /** Children rendered inside the scrolling track. Cloned once internally for a seamless loop. */
+    children: React__default.ReactNode;
+    /** Animation speed. */
+    speed?: keyof typeof SPEED_DURATION;
+    /** Scroll direction. */
+    direction?: "left" | "right";
+    /** Pause animation on hover. */
+    pauseOnHover?: boolean;
+    /** Soft fade mask at left + right edges. */
+    fade?: boolean;
+    /** Gap between items, e.g. 'gap-4', 'gap-8'. Default 'gap-8'. */
+    gap?: string;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
+declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function MenubarPortal({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function MenubarSub({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare const Menubar: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const MenubarSubTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarSubContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarCheckboxItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarRadioItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarLabel: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarSeparator: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayname: string;
+};
+
+declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Pagination: {
+    ({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Popover: React__default.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React__default.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React__default.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React__default.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const SIZE$1: {
+    readonly sm: {
+        readonly price: "text-sm";
+        readonly compare: "text-xs";
+    };
+    readonly md: {
+        readonly price: "text-lg";
+        readonly compare: "text-sm";
+    };
+    readonly lg: {
+        readonly price: "text-2xl";
+        readonly compare: "text-base";
+    };
+};
+type PriceTagProps = React__default.HTMLAttributes<HTMLSpanElement> & {
+    /** Price in minor units (e.g. cents). */
+    amount: number;
+    /** Original/compare-at price in minor units — renders struck-through when greater than `amount`. */
+    compareAt?: number;
+    /** ISO 4217 currency code. Default 'USD'. */
+    currency?: string;
+    /** BCP-47 locale for formatting. Default 'en-US'. */
+    locale?: string;
+    /** Size scale. Default 'md'. */
+    size?: keyof typeof SIZE$1;
+    /** Show the "−N%" discount pill when on sale. Default true. */
+    showDiscount?: boolean;
+};
+/**
+ * Formatted currency price with an optional compare-at strikethrough and discount pill.
+ * Amounts are minor units (cents) so there's no float drift.
+ */
+declare const PriceTag: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
+    /** Price in minor units (e.g. cents). */
+    amount: number;
+    /** Original/compare-at price in minor units — renders struck-through when greater than `amount`. */
+    compareAt?: number;
+    /** ISO 4217 currency code. Default 'USD'. */
+    currency?: string;
+    /** BCP-47 locale for formatting. Default 'en-US'. */
+    locale?: string;
+    /** Size scale. Default 'md'. */
+    size?: keyof typeof SIZE$1;
+    /** Show the "−N%" discount pill when on sale. Default true. */
+    showDiscount?: boolean;
+} & React__default.RefAttributes<HTMLSpanElement>>;
+
+declare const Progress: React__default.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+type QrCodeProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    /** The text or URL to encode. Required — empty string renders an empty state. */
+    value: string;
+    /** Pixel size of the rendered QR. Default 192. */
+    size?: number;
+    /** Error correction level. Higher = more redundancy + bigger QR. */
+    level?: 'L' | 'M' | 'Q' | 'H';
+    /** Foreground color. Default `currentColor` so it inherits the text token. */
+    fgColor?: string;
+    /** Background color. Default `transparent`. */
+    bgColor?: string;
+    /** Add quiet-zone margin around the QR (recommended for printing). */
+    includeMargin?: boolean;
+    /** Optional center logo / image. */
+    imageSettings?: {
+        src: string;
+        height: number;
+        width: number;
+        excavate: boolean;
+        x?: number;
+        y?: number;
+        opacity?: number;
+        crossOrigin?: 'anonymous' | 'use-credentials' | '';
+    };
+};
+/**
+ * QR code wrapper around `qrcode.react` (SVG output).
+ * The default `currentColor` foreground means the QR inherits the surrounding text color,
+ * so it adapts to dark/light themes automatically.
+ */
+declare const QrCode: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** The text or URL to encode. Required — empty string renders an empty state. */
+    value: string;
+    /** Pixel size of the rendered QR. Default 192. */
+    size?: number;
+    /** Error correction level. Higher = more redundancy + bigger QR. */
+    level?: "L" | "M" | "Q" | "H";
+    /** Foreground color. Default `currentColor` so it inherits the text token. */
+    fgColor?: string;
+    /** Background color. Default `transparent`. */
+    bgColor?: string;
+    /** Add quiet-zone margin around the QR (recommended for printing). */
+    includeMargin?: boolean;
+    /** Optional center logo / image. */
+    imageSettings?: {
+        src: string;
+        height: number;
+        width: number;
+        excavate: boolean;
+        x?: number;
+        y?: number;
+        opacity?: number;
+        crossOrigin?: "anonymous" | "use-credentials" | "";
+    };
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+type QuantityStepperProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    /** Controlled quantity. */
+    value?: number;
+    /** Uncontrolled initial quantity. Default 1. */
+    defaultValue?: number;
+    /** Fires with the clamped next quantity. */
+    onValueChange?: (value: number) => void;
+    /** Minimum (decrement disables here). Default 1. */
+    min?: number;
+    /** Maximum (increment disables here). Default 99. */
+    max?: number;
+    /** Increment/decrement step. Default 1. */
+    step?: number;
+    /** Control size. Default 'md'. */
+    size?: 'sm' | 'md';
+    disabled?: boolean;
+    'aria-label'?: string;
+};
+/** Increment / decrement quantity control with min/max clamping. */
+declare const QuantityStepper: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    /** Controlled quantity. */
+    value?: number;
+    /** Uncontrolled initial quantity. Default 1. */
+    defaultValue?: number;
+    /** Fires with the clamped next quantity. */
+    onValueChange?: (value: number) => void;
+    /** Minimum (decrement disables here). Default 1. */
+    min?: number;
+    /** Maximum (increment disables here). Default 99. */
+    max?: number;
+    /** Increment/decrement step. Default 1. */
+    step?: number;
+    /** Control size. Default 'md'. */
+    size?: "sm" | "md";
+    disabled?: boolean;
+    'aria-label'?: string;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const RadioGroup: React__default.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React__default.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const SIZE: {
+    readonly sm: "h-4 w-4";
+    readonly md: "h-5 w-5";
+    readonly lg: "h-6 w-6";
+};
+type RatingProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    /** Controlled value (0..max, supports halves like 3.5). */
+    value?: number;
+    /** Uncontrolled initial value. */
+    defaultValue?: number;
+    /** Fires on user change. */
+    onValueChange?: (value: number) => void;
+    /** Maximum stars. Default 5. */
+    max?: number;
+    /** Star size. Default 'md'. */
+    size?: keyof typeof SIZE;
+    /** Disable interaction (display-only). */
+    readOnly?: boolean;
+    /** Allow 0.5 increments. Default true. */
+    allowHalf?: boolean;
+    /** Override empty-state icon. */
+    emptyIcon?: React__default.ReactNode;
+    /** Override filled-state icon. */
+    filledIcon?: React__default.ReactNode;
+    /** Accessible label. Default "Rating". */
+    'aria-label'?: string;
+};
+/**
+ * Interactive 0..N star rating with half-step support.
+ * Keyboard: Arrow Left/Right ±0.5 (±1 if allowHalf=false), Home/End jump to 0/max.
+ */
+declare const Rating: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    /** Controlled value (0..max, supports halves like 3.5). */
+    value?: number;
+    /** Uncontrolled initial value. */
+    defaultValue?: number;
+    /** Fires on user change. */
+    onValueChange?: (value: number) => void;
+    /** Maximum stars. Default 5. */
+    max?: number;
+    /** Star size. Default 'md'. */
+    size?: keyof typeof SIZE;
+    /** Disable interaction (display-only). */
+    readOnly?: boolean;
+    /** Allow 0.5 increments. Default true. */
+    allowHalf?: boolean;
+    /** Override empty-state icon. */
+    emptyIcon?: React__default.ReactNode;
+    /** Override filled-state icon. */
+    filledIcon?: React__default.ReactNode;
+    /** Accessible label. Default "Rating". */
+    'aria-label'?: string;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof Group>) => react_jsx_runtime.JSX.Element;
+declare const ResizablePanel: typeof Panel;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof Separator$1> & {
+    withHandle?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Select: React__default.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React__default.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React__default.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React__default.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React__default.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React__default.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React__default.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React__default.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React__default.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React__default.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React__default.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Separator: React__default.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Sheet: React__default.FC<DialogPrimitive.DialogProps>;
+declare const SheetTrigger: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React__default.FC<DialogPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React__default.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "left" | "top" | "right" | "bottom" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetContentProps extends React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React__default.ForwardRefExoticComponent<SheetContentProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: ({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+declare const SheetFooter: ({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+declare const SheetTitle: React__default.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>, "ref"> & React__default.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React__default.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
+
+declare function Skeleton({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+declare const Slider: React__default.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
+
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare const Switch: React__default.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
+
+declare const Tabs: React__default.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React__default.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React__default.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React__default.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+type TextareaProps = React__default.TextareaHTMLAttributes<HTMLTextAreaElement>;
+declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+interface TextureCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    padding?: boolean;
+}
+declare const TextureCard: React$1.ForwardRefExoticComponent<TextureCardProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TextureCardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TextureCardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const TextureCardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string>) & React$1.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const TooltipProvider: typeof TooltipPrimitive.Provider;
+declare const Tooltip: typeof TooltipPrimitive.Root;
+declare const TooltipTrigger: typeof TooltipPrimitive.Trigger;
+declare const TooltipContent: React__default.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+type VariantOption = {
+    value: string;
+    label: string;
+    /** Optional color swatch — a CSS color from your product data (not a design token). */
+    swatch?: string;
+    disabled?: boolean;
+};
+type VariantPickerProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    /** Group label, e.g. "Grind" or "Size". */
+    label?: string;
+    options: VariantOption[];
+    /** Controlled selected value. */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+/** Single-select product-option picker (grind, size, color) with selected + out-of-stock states. */
+declare const VariantPicker: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    /** Group label, e.g. "Grind" or "Size". */
+    label?: string;
+    options: VariantOption[];
+    /** Controlled selected value. */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const bannerVariants: (props?: ({
+    variant?: "info" | "success" | "warning" | "error" | "neutral" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BannerAction {
+    label: string;
+    onClick: () => void;
+    icon?: boolean;
+}
+interface BannerProps extends VariantProps<typeof bannerVariants> {
+    title?: string;
+    description?: string;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    action?: BannerAction;
+    icon?: boolean;
+    className?: string;
+    children?: React__default.ReactNode;
+}
+declare function Banner({ variant, title, description, dismissible, onDismiss, action, icon, className, children, }: BannerProps): react_jsx_runtime.JSX.Element | null;
+
+interface BreadcrumbItemProps {
+    href?: string;
+    label: string;
+    active?: boolean;
+    className?: string;
+}
+declare function BreadcrumbItem({ href, label, active, className }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ children, className }: {
+    children: React__default.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbSeparator({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+interface BreadcrumbProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function Breadcrumb({ children, className }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+
+interface CommandItemProps {
+    icon?: React__default.ReactNode;
+    label: string;
+    description?: string;
+    shortcut?: string;
+    active?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+declare function CommandItem$1({ icon, label, description, shortcut, active, onClick, className }: CommandItemProps): react_jsx_runtime.JSX.Element;
+
+interface DataGridProps$1<T extends object> {
+    columns: ColumnDef<T, any>[];
+    data: T[];
+    onDataChange?: (data: T[]) => void;
+    editable?: boolean;
+    className?: string;
+}
+declare function DataGrid$1<T extends object>({ columns, data: initialData, onDataChange, editable, className }: DataGridProps$1<T>): react_jsx_runtime.JSX.Element;
+
+interface DataTableProps<T> {
+    columns: ColumnDef<T>[];
+    data: T[];
+    pageSize?: number;
+    searchable?: boolean;
+    searchColumn?: string;
+    loading?: boolean;
+}
+declare function DataTableColumnHeader({ column, title }: {
+    column: any;
+    title: string;
+}): react_jsx_runtime.JSX.Element;
+declare function DataTablePagination({ table }: {
+    table: any;
+}): react_jsx_runtime.JSX.Element;
+declare function DataTableToolbar({ table, searchColumn }: {
+    table: any;
+    searchColumn?: string;
+}): react_jsx_runtime.JSX.Element | null;
+declare function DataTable<T>({ columns, data, pageSize, searchable, searchColumn, loading }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+declare const EmptyStateIcon: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+interface EmptyStateProps {
+    icon?: React__default.ReactNode;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    secondaryAction?: {
+        label: string;
+        onClick: () => void;
+    };
+    size?: 'sm' | 'default' | 'lg';
+    className?: string;
+}
+declare function EmptyState({ icon, title, description, action, secondaryAction, size, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+interface HotkeyBadgeProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function HotkeyBadge({ children, className }: HotkeyBadgeProps): react_jsx_runtime.JSX.Element;
+interface HotkeysProps {
+    keys: string[];
+    className?: string;
+}
+declare function Hotkeys({ keys, className }: HotkeysProps): react_jsx_runtime.JSX.Element;
+
+type IconBadgeColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'purple';
+type IconBadgeSize = 'sm' | 'md' | 'lg';
+interface IconBadgeProps {
+    icon: React__default.ReactNode;
+    color?: IconBadgeColor;
+    size?: IconBadgeSize;
+    className?: string;
+}
+declare function IconBadge({ icon, color, size, className }: IconBadgeProps): react_jsx_runtime.JSX.Element;
+
+interface LoadingOverlayProps {
+    loading: boolean;
+    text?: string;
+    fullPage?: boolean;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare function LoadingOverlay({ loading, text, fullPage, children, className }: LoadingOverlayProps): react_jsx_runtime.JSX.Element | null;
+
+interface PersonaProps {
+    name: string;
+    subtitle?: string;
+    src?: string;
+    size?: 'sm' | 'md' | 'lg';
+    badge?: React__default.ReactNode;
+    className?: string;
+}
+declare function Persona({ name, subtitle, src, size, badge, className }: PersonaProps): react_jsx_runtime.JSX.Element;
+
+interface PropertyListProps extends React__default.HTMLAttributes<HTMLDListElement> {
+}
+declare const PropertyList: React__default.ForwardRefExoticComponent<PropertyListProps & React__default.RefAttributes<HTMLDListElement>>;
+interface PropertyItemProps {
+    label: string;
+    value: React__default.ReactNode;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+declare function PropertyItem({ label, value, orientation, className }: PropertyItemProps): react_jsx_runtime.JSX.Element;
+
+interface StatProps {
+    label: string;
+    value: string | number;
+    trend?: number;
+    trendLabel?: string;
+    icon?: React__default.ReactNode;
+    description?: string;
+    className?: string;
+}
+declare function Stat({ label, value, trend, trendLabel, icon, description, className }: StatProps): react_jsx_runtime.JSX.Element;
+interface StatGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
+}
+declare function StatGroup({ className, ...props }: StatGroupProps): react_jsx_runtime.JSX.Element;
+
+interface StepDef {
+    title: string;
+    description?: string;
+}
+interface StepperStepProps extends StepDef {
+    index: number;
+    current: number;
+    total: number;
+}
+declare function StepperStep({ index, current, total, title, description }: StepperStepProps): react_jsx_runtime.JSX.Element;
+interface StepperProps {
+    currentStep: number;
+    steps: StepDef[];
+    className?: string;
+    /** 'horizontal' (default) | 'vertical' — vertical stacks steps as rows */
+    direction?: 'horizontal' | 'vertical';
+}
+declare function Stepper({ currentStep, steps, className, direction }: StepperProps): react_jsx_runtime.JSX.Element;
+
+interface StructuredListSectionProps {
+    title?: string;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function StructuredListSection({ title, children, className }: StructuredListSectionProps): react_jsx_runtime.JSX.Element;
+interface StructuredListItemProps {
+    left?: React__default.ReactNode;
+    title: string;
+    description?: string;
+    right?: React__default.ReactNode;
+    onClick?: () => void;
+    className?: string;
+}
+declare function StructuredListItem({ left, title, description, right, onClick, className }: StructuredListItemProps): react_jsx_runtime.JSX.Element;
+interface StructuredListProps extends React__default.HTMLAttributes<HTMLDivElement> {
+}
+declare const StructuredList: React__default.ForwardRefExoticComponent<StructuredListProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type TimelineVariant = 'default' | 'success' | 'error' | 'warning';
+interface TimelineContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
+}
+declare const TimelineContent: React__default.ForwardRefExoticComponent<TimelineContentProps & React__default.RefAttributes<HTMLDivElement>>;
+declare function TimelineConnector({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+interface TimelineItemProps {
+    icon?: React__default.ReactNode;
+    title: string;
+    description?: string;
+    timestamp?: string;
+    variant?: TimelineVariant;
+    isLast?: boolean;
+    className?: string;
+}
+declare function TimelineItem({ icon, title, description, timestamp, variant, isLast, className }: TimelineItemProps): react_jsx_runtime.JSX.Element;
+interface TimelineProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function Timeline({ children, className }: TimelineProps): react_jsx_runtime.JSX.Element;
+
+interface ChatDetailProps {
+    className?: string;
+}
+declare function ChatDetail({ className }: ChatDetailProps): react_jsx_runtime.JSX.Element;
+
+interface FeedbackModalProps {
+    onSubmit?: (data: {
+        reaction: string;
+        text: string;
+    }) => void;
+    className?: string;
+}
+declare function FeedbackModal({ onSubmit, className }: FeedbackModalProps): react_jsx_runtime.JSX.Element;
+
+interface FileItem {
+    id: string;
+    name: string;
+    type: string;
+    size: string;
+    modified: string;
+}
+interface FileCardsProps {
+    files?: FileItem[];
+    className?: string;
+}
+declare function FileCards({ files, className }: FileCardsProps): react_jsx_runtime.JSX.Element;
+
+interface FilesListProps {
+    className?: string;
+}
+declare function FilesList({ className }: FilesListProps): react_jsx_runtime.JSX.Element;
+
+interface IntegrationCardProps {
+    icon?: React__default.ReactNode;
+    name?: string;
+    description?: string;
+    connected?: boolean;
+    className?: string;
+}
+declare function IntegrationCard({ icon, name, description, connected, className, }: IntegrationCardProps): react_jsx_runtime.JSX.Element;
+
+interface InviteModalProps {
+    className?: string;
+}
+declare function InviteModal({ className }: InviteModalProps): react_jsx_runtime.JSX.Element;
+
+interface ManageTagsModalProps {
+    className?: string;
+}
+declare function ManageTagsModal({ className }: ManageTagsModalProps): react_jsx_runtime.JSX.Element;
+
+interface MessagesCardProps {
+    className?: string;
+}
+declare function MessagesCard({ className }: MessagesCardProps): react_jsx_runtime.JSX.Element;
+
+interface MetricCardProps {
+    label?: string;
+    value?: string;
+    change?: string;
+    trend?: 'up' | 'down';
+    className?: string;
+}
+declare function MetricCard({ label, value, change, trend, className }: MetricCardProps): react_jsx_runtime.JSX.Element;
+interface MetricCardWithIconProps extends MetricCardProps {
+    icon?: React__default.ReactNode;
+    iconColor?: string;
+}
+declare function MetricCardWithIcon({ icon, iconColor, ...props }: MetricCardWithIconProps): react_jsx_runtime.JSX.Element;
+interface MetricCardWithButtonProps extends MetricCardProps {
+    actionLabel?: string;
+    onAction?: () => void;
+}
+declare function MetricCardWithButton({ actionLabel, onAction, ...props }: MetricCardWithButtonProps): react_jsx_runtime.JSX.Element;
+
+interface BarListItem {
+    label: string;
+    value: number;
+    color?: string;
+    href?: string;
+    icon?: React__default.ReactNode;
+    meta?: React__default.ReactNode;
+}
+interface BarListProps {
+    data: BarListItem[];
+    valueFormatter?: (v: number) => string;
+    sort?: boolean;
+    max?: number;
+    className?: string;
+    emptyMessage?: string;
+}
+declare function BarList({ data, valueFormatter, sort, max, className, emptyMessage, }: BarListProps): react_jsx_runtime.JSX.Element;
+
+interface HeatmapDay {
+    date: string;
+    value: number;
+}
+interface HeatmapProps {
+    data: HeatmapDay[];
+    endDate?: Date;
+    weeks?: number;
+    cellSize?: number;
+    gap?: number;
+    colorScale?: string[];
+    className?: string;
+    showMonthLabels?: boolean;
+    showDayLabels?: boolean;
+    showLegend?: boolean;
+    formatTooltip?: (day: HeatmapDay) => string;
+}
+declare function Heatmap({ data, endDate, weeks, cellSize, gap, colorScale, className, showMonthLabels, showDayLabels, showLegend, formatTooltip, }: HeatmapProps): react_jsx_runtime.JSX.Element;
+
+interface FilterOption {
+    value: string;
+    label: string;
+}
+interface SummaryStat {
+    label: string;
+    value: string | number;
+}
+interface ActivityHeatmapProps {
+    /** The big number above the heatmap (e.g. total events) */
+    total: number | string;
+    /** Caption above the total — e.g. "Activity" */
+    caption?: string;
+    /** Daily values for the heatmap */
+    data: HeatmapDay[];
+    /** Date the heatmap should end on. Defaults to today. */
+    endDate?: Date;
+    /** Number of week columns. Default 53. */
+    weeks?: number;
+    /** Cell size in px. Default 11. */
+    cellSize?: number;
+    /** Gap between cells in px. Default 3. */
+    gap?: number;
+    /** Optional 5-step color scale. Defaults to primary opacity ramp. */
+    colorScale?: string[];
+    /** Optional filter — renders a ToggleGroup at the top right */
+    filters?: FilterOption[];
+    filterValue?: string;
+    onFilterChange?: (value: string) => void;
+    /** 4 summary stats shown below the heatmap (e.g. Most Active Month / Day / Longest / Current Streak) */
+    stats?: SummaryStat[];
+    /** Tooltip formatter passed to Heatmap */
+    formatTooltip?: (day: HeatmapDay) => string;
+    /** Center the heatmap horizontally inside its scroll container. Default true. */
+    centered?: boolean;
+    className?: string;
+}
+declare function ActivityHeatmap({ total, caption, data, endDate, weeks, cellSize, gap, colorScale, filters, filterValue, onFilterChange, stats, formatTooltip, centered, className, }: ActivityHeatmapProps): react_jsx_runtime.JSX.Element;
+
+type FabPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+interface FabSection {
+    /** Section heading shown in small-caps above the items. */
+    label: string;
+    /** The content to render inside this section. */
+    content: React__default.ReactNode;
+}
+interface FloatingActionButtonProps {
+    /** Icon rendered inside the FAB. Defaults to a palette icon. */
+    icon?: React__default.ReactNode;
+    /** Tooltip / aria-label for the FAB button. */
+    label?: string;
+    /** Panel title shown at the top of the popover. */
+    title?: string;
+    /** Panel subtitle shown below the title. */
+    description?: string;
+    /** Sections of content to render inside the popover panel. */
+    sections?: FabSection[];
+    /** Which corner to anchor the FAB. @default 'bottom-right' */
+    position?: FabPosition;
+    /** Extra className on the root wrapper. */
+    className?: string;
+}
+declare function FloatingActionButton({ icon, label, title, description, sections, position, className, }: FloatingActionButtonProps): react_jsx_runtime.JSX.Element;
+interface ThemePickerOption {
+    /** CSS class applied to <html>. Use '__brand__' for the default brand palette (no class). */
+    value: string;
+    /** Display label shown as tooltip and below the active swatch. */
+    label: string;
+    /** Hex or CSS color used to render the swatch circle. */
+    color: string;
+}
+declare const DEFAULT_THEME_OPTIONS: ThemePickerOption[];
+interface PaletteSwatchesProps {
+    options?: ThemePickerOption[];
+}
+declare function PaletteSwatches({ options }: PaletteSwatchesProps): react_jsx_runtime.JSX.Element;
+interface FloatingThemePickerProps {
+    options?: ThemePickerOption[];
+    position?: FabPosition;
+    className?: string;
+}
+declare function FloatingThemePicker({ options, position, className, }: FloatingThemePickerProps): react_jsx_runtime.JSX.Element;
+
+interface NotificationSettingsProps {
+    className?: string;
+}
+declare function NotificationSettings({ className }: NotificationSettingsProps): react_jsx_runtime.JSX.Element;
+
+interface OrgMenuProps {
+    /** Controlled mode — pass to manage selection externally. If omitted, the menu manages its own state. */
+    currentOrgId?: string;
+    /** Default selection in uncontrolled mode. Defaults to the first org. */
+    defaultOrgId?: string;
+    onSwitch?: (orgId: string) => void;
+    onCreateOrg?: () => void;
+    className?: string;
+}
+declare function OrgMenu({ currentOrgId, defaultOrgId, onSwitch, onCreateOrg, className, }: OrgMenuProps): react_jsx_runtime.JSX.Element;
+
+interface RolesMenuProps {
+    value?: string;
+    onChange?: (role: string) => void;
+    className?: string;
+}
+declare function RolesMenu({ value, onChange, className }: RolesMenuProps): react_jsx_runtime.JSX.Element;
+
+interface SelectUsersModalProps {
+    onConfirm?: (ids: string[]) => void;
+    className?: string;
+}
+declare function SelectUsersModal({ onConfirm, className }: SelectUsersModalProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarLayoutDashboardProps {
+    className?: string;
+}
+declare function SidebarLayoutDashboard({ className }: SidebarLayoutDashboardProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarLayoutGroupsProps {
+    brandName?: string;
+    pageTitle?: string;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare function SidebarLayoutGroups({ brandName, pageTitle, children, className, }: SidebarLayoutGroupsProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarLayoutMinimalProps {
+    brandName?: string;
+    pageTitle?: string;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare function SidebarLayoutMinimal({ brandName, pageTitle, children, className, }: SidebarLayoutMinimalProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarLayoutSearchProps {
+    brandName?: string;
+    pageTitle?: string;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare function SidebarLayoutSearch({ brandName, pageTitle, children, className, }: SidebarLayoutSearchProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarLayoutUserProps {
+    userName?: string;
+    userEmail?: string;
+    userRole?: string;
+    pageTitle?: string;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare function SidebarLayoutUser({ userName, userEmail, userRole, pageTitle, children, className, }: SidebarLayoutUserProps): react_jsx_runtime.JSX.Element;
+
+interface SortableTaskListProps {
+    className?: string;
+}
+declare function SortableTaskList({ className }: SortableTaskListProps): react_jsx_runtime.JSX.Element;
+
+interface StackedLayoutBrandedProps {
+    brandName?: string;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare function StackedLayoutBranded({ brandName, children, className, }: StackedLayoutBrandedProps): react_jsx_runtime.JSX.Element;
+
+interface StackedLayoutTabsProps {
+    brandName?: string;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare function StackedLayoutTabs({ brandName, children, className, }: StackedLayoutTabsProps): react_jsx_runtime.JSX.Element;
+
+interface TaskCardProps {
+    title?: string;
+    description?: string;
+    assigneeInitials?: string;
+    dueDate?: string;
+    priority?: 'High' | 'Medium' | 'Low';
+    className?: string;
+}
+declare function TaskCard({ title, description, assigneeInitials, dueDate, priority, className, }: TaskCardProps): react_jsx_runtime.JSX.Element;
+interface TaskCardWithLabelsProps extends TaskCardProps {
+    labels?: string[];
+}
+declare function TaskCardWithLabels({ labels, ...props }: TaskCardWithLabelsProps): react_jsx_runtime.JSX.Element;
+
+interface UserMenuProps {
+    name?: string;
+    email?: string;
+    initials?: string;
+    onProfile?: () => void;
+    onSettings?: () => void;
+    onBilling?: () => void;
+    onSignOut?: () => void;
+    className?: string;
+}
+declare function UserMenu({ name, email, initials, onProfile, onSettings, onBilling, onSignOut, className, }: UserMenuProps): react_jsx_runtime.JSX.Element;
+
+interface WorkspaceMembersProps {
+    className?: string;
+}
+declare function WorkspaceMembers({ className }: WorkspaceMembersProps): react_jsx_runtime.JSX.Element;
+
+interface ActionDef {
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick: () => void;
+    variant?: 'default' | 'destructive';
+}
+interface BulkActionsProps {
+    count: number;
+    actions: ActionDef[];
+    onClear: () => void;
+    className?: string;
+}
+declare function BulkActions({ count, actions, onClear, className }: BulkActionsProps): react_jsx_runtime.JSX.Element | null;
+
+interface UseCommandBarReturn {
+    open: boolean;
+    setOpen: (v: boolean) => void;
+}
+declare function useCommandBar(): UseCommandBarReturn;
+declare function CommandBarEmpty({ children }: {
+    children?: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function CommandBarGroup({ heading, children }: {
+    heading: string;
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+interface CommandBarItemProps {
+    icon?: React__default.ReactNode;
+    label: string;
+    shortcut?: string;
+    onSelect?: () => void;
+    active?: boolean;
+    className?: string;
+}
+declare function CommandBarItem({ icon, label, shortcut, onSelect, active, className }: CommandBarItemProps): react_jsx_runtime.JSX.Element;
+interface CommandBarProps {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    children: React__default.ReactNode;
+    placeholder?: string;
+    onSearch?: (q: string) => void;
+}
+declare function CommandBar({ open, onOpenChange, children, placeholder, onSearch }: CommandBarProps): react_jsx_runtime.JSX.Element;
+
+interface FilterDef {
+    key: string;
+    label: string;
+    type: 'text' | 'select' | 'date' | 'number';
+    options?: {
+        label: string;
+        value: string;
+    }[];
+}
+interface FilterValue {
+    key: string;
+    operator: string;
+    value: string;
+}
+declare function FilterBadge({ filter, def, onRemove }: {
+    filter: FilterValue;
+    def?: FilterDef;
+    onRemove: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function FilterItem({ children }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+interface FiltersProps {
+    filters: FilterDef[];
+    value: FilterValue[];
+    onChange: (v: FilterValue[]) => void;
+    className?: string;
+}
+declare function Filters({ filters, value, onChange, className }: FiltersProps): react_jsx_runtime.JSX.Element;
+
+type GanttItem = {
+    id: string;
+    title: string;
+    start: Date;
+    end: Date;
+    /** 0..100. Default 0. */
+    progress?: number;
+    /** CSS color (e.g. 'hsl(var(--chart-1))' or '#hex'). */
+    color?: string;
+    /** ids of upstream items — render arrows */
+    dependsOn?: string[];
+    /** optional row grouping label */
+    group?: string;
+};
+type GanttScale = 'days' | 'weeks' | 'months';
+type GanttProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onMove'> & {
+    items: GanttItem[];
+    scale?: GanttScale;
+    startDate?: Date;
+    endDate?: Date;
+    rowHeight?: number;
+    /** Omit = read-only. */
+    onItemMove?: (id: string, newStart: Date, newEnd: Date) => void;
+    /** Omit = no resize. */
+    onItemResize?: (id: string, newEnd: Date) => void;
+    onItemClick?: (item: GanttItem) => void;
+    showDependencies?: boolean;
+    showProgress?: boolean;
+    showToday?: boolean;
+};
+declare const Gantt: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "onMove"> & {
+    items: GanttItem[];
+    scale?: GanttScale;
+    startDate?: Date;
+    endDate?: Date;
+    rowHeight?: number;
+    /** Omit = read-only. */
+    onItemMove?: (id: string, newStart: Date, newEnd: Date) => void;
+    /** Omit = no resize. */
+    onItemResize?: (id: string, newEnd: Date) => void;
+    onItemClick?: (item: GanttItem) => void;
+    showDependencies?: boolean;
+    showProgress?: boolean;
+    showToday?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+interface KanbanCardDef {
+    id: string;
+    title: string;
+    description?: string;
+    badge?: string;
+}
+interface KanbanColumnDef {
+    id: string;
+    title: string;
+    cards: KanbanCardDef[];
+}
+declare function KanbanCard({ card, isDragging }: {
+    card: KanbanCardDef;
+    isDragging?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function KanbanColumn({ column, isOver }: {
+    column: KanbanColumnDef;
+    isOver?: boolean;
+}): react_jsx_runtime.JSX.Element;
+interface KanbanProps {
+    columns: KanbanColumnDef[];
+    onMoveCard?: (cardId: string, fromCol: string, toCol: string) => void;
+    className?: string;
+}
+declare function Kanban({ columns: initialColumns, onMoveCard, className }: KanbanProps): react_jsx_runtime.JSX.Element;
+
+type RichEditorToolbarVariant = 'full' | 'minimal' | 'bubble';
+type RichEditorProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    /** Controlled HTML content. */
+    value?: string;
+    /** Initial uncontrolled HTML content. */
+    defaultValue?: string;
+    /** Fired (debounced 100ms) when the editor's HTML changes. */
+    onChange?: (html: string) => void;
+    /** Placeholder shown when the document is empty. */
+    placeholder?: string;
+    /** Default true. When false the toolbar is visually disabled and content read-only. */
+    editable?: boolean;
+    /** Toolbar layout. Default 'full'. */
+    toolbar?: RichEditorToolbarVariant;
+    /** Optional character cap. Shows a counter and clamps content via onUpdate. */
+    maxLength?: number;
+};
+declare const RichEditor: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    /** Controlled HTML content. */
+    value?: string;
+    /** Initial uncontrolled HTML content. */
+    defaultValue?: string;
+    /** Fired (debounced 100ms) when the editor's HTML changes. */
+    onChange?: (html: string) => void;
+    /** Placeholder shown when the document is empty. */
+    placeholder?: string;
+    /** Default true. When false the toolbar is visually disabled and content read-only. */
+    editable?: boolean;
+    /** Toolbar layout. Default 'full'. */
+    toolbar?: RichEditorToolbarVariant;
+    /** Optional character cap. Shows a counter and clamps content via onUpdate. */
+    maxLength?: number;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+interface ToggleButtonProps {
+    value: string;
+    pressed?: boolean;
+    onClick?: () => void;
+    disabled?: boolean;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function ToggleButton({ pressed, onClick, disabled, children, className }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
+interface ToggleButtonGroupSingle {
+    type?: 'single';
+    value: string;
+    onChange: (v: string) => void;
+}
+interface ToggleButtonGroupMultiple {
+    type: 'multiple';
+    value: string[];
+    onChange: (v: string[]) => void;
+}
+type ToggleButtonGroupProps = (ToggleButtonGroupSingle | ToggleButtonGroupMultiple) & {
+    children: React__default.ReactNode;
+    className?: string;
+};
+declare function ToggleButtonGroup(props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
+
+interface AreaChartProps {
+    data: Record<string, unknown>[];
+    dataKey: string | string[];
+    xAxisKey?: string;
+    height?: number;
+    colors?: string[];
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    curved?: boolean;
+    className?: string;
+}
+declare function AreaChart({ data, dataKey, xAxisKey, height, colors, showGrid, showTooltip, showLegend, curved, className, }: AreaChartProps): react_jsx_runtime.JSX.Element;
+
+interface BarChartProps {
+    data: Record<string, unknown>[];
+    dataKey: string | string[];
+    xAxisKey?: string;
+    height?: number;
+    colors?: string[];
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    layout?: 'vertical' | 'horizontal';
+    stacked?: boolean;
+    /** Exact bar width/height in px. Defaults to 28 for a slim, elegant look. */
+    barSize?: number;
+    /** Maximum bar width/height in px */
+    maxBarSize?: number;
+    /** Gap between bar groups. Defaults to '45%' for generous whitespace. */
+    barCategoryGap?: number | string;
+    /** Optional line overlay key — switches to ComposedChart with second Y axis */
+    lineDataKey?: string;
+    lineColor?: string;
+    lineStrokeWidth?: number;
+    rightAxisFormatter?: (v: number) => string;
+    rightAxisDomain?: [number | string, number | string];
+    className?: string;
+}
+declare function BarChart({ data, dataKey, xAxisKey, height, colors, showGrid, showTooltip, showLegend, layout, stacked, barSize, maxBarSize, barCategoryGap, lineDataKey, lineColor, lineStrokeWidth, rightAxisFormatter, rightAxisDomain, className, }: BarChartProps): react_jsx_runtime.JSX.Element;
+
+interface LineChartProps {
+    data: Record<string, unknown>[];
+    dataKey: string | string[];
+    xAxisKey?: string;
+    height?: number;
+    colors?: string[];
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    curved?: boolean;
+    dotted?: boolean;
+    strokeWidth?: number;
+    className?: string;
+}
+declare function LineChart({ data, dataKey, xAxisKey, height, colors, showGrid, showTooltip, showLegend, curved, dotted, strokeWidth, className, }: LineChartProps): react_jsx_runtime.JSX.Element;
+
+interface SparklineProps {
+    data: number[];
+    type?: 'line' | 'area';
+    color?: string;
+    height?: number;
+    width?: number;
+    className?: string;
+}
+declare function Sparkline({ data, type, color, height, width, className, }: SparklineProps): react_jsx_runtime.JSX.Element | null;
+
+declare const colorMap: {
+    primary: string;
+    success: string;
+    warning: string;
+    error: string;
+};
+declare const sizeMap: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+interface BeaconProps {
+    color?: keyof typeof colorMap;
+    size?: keyof typeof sizeMap;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare function Beacon({ color, size, children, className }: BeaconProps): react_jsx_runtime.JSX.Element;
+
+interface TourContextValue {
+    currentStep: number;
+    totalSteps: number;
+    isActive: boolean;
+    start: () => void;
+    stop: () => void;
+    next: () => void;
+    prev: () => void;
+    goTo: (step: number) => void;
+}
+declare function useTour(): TourContextValue;
+interface TourProps {
+    totalSteps: number;
+    children: React__default.ReactNode;
+}
+declare function Tour({ totalSteps, children }: TourProps): react_jsx_runtime.JSX.Element;
+interface TourStepProps {
+    step: number;
+    title: string;
+    description: string;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    children: React__default.ReactNode;
+}
+declare function TourStep({ step, title, description, placement, children }: TourStepProps): react_jsx_runtime.JSX.Element;
+
+interface ChecklistProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** Header title. */
+    title?: string;
+    /** Optional subtitle / description. */
+    description?: string;
+    /** Controlled map of itemId → completed. If omitted, state is internal. */
+    completed?: Record<string, boolean>;
+    /** Called when an item's completion changes. */
+    onItemChange?: (id: string, completed: boolean) => void;
+    /** Fired the first time every item flips to completed. */
+    onComplete?: () => void;
+    /** Whether the body is collapsible. Default true. */
+    collapsible?: boolean;
+    /** Initial open state (uncontrolled). Default true. */
+    defaultOpen?: boolean;
+    /** Hide the progress bar. Default false. */
+    hideProgress?: boolean;
+}
+declare const Checklist: React__default.ForwardRefExoticComponent<ChecklistProps & React__default.RefAttributes<HTMLDivElement>>;
+interface ChecklistItemProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title' | 'onClick'> {
+    /** Stable id used to track completion. */
+    id: string;
+    /** Item title (required). */
+    title: string;
+    /** Optional description shown under the title. */
+    description?: string;
+    /** Render a CTA on the right (e.g. <Button>Connect</Button>). */
+    action?: React__default.ReactNode;
+    /** Click handler for the entire row (excluding the action slot). */
+    onActivate?: () => void;
+}
+declare const ChecklistItem: React__default.ForwardRefExoticComponent<ChecklistItemProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface IntroStep {
+    title: string;
+    description: string;
+    media?: React__default.ReactNode;
+}
+interface IntroDisclosureProps {
+    /** The steps to walk through, in order. */
+    steps: IntroStep[];
+    /** Controlled open prop. If omitted, falls back to localStorage on mount. */
+    open?: boolean;
+    /** Called when the user dismisses (skip / done / backdrop / escape). */
+    onOpenChange?: (open: boolean) => void;
+    /** localStorage key. Once seen, the component stays closed for that key.
+     *  Set to `undefined` to disable persistence (always opens). */
+    storageKey?: string;
+    /** Optional extra label e.g. "What's new in 2.0". */
+    eyebrow?: string;
+    /** Skip button label. Default "Skip". */
+    skipLabel?: string;
+    /** Final-step CTA label. Default "Get started". */
+    finishLabel?: string;
+}
+declare function IntroDisclosure({ steps, open: controlledOpen, onOpenChange, storageKey, eyebrow, skipLabel, finishLabel, }: IntroDisclosureProps): react_jsx_runtime.JSX.Element | null;
+declare namespace IntroDisclosure {
+    var displayName: string;
+}
+
+interface ArrayFieldProps<T> {
+    value: T[];
+    onChange: (v: T[]) => void;
+    renderItem: (item: T, index: number, remove: () => void) => React__default.ReactNode;
+    addLabel?: string;
+    maxItems?: number;
+    defaultItem: T;
+    className?: string;
+}
+declare function ArrayField<T>({ value, onChange, renderItem, addLabel, maxItems, defaultItem, className, }: ArrayFieldProps<T>): react_jsx_runtime.JSX.Element;
+
+interface AutoFormProps {
+    schema: z.ZodObject<z.ZodRawShape>;
+    onSubmit: (data: Record<string, unknown>) => void;
+    defaultValues?: Record<string, unknown>;
+    submitLabel?: string;
+}
+declare function AutoForm({ schema, onSubmit, defaultValues, submitLabel }: AutoFormProps): react_jsx_runtime.JSX.Element;
+
+type ColorFormat = 'hex' | 'rgb' | 'hsl';
+type ColorPickerProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    /** Controlled color value (e.g. '#3b82f6' for hex, 'rgb(59, 130, 246)' for rgb). */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    /** Fires whenever the color changes. */
+    onValueChange?: (value: string) => void;
+    /** Format for the text input + picker. Default 'hex'. */
+    format?: ColorFormat;
+    /** Include alpha channel (only meaningful for hex). Default false. */
+    showAlpha?: boolean;
+    /** Optional preset palette displayed as clickable swatches. */
+    swatches?: string[];
+    /** Show the eye-dropper button when the API is available. Default true. */
+    showEyeDropper?: boolean;
+    /** Disable interaction. */
+    disabled?: boolean;
+};
+/**
+ * Inline color picker with optional eye-dropper, swatches, and alpha channel.
+ * Wraps `react-colorful` and themes it to OTF's design tokens.
+ */
+declare const ColorPicker: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    /** Controlled color value (e.g. '#3b82f6' for hex, 'rgb(59, 130, 246)' for rgb). */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    /** Fires whenever the color changes. */
+    onValueChange?: (value: string) => void;
+    /** Format for the text input + picker. Default 'hex'. */
+    format?: ColorFormat;
+    /** Include alpha channel (only meaningful for hex). Default false. */
+    showAlpha?: boolean;
+    /** Optional preset palette displayed as clickable swatches. */
+    swatches?: string[];
+    /** Show the eye-dropper button when the API is available. Default true. */
+    showEyeDropper?: boolean;
+    /** Disable interaction. */
+    disabled?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+interface DatePickerProps {
+    value?: Date;
+    onChange?: (date: Date) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare function DatePicker({ value, onChange, placeholder, disabled, className }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
+interface FieldProps {
+    label?: string;
+    description?: string;
+    error?: string;
+    required?: boolean;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function Field({ label, description, error, required, children, className }: FieldProps): react_jsx_runtime.JSX.Element;
+interface FieldLabelProps extends React__default.LabelHTMLAttributes<HTMLLabelElement> {
+    required?: boolean;
+}
+declare const FieldLabel: React__default.ForwardRefExoticComponent<FieldLabelProps & React__default.RefAttributes<HTMLLabelElement>>;
+declare const FieldDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
+declare const FieldError: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
+
+interface FileUploadProps {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    onFiles?: (files: File[]) => void;
+    className?: string;
+    disabled?: boolean;
+}
+declare function FileUpload({ accept, multiple, maxSize, onFiles, className, disabled }: FileUploadProps): react_jsx_runtime.JSX.Element;
+interface FileUploadPreviewProps {
+    files: File[];
+    onRemove: (index: number) => void;
+    className?: string;
+}
+declare function FileUploadPreview({ files, onRemove, className }: FileUploadPreviewProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * FloatingLabelInput — input where the label sits inside the field at rest
+ * and floats up + shrinks when the field is focused OR contains text. Cross-
+ * platform parity with @otfdashkit/ui-native's FloatingLabelInput.
+ *
+ * Reference (visual spec): https://www.grepped.ai/animations/components-ui/floating-label
+ *
+ * Forms pattern, not a primitive — pairs with Form, Field, AutoForm helpers.
+ */
+interface FloatingLabelInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'placeholder'> {
+    /** Label that floats up when focused or filled. */
+    label: string;
+    /** Inline error text shown below the input. */
+    error?: string;
+    /** Helper text shown below the input when there's no error. */
+    hint?: string;
+    /** Wrap the field + label + helper text in this className for layout. */
+    wrapperClassName?: string;
+}
+declare const FloatingLabelInput: React__default.ForwardRefExoticComponent<FloatingLabelInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare function FormField<T extends FieldValues, N extends FieldPath<T>>(props: ControllerProps<T, N>): react_jsx_runtime.JSX.Element;
+declare function FormItem({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+interface FormLabelProps extends React__default.LabelHTMLAttributes<HTMLLabelElement> {
+    error?: boolean;
+}
+declare const FormLabel: React__default.ForwardRefExoticComponent<FormLabelProps & React__default.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare function FormDescription({ className, ...props }: React__default.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+declare function FormMessage({ className, children, name }: React__default.HTMLAttributes<HTMLParagraphElement> & {
+    name?: string;
+}): react_jsx_runtime.JSX.Element | null;
+
+interface ObjectFieldProps {
+    title: string;
+    description?: string;
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function ObjectField({ title, description, collapsible, defaultOpen, children, className, }: ObjectFieldProps): react_jsx_runtime.JSX.Element;
+
+interface PasswordInputProps extends InputProps {
+    strength?: boolean;
+}
+declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface SearchInputProps extends Omit<InputProps, 'onChange'> {
+    shortcut?: string;
+    onClear?: () => void;
+    onChange?: (value: string) => void;
+}
+declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface StepFormProps {
+    steps: string[];
+    onSubmit: () => void;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function StepForm({ steps, onSubmit, children, className }: StepFormProps): react_jsx_runtime.JSX.Element;
+interface StepFormStepProps {
+    title: string;
+    description?: string;
+    children: React__default.ReactNode;
+}
+declare function StepFormStep({ title, description, children }: StepFormStepProps): react_jsx_runtime.JSX.Element;
+interface StepFormNavigationProps {
+    onSubmit?: () => void;
+    submitLabel?: string;
+}
+declare function StepFormNavigation({ onSubmit, submitLabel }: StepFormNavigationProps): react_jsx_runtime.JSX.Element;
+
+type TagsProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    /** Controlled value. */
+    value?: string[];
+    /** Uncontrolled initial value. */
+    defaultValue?: string[];
+    /** Fires whenever the tag list changes. */
+    onValueChange?: (tags: string[]) => void;
+    /** Optional autocomplete pool. */
+    suggestions?: string[];
+    placeholder?: string;
+    /** Cap the total tags. When reached, the input is disabled. */
+    maxTags?: number;
+    /** Return false or an error string to reject a tag. */
+    validate?: (tag: string) => boolean | string;
+    /** Allow duplicate tags. Default false. */
+    allowDuplicates?: boolean;
+    disabled?: boolean;
+};
+/**
+ * Multi-select tag input with optional autocomplete.
+ * Enter / Comma / Tab commits the current input, Backspace on empty input removes the last tag.
+ */
+declare const Tags: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    /** Controlled value. */
+    value?: string[];
+    /** Uncontrolled initial value. */
+    defaultValue?: string[];
+    /** Fires whenever the tag list changes. */
+    onValueChange?: (tags: string[]) => void;
+    /** Optional autocomplete pool. */
+    suggestions?: string[];
+    placeholder?: string;
+    /** Cap the total tags. When reached, the input is disabled. */
+    maxTags?: number;
+    /** Return false or an error string to reject a tag. */
+    validate?: (tag: string) => boolean | string;
+    /** Allow duplicate tags. Default false. */
+    allowDuplicates?: boolean;
+    disabled?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+interface AppShellCtxValue {
+    collapsed: boolean;
+    setCollapsed: (v: boolean) => void;
+    mobileOpen: boolean;
+    setMobileOpen: (v: boolean) => void;
+}
+declare const useAppShell: () => AppShellCtxValue;
+interface AppShellProps$1 extends React__default.HTMLAttributes<HTMLDivElement> {
+    defaultCollapsed?: boolean;
+}
+declare const AppShell$1: React__default.ForwardRefExoticComponent<AppShellProps$1 & React__default.RefAttributes<HTMLDivElement>>;
+/**
+ * Sidebar wrapper.
+ * On MOBILE  → hidden (display: none) by default; shown as a fixed overlay when mobileOpen=true.
+ * On DESKTOP → always visible as a normal flex child.
+ *
+ * ALWAYS wrap <Sidebar> in <AppShellSidebar> — never put <Sidebar> directly in <AppShell>.
+ * Without this wrapper the sidebar is visible on all screen sizes.
+ */
+declare const AppShellSidebar: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const AppShellMain: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+/**
+ * Hamburger/close button — place in your mobile header bar (md:hidden).
+ * Toggles the sidebar overlay on mobile.
+ */
+declare const MobileSidebarTrigger: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
+
+type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+interface ContainerProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    size?: ContainerSize;
+    noPadding?: boolean;
+}
+declare const Container: React__default.ForwardRefExoticComponent<ContainerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface NavbarProps extends React__default.HTMLAttributes<HTMLElement> {
+    sticky?: boolean;
+    border?: boolean;
+}
+declare const Navbar: React__default.ForwardRefExoticComponent<NavbarProps & React__default.RefAttributes<HTMLElement>>;
+declare const NavbarBrand: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+type Align$1 = 'start' | 'center' | 'end';
+interface NavbarContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    align?: Align$1;
+}
+declare const NavbarContent: React__default.ForwardRefExoticComponent<NavbarContentProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const NavbarItem: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface PageProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    maxWidth?: string;
+}
+declare const Page: React__default.ForwardRefExoticComponent<PageProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const PageHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const PageTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLHeadingElement>>;
+declare const PageDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
+declare const PageActions: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const PageBody: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface ResizeBoxProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    resize?: 'horizontal' | 'vertical' | 'both' | 'none';
+    minWidth?: number;
+    minHeight?: number;
+}
+declare const ResizeBox: React__default.ForwardRefExoticComponent<ResizeBoxProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const ResizeHandle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface SidebarProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    collapsed?: boolean;
+    onCollapse?: () => void;
+    width?: string;
+}
+declare const Sidebar$1: React__default.ForwardRefExoticComponent<SidebarProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const SidebarHeader$1: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter$1: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroup: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator$1: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupLabel: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+interface SidebarItemProps$1 extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    icon?: React__default.ReactNode;
+    label: string;
+    active?: boolean;
+    href?: string;
+    badge?: string | number;
+    onClick?: React__default.MouseEventHandler<HTMLElement>;
+}
+declare const SidebarItem$1: React__default.ForwardRefExoticComponent<SidebarItemProps$1 & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const SplitPage: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+interface SplitPageListProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    width?: string;
+}
+declare const SplitPageList: React__default.ForwardRefExoticComponent<SplitPageListProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const SplitPageDetail: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
+type Direction = 'row' | 'col' | 'row-reverse' | 'col-reverse';
+type Align = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+type Justify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+interface StackProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    gap?: number;
+    direction?: Direction;
+    align?: Align;
+    justify?: Justify;
+    wrap?: boolean;
+}
+declare const Stack: React__default.ForwardRefExoticComponent<StackProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const HStack: React__default.ForwardRefExoticComponent<Omit<StackProps, "direction"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const VStack: React__default.ForwardRefExoticComponent<Omit<StackProps, "direction"> & React__default.RefAttributes<HTMLDivElement>>;
+
+/** Full-viewport flex column layout */
+declare const PageLayout: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+interface PageHeaderProps {
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+    back?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+
+/**
+ * PageContainer — responsive max-width ladder.
+ */
+declare const PageContainer: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const PageMain: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface CommandItem {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    shortcut?: string;
+    description?: string;
+    onSelect: () => void;
+}
+interface CommandGroup {
+    heading: string;
+    items: CommandItem[];
+}
+interface CommandPaletteProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    groups: CommandGroup[];
+    placeholder?: string;
+    className?: string;
+}
+interface CommandPaletteContextValue {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    toggle: () => void;
+}
+declare function CommandPaletteProvider({ children, }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useCommandPalette(): CommandPaletteContextValue;
+declare function CommandPalette({ open, onOpenChange, groups, placeholder, className, }: CommandPaletteProps): react_jsx_runtime.JSX.Element | null;
+
+interface HotkeyDef {
+    /** Key combo: e.g. 'c', '?', '⌘k', 'g d', 'Escape' */
+    key: string;
+    /** Human-readable label shown in help sheet */
+    label: string;
+    handler: () => void;
+    group?: string;
+}
+interface HotkeysContextValue {
+    hotkeys: HotkeyDef[];
+    registerHotkeys: (hotkeys: HotkeyDef[]) => () => void;
+}
+declare function HotkeysProvider({ children, hotkeys: initialHotkeys, }: {
+    children: React__default.ReactNode;
+    hotkeys?: HotkeyDef[];
+}): react_jsx_runtime.JSX.Element;
+declare function useHotkeys(): HotkeysContextValue;
+declare function HelpSheet({ open, onClose, }: {
+    open: boolean;
+    onClose: () => void;
+}): react_jsx_runtime.JSX.Element | null;
+
+type ToastType = 'default' | 'success' | 'error' | 'warning' | 'info';
+interface ToastOptions {
+    type?: ToastType;
+    duration?: number;
+    description?: string;
+    id?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+interface ToastEvent {
+    id: string;
+    message: string;
+    options: ToastOptions;
+}
+type Listener = (event: ToastEvent) => void;
+type DismissListener = (id: string) => void;
+declare const toastEmitter: {
+    emit(message: string, options?: ToastOptions): string;
+    dismiss(id: string): void;
+    onToast(fn: Listener): () => void;
+    onDismiss(fn: DismissListener): () => void;
+};
+declare function toastFn(message: string, opts?: ToastOptions): string;
+declare namespace toastFn {
+    var success: (message: string, opts?: Omit<ToastOptions, "type">) => string;
+    var error: (message: string, opts?: Omit<ToastOptions, "type">) => string;
+    var warning: (message: string, opts?: Omit<ToastOptions, "type">) => string;
+    var info: (message: string, opts?: Omit<ToastOptions, "type">) => string;
+    var dismiss: (id: string) => void;
+}
+
+declare function Toaster(): react_jsx_runtime.JSX.Element;
+
+type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type GradientPreset = 'primary' | 'slate' | 'warm' | 'cosmic' | 'terminal' | 'aurora' | 'sunset' | 'custom';
+interface GradientHeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement> {
+    as?: HeadingLevel;
+    preset?: GradientPreset;
+    /** Tailwind gradient `from-` color class e.g. "from-indigo-400" */
+    from?: string;
+    /** Tailwind gradient `via-` color class (optional) */
+    via?: string;
+    /** Tailwind gradient `to-` color class e.g. "to-violet-400" */
+    to?: string;
+    /** Direction — default 'br' (bottom-right) */
+    direction?: 'r' | 'br' | 'b' | 'bl' | 'l';
+    /** Whether to animate the gradient position */
+    animate?: boolean;
+}
+declare const GradientHeading: React__default.ForwardRefExoticComponent<GradientHeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
+
+interface AnimatedNumberProps extends React__default.HTMLAttributes<HTMLSpanElement> {
+    /** Target value to animate to */
+    value: number;
+    /** Starting value (default 0) */
+    from?: number;
+    /** Animation duration in ms (default 1200) */
+    duration?: number;
+    /** Decimal places (default 0) */
+    decimals?: number;
+    /** Prefix string e.g. "$" */
+    prefix?: string;
+    /** Suffix string e.g. "%" or "k" */
+    suffix?: string;
+    /** Easing function (default easeOutExpo) */
+    easing?: (t: number) => number;
+    /** Whether to start animating immediately or wait for intersection */
+    autoStart?: boolean;
+    /** Locale for number formatting */
+    locale?: string;
+    /** Format with locale grouping (e.g. 1,234) */
+    format?: boolean;
+}
+declare const AnimatedNumber: React__default.ForwardRefExoticComponent<AnimatedNumberProps & React__default.RefAttributes<HTMLSpanElement>>;
+
+interface TextRevealProps {
+    /** The text to reveal */
+    text: string;
+    /** Reveal mode */
+    mode?: 'words' | 'chars' | 'lines';
+    /** Delay between each word/char in ms (default 50) */
+    stagger?: number;
+    /** Individual item animation duration in ms (default 500) */
+    duration?: number;
+    /** Whether to start on intersection (default true) */
+    autoStart?: boolean;
+    /** Base animation delay before first unit starts (ms) */
+    delay?: number;
+    as?: 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4';
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+declare function TextReveal({ text, mode, stagger, duration, autoStart, delay, as: Tag, className, style, }: TextRevealProps): React__default.DetailedReactHTMLElement<{
+    ref: React__default.MutableRefObject<HTMLElement | null>;
+    'data-slot': string;
+    className: string;
+    'aria-label': string;
+    style: React__default.CSSProperties | undefined;
+}, HTMLElement>;
+declare namespace TextReveal {
+    var displayName: string;
+}
+
+interface TypewriterProps {
+    /** Array of strings to cycle through */
+    words: string[];
+    /** Typing speed in ms per character (default 60) */
+    typeSpeed?: number;
+    /** Deleting speed in ms per character (default 30) */
+    deleteSpeed?: number;
+    /** Pause after finishing a word in ms (default 1800) */
+    pauseAfter?: number;
+    /** Whether to loop (default true) */
+    loop?: boolean;
+    /** Show cursor (default true) */
+    cursor?: boolean;
+    /** Custom cursor character (default '|') */
+    cursorChar?: string;
+    as?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3';
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+declare function Typewriter({ words, typeSpeed, deleteSpeed, pauseAfter, loop, cursor, cursorChar, as: Tag, className, style, }: TypewriterProps): React__default.DetailedReactHTMLElement<{
+    'data-slot': string;
+    className: string;
+    'aria-label': string | undefined;
+    style: React__default.CSSProperties | undefined;
+}, HTMLElement>;
+declare namespace Typewriter {
+    var displayName: string;
+}
+
+declare const headingVariants: (props?: ({
+    size?: "sm" | "lg" | "xl" | "display" | "md" | "xs" | null | undefined;
+    tone?: "default" | "muted" | "accent" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+interface HeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
+    as?: HeadingTag;
+}
+declare const Heading: React__default.ForwardRefExoticComponent<HeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
+
+declare const bodyVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | "xs" | null | undefined;
+    tone?: "default" | "muted" | "subtle" | null | undefined;
+    weight?: "medium" | "normal" | "semibold" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BodyTag = 'p' | 'span' | 'div';
+interface BodyProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof bodyVariants> {
+    as?: BodyTag;
+}
+declare const Body: React__default.ForwardRefExoticComponent<BodyProps & React__default.RefAttributes<HTMLElement>>;
+
+declare const captionVariants: (props?: ({
+    tone?: "default" | "accent" | "subtle" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CaptionProps extends React__default.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof captionVariants> {
+}
+declare const Caption: React__default.ForwardRefExoticComponent<CaptionProps & React__default.RefAttributes<HTMLSpanElement>>;
+
+interface CodeProps extends React__default.HTMLAttributes<HTMLElement> {
+    /** Render as a block <pre><code> instead of inline */
+    block?: boolean;
+}
+declare const Code: React__default.ForwardRefExoticComponent<CodeProps & React__default.RefAttributes<HTMLElement>>;
+
+type GradientBackgroundPreset = 'slate' | 'warm' | 'cosmic' | 'terminal' | 'aurora' | 'subtle' | 'custom';
+interface GradientBackgroundProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** Full-screen fixed backdrop */
+    fixed?: boolean;
+    preset?: GradientBackgroundPreset;
+    /** Custom gradient CSS string e.g. "radial-gradient(...)" — only when preset='custom' */
+    gradient?: string;
+    /** Additional noise/texture overlay (subtle grain) */
+    noise?: boolean;
+    /** Radial spot blend on top */
+    radial?: boolean;
+}
+declare const GradientBackground: React__default.ForwardRefExoticComponent<GradientBackgroundProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface AnimatedGradientProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** Gradient color stops — at least 2 required */
+    colors?: string[];
+    /** Speed multiplier (default 1) */
+    speed?: number;
+    /** Animation style */
+    variant?: 'mesh' | 'shift' | 'pulse';
+    /** Whether to blur the gradient blobs (mesh only) */
+    blur?: boolean;
+}
+/**
+ * AnimatedGradient — CSS-animation-based ambient background.
+ * Three variants:
+ *  - mesh: 3 drifting radial blobs (most visual impact)
+ *  - shift: linear-gradient that shifts position
+ *  - pulse: radial that breathes in/out
+ *
+ * No JS animation loop — all CSS, zero RAF overhead.
+ */
+declare const AnimatedGradient: React__default.ForwardRefExoticComponent<AnimatedGradientProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface DottedBackgroundProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** Dot color (default uses --border token) */
+    color?: string;
+    /** Dot size in px (default 1) */
+    dotSize?: number;
+    /** Gap between dots in px (default 24) */
+    gap?: number;
+    /** Vignette fade at edges */
+    vignette?: boolean;
+    fixed?: boolean;
+}
+declare const DottedBackground: React__default.ForwardRefExoticComponent<DottedBackgroundProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface NoiseBackgroundProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** Noise opacity 0–1 (default 0.04) */
+    opacity?: number;
+    /** Noise grain size — maps to SVG baseFrequency (default 0.65) */
+    frequency?: number;
+    fixed?: boolean;
+}
+declare const NoiseBackground: React__default.ForwardRefExoticComponent<NoiseBackgroundProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface HeroShaderAProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** Three blob colors in 0..1 RGB tuples. Default mixes primary + chart-2 + chart-3. */
+    colors?: [readonly [number, number, number], readonly [number, number, number], readonly [number, number, number]];
+    /** Background color underneath the blobs (0..1 RGB). Default very-dark. */
+    background?: readonly [number, number, number];
+    /** 0..1 — how strongly each blob mixes over the background. Default 0.7. */
+    intensity?: number;
+    /** Animation speed multiplier. Default 1. Set 0 to freeze. */
+    speed?: number;
+    /** Render quality (DPR cap). Default 1.5. */
+    pixelRatio?: number;
+}
+declare const HeroShaderA: React__default.ForwardRefExoticComponent<HeroShaderAProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface ScrollHeaderProps {
+    /** Title shown large when at top, shrinks on scroll */
+    title: React__default.ReactNode;
+    /** Optional subtitle / description */
+    subtitle?: React__default.ReactNode;
+    /** Actions slot (right side) — always visible */
+    actions?: React__default.ReactNode;
+    /** Left slot (e.g. back button) */
+    left?: React__default.ReactNode;
+    /**
+     * Scroll container to watch — defaults to window.
+     * Pass a ref to an overflow-auto div for in-page scroll.
+     */
+    scrollRef?: React__default.RefObject<HTMLElement>;
+    /** Scroll offset that triggers the shrink (default 40px) */
+    threshold?: number;
+    /** Whether to show a bottom border when scrolled */
+    bordered?: boolean;
+    /** Sticky positioning (default true) */
+    sticky?: boolean;
+    className?: string;
+}
+/**
+ * ScrollHeader — title shrinks + header gains backdrop on scroll.
+ */
+declare const ScrollHeader: React__default.ForwardRefExoticComponent<ScrollHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type MotionPreset = 'fadeIn' | 'fadeOut' | 'slideUp' | 'slideDown' | 'slideLeft' | 'slideRight' | 'scaleIn' | 'scaleOut' | 'blurIn' | 'blurOut' | 'none';
+interface MotionVariants {
+    initial: TargetAndTransition;
+    animate: TargetAndTransition;
+    exit: TargetAndTransition;
+}
+declare const MOTION_PRESETS: Record<MotionPreset, MotionVariants>;
+declare const DEFAULT_TRANSITION: {
+    duration: number;
+    ease: readonly [0.16, 1, 0.3, 1];
+};
+
+interface FadeInProps extends HTMLMotionProps<'div'> {
+    delay?: number;
+    duration?: number;
+    children: React__default.ReactNode;
+}
+declare const FadeIn: React__default.ForwardRefExoticComponent<Omit<FadeInProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface SlideInProps extends HTMLMotionProps<'div'> {
+    direction?: 'up' | 'down' | 'left' | 'right';
+    delay?: number;
+    duration?: number;
+    children: React__default.ReactNode;
+}
+declare const SlideIn: React__default.ForwardRefExoticComponent<Omit<SlideInProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface ScaleInProps extends HTMLMotionProps<'div'> {
+    delay?: number;
+    duration?: number;
+    children: React__default.ReactNode;
+}
+declare const ScaleIn: React__default.ForwardRefExoticComponent<Omit<ScaleInProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface RevealProps {
+    preset?: MotionPreset;
+    delay?: number;
+    once?: boolean;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function Reveal({ preset, delay, once, children, className }: RevealProps): react_jsx_runtime.JSX.Element;
+
+interface StaggerProps {
+    staggerDelay?: number;
+    preset?: 'fadeIn' | 'slideUp' | 'scaleIn';
+    children: React__default.ReactNode;
+    className?: string;
+    once?: boolean;
+}
+declare function Stagger({ staggerDelay, preset, children, className, once }: StaggerProps): react_jsx_runtime.JSX.Element;
+
+interface MorphProps extends HTMLMotionProps<'div'> {
+    layoutId: string;
+    children: React__default.ReactNode;
+}
+declare const Morph: React__default.ForwardRefExoticComponent<Omit<MorphProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface RippleProps extends Omit<HTMLMotionProps<'div'>, 'onPointerDown'> {
+    /** Ripple color — defaults to current text color at 20% opacity */
+    color?: string;
+    /** Duration in seconds */
+    duration?: number;
+    children: React__default.ReactNode;
+}
+declare const Ripple: React__default.ForwardRefExoticComponent<Omit<RippleProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface ParallaxProps extends HTMLMotionProps<'div'> {
+    /** Parallax offset in pixels — positive = moves up slower, negative = moves down slower */
+    offset?: number;
+    /** Custom scroll container ref (defaults to viewport) */
+    scrollRef?: React__default.RefObject<HTMLElement | null>;
+    children: React__default.ReactNode;
+}
+declare const Parallax: React__default.ForwardRefExoticComponent<Omit<ParallaxProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare function useLayoutId(key: string): string;
+
+interface TransitionProps {
+    show?: boolean;
+    children: React__default.ReactNode;
+    mode?: 'wait' | 'sync' | 'popLayout';
+}
+declare function Transition({ show, children, mode }: TransitionProps): react_jsx_runtime.JSX.Element;
+
+interface DataGridProps<T extends object> {
+    columns: ColumnDef<T, unknown>[];
+    data: T[];
+    /** Enable row checkboxes + bulk selection */
+    selectable?: boolean;
+    /** Called when selection changes */
+    onSelectionChange?: (rows: T[]) => void;
+    /** Enable column sorting */
+    sortable?: boolean;
+    /** Enable column visibility toggle */
+    columnVisibility?: boolean;
+    /** Enable column resize */
+    resizable?: boolean;
+    /** Enable client-side column filtering */
+    filterable?: boolean;
+    /** Virtualise rows for large datasets — enable when rows > ~100 */
+    virtual?: boolean;
+    /** Height of the scroll container when virtual=true (default 480) */
+    virtualHeight?: number;
+    /** Row height estimate for virtualizer (default 40) */
+    rowHeight?: number;
+    /** Slot rendered when data is empty */
+    emptyState?: React__default.ReactNode;
+    /** Slot rendered while loading */
+    loading?: boolean;
+    /** Number of skeleton rows to show while loading (default 5) */
+    skeletonRows?: number;
+    className?: string;
+    /** Called on row click */
+    onRowClick?: (row: T) => void;
+}
+declare function DataGrid<T extends object>({ columns, data, selectable, onSelectionChange, sortable, columnVisibility: showColumnVisibility, resizable, filterable, virtual, virtualHeight, rowHeight, emptyState, loading, skeletonRows, className, onRowClick, }: DataGridProps<T>): react_jsx_runtime.JSX.Element;
+
+/**
+ * DataList — vertical list of rows with left/right slots.
+ * Use for settings rows, notification lists, audit logs, file lists.
+ * Pairs with `DataListItem` for each row.
+ */
+interface DataListProps extends React__default.HTMLAttributes<HTMLUListElement> {
+    divided?: boolean;
+    bordered?: boolean;
+}
+declare const DataList: React__default.ForwardRefExoticComponent<DataListProps & React__default.RefAttributes<HTMLUListElement>>;
+interface DataListItemProps extends Omit<React__default.LiHTMLAttributes<HTMLLIElement>, 'title'> {
+    left?: React__default.ReactNode;
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    right?: React__default.ReactNode;
+    interactive?: boolean;
+    onSelect?: () => void;
+}
+declare const DataListItem: React__default.ForwardRefExoticComponent<DataListItemProps & React__default.RefAttributes<HTMLLIElement>>;
+
+type CalendarEvent = {
+    id: string;
+    title: string;
+    start: Date;
+    end: Date;
+    /** CSS color string (e.g. 'hsl(var(--chart-1))' or '#6366f1'). */
+    color?: string;
+    data?: unknown;
+};
+type EventCalendarView = 'month' | 'week' | 'day';
+type EventCalendarProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
+    events: CalendarEvent[];
+    view?: EventCalendarView;
+    onViewChange?: (view: EventCalendarView) => void;
+    date?: Date;
+    defaultDate?: Date;
+    onDateChange?: (date: Date) => void;
+    onEventClick?: (event: CalendarEvent) => void;
+    /** Omit to disable click-to-create. */
+    onEventCreate?: (range: {
+        start: Date;
+        end: Date;
+    }) => void;
+    /** Omit to disable drag-to-resize. */
+    onEventResize?: (eventId: string, newEnd: Date) => void;
+    /** 0 = Sunday, 1 = Monday, etc. Default 0. */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+};
+declare const EventCalendar: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
+    events: CalendarEvent[];
+    view?: EventCalendarView;
+    onViewChange?: (view: EventCalendarView) => void;
+    date?: Date;
+    defaultDate?: Date;
+    onDateChange?: (date: Date) => void;
+    onEventClick?: (event: CalendarEvent) => void;
+    /** Omit to disable click-to-create. */
+    onEventCreate?: (range: {
+        start: Date;
+        end: Date;
+    }) => void;
+    /** Omit to disable drag-to-resize. */
+    onEventResize?: (eventId: string, newEnd: Date) => void;
+    /** 0 = Sunday, 1 = Monday, etc. Default 0. */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * GridList — fluid responsive grid using CSS grid auto-fill + minmax.
+ * Columns reflow automatically based on `minItemWidth`; no breakpoints.
+ * Per OTF UX rule: never hard-code fixed-breakpoint columns.
+ */
+interface GridListProps extends React__default.HTMLAttributes<HTMLUListElement> {
+    /** Minimum width per item (px). Columns fill to that, then reflow. */
+    minItemWidth?: number;
+    /** Gap between items in rem (default 1 = 16px) */
+    gap?: number;
+}
+declare const GridList: React__default.ForwardRefExoticComponent<GridListProps & React__default.RefAttributes<HTMLUListElement>>;
+interface GridListItemProps extends React__default.LiHTMLAttributes<HTMLLIElement> {
+    interactive?: boolean;
+    onSelect?: () => void;
+}
+declare const GridListItem: React__default.ForwardRefExoticComponent<GridListItemProps & React__default.RefAttributes<HTMLLIElement>>;
+
+type ImageCropProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onComplete'> & {
+    /** Image URL — required. */
+    src: string;
+    /** Optional aspect-ratio lock, e.g. 16/9, 1, 4/3. */
+    aspect?: number;
+    /** Minimum crop width in pixels. */
+    minWidth?: number;
+    /** Minimum crop height in pixels. */
+    minHeight?: number;
+    /** Initial crop in % values. */
+    defaultCrop?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /** Render a circular crop mask (for avatars). Default false. */
+    circular?: boolean;
+    /** Fired (debounced) after a drag with the cropped data URL + pixel crop. */
+    onComplete?: (result: {
+        croppedSrc: string;
+        crop: PixelCrop;
+    }) => void;
+    /** Output image format. Default 'png'. */
+    outputFormat?: 'png' | 'jpeg' | 'webp';
+    /** Output image quality 0..1 (jpeg/webp only). Default 0.92. */
+    outputQuality?: number;
+    /** Alt text for the source image. */
+    alt?: string;
+};
+/**
+ * Drag-to-crop image utility built on `react-image-crop`.
+ * Supports aspect-ratio lock, circular masking, and emits a base64 data URL
+ * of the cropped region via `onComplete` (debounced 200ms).
+ */
+declare const ImageCrop: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "onComplete"> & {
+    /** Image URL — required. */
+    src: string;
+    /** Optional aspect-ratio lock, e.g. 16/9, 1, 4/3. */
+    aspect?: number;
+    /** Minimum crop width in pixels. */
+    minWidth?: number;
+    /** Minimum crop height in pixels. */
+    minHeight?: number;
+    /** Initial crop in % values. */
+    defaultCrop?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /** Render a circular crop mask (for avatars). Default false. */
+    circular?: boolean;
+    /** Fired (debounced) after a drag with the cropped data URL + pixel crop. */
+    onComplete?: (result: {
+        croppedSrc: string;
+        crop: PixelCrop;
+    }) => void;
+    /** Output image format. Default 'png'. */
+    outputFormat?: "png" | "jpeg" | "webp";
+    /** Output image quality 0..1 (jpeg/webp only). Default 0.92. */
+    outputQuality?: number;
+    /** Alt text for the source image. */
+    alt?: string;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+type TreeNode = {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    children?: TreeNode[];
+    data?: unknown;
+};
+type TreeMovePosition = 'before' | 'after' | 'inside';
+type TreeProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
+    data: TreeNode[];
+    defaultExpandedIds?: string[];
+    /** Controlled expanded ids. */
+    expandedIds?: string[];
+    onExpandedChange?: (ids: string[]) => void;
+    selectedId?: string;
+    onSelect?: (node: TreeNode) => void;
+    /** Define to enable drag-reorder. Omit to disable drag entirely. */
+    onMove?: (sourceId: string, targetId: string, position: TreeMovePosition) => void;
+    /** Show vertical guide lines from caret to children. Default true. */
+    showLines?: boolean;
+    /** Use @tanstack/react-virtual to virtualize visible rows. Default false. */
+    virtualize?: boolean;
+    /** Used when virtualize=true. Default 32. */
+    estimatedRowHeight?: number;
+};
+/**
+ * Recursive expandable Tree built from primitives.
+ * - Uncontrolled: pass `defaultExpandedIds`.
+ * - Controlled: pass `expandedIds` + `onExpandedChange`.
+ * - Drag-reorder: provide `onMove`. Omit to disable drag.
+ * - Virtualization: opt-in via `virtualize` (uses @tanstack/react-virtual).
+ */
+declare const Tree: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
+    data: TreeNode[];
+    defaultExpandedIds?: string[];
+    /** Controlled expanded ids. */
+    expandedIds?: string[];
+    onExpandedChange?: (ids: string[]) => void;
+    selectedId?: string;
+    onSelect?: (node: TreeNode) => void;
+    /** Define to enable drag-reorder. Omit to disable drag entirely. */
+    onMove?: (sourceId: string, targetId: string, position: TreeMovePosition) => void;
+    /** Show vertical guide lines from caret to children. Default true. */
+    showLines?: boolean;
+    /** Use @tanstack/react-virtual to virtualize visible rows. Default false. */
+    virtualize?: boolean;
+    /** Used when virtualize=true. Default 32. */
+    estimatedRowHeight?: number;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+type VideoChapter = {
+    /** Chapter start time in seconds. */
+    time: number;
+    title: string;
+};
+type VideoPlayerProps = Omit<React__default.VideoHTMLAttributes<HTMLVideoElement>, 'controls'> & {
+    src: string;
+    poster?: string;
+    /** Optional chapter markers + dropdown list. */
+    chapters?: VideoChapter[];
+    /** Default true. False hides the bottom control bar (hero loops). */
+    controls?: boolean;
+    onPlay?: () => void;
+    onPause?: () => void;
+    onTimeUpdate?: (time: number, duration: number) => void;
+    onEnded?: () => void;
+    className?: string;
+    /** Wrapper class — override the default `aspect-video`. */
+    containerClassName?: string;
+};
+declare const VideoPlayer: React__default.ForwardRefExoticComponent<Omit<React__default.VideoHTMLAttributes<HTMLVideoElement>, "controls"> & {
+    src: string;
+    poster?: string;
+    /** Optional chapter markers + dropdown list. */
+    chapters?: VideoChapter[];
+    /** Default true. False hides the bottom control bar (hero loops). */
+    controls?: boolean;
+    onPlay?: () => void;
+    onPause?: () => void;
+    onTimeUpdate?: (time: number, duration: number) => void;
+    onEnded?: () => void;
+    className?: string;
+    /** Wrapper class — override the default `aspect-video`. */
+    containerClassName?: string;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+interface ComboboxOption {
+    value: string;
+    label: string;
+    /** Optional supporting text rendered below the label */
+    description?: string;
+    /** Disabled options are rendered but not selectable */
+    disabled?: boolean;
+}
+interface ComboboxProps {
+    options: ComboboxOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    disabled?: boolean;
+    className?: string;
+    /** Width of the popover content. Defaults to match the trigger. */
+    contentWidth?: 'trigger' | 'auto';
+}
+declare function Combobox({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, contentWidth, }: ComboboxProps): react_jsx_runtime.JSX.Element;
+
+type Mode = 'light' | 'dark' | 'system';
+interface ThemeSwitchProps {
+    /** Controlled initial mode. Falls back to localStorage + system. */
+    defaultMode?: Mode;
+    onChange?: (mode: Mode) => void;
+    className?: string;
+    /** Render as a three-way segmented control (default) or a single cycling button. */
+    variant?: 'segmented' | 'button';
+}
+declare function ThemeSwitch({ defaultMode, onChange, className, variant }: ThemeSwitchProps): react_jsx_runtime.JSX.Element;
+
+interface ColorSchemeSelectProps {
+    options?: ComboboxOption[];
+    defaultValue?: string;
+    onChange?: (themeClass: string) => void;
+    className?: string;
+}
+declare function ColorSchemeSelect({ options, defaultValue, onChange, className, }: ColorSchemeSelectProps): react_jsx_runtime.JSX.Element;
+
+interface AppShellProps {
+    sidebar: React__default.ReactNode;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function AppShell({ sidebar, children, className }: AppShellProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarContextValue {
+    collapsed: boolean;
+    toggleCollapsed: () => void;
+}
+declare function useSidebar(): SidebarContextValue;
+declare function SidebarRoot({ children, storageKey, defaultCollapsed, className }: {
+    children: React__default.ReactNode;
+    storageKey?: string;
+    defaultCollapsed?: boolean;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarHeader({ children, className }: {
+    children: React__default.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarNav({ children, className }: {
+    children: React__default.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+interface SidebarItemProps {
+    icon?: React__default.ReactNode;
+    label: string;
+    href?: string;
+    active?: boolean;
+    badge?: React__default.ReactNode;
+    onClick?: () => void;
+    className?: string;
+}
+declare function SidebarItem({ icon, label, href, active, badge, onClick, className }: SidebarItemProps): react_jsx_runtime.JSX.Element;
+declare function SidebarFooter({ children, className }: {
+    children: React__default.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarSeparator({ label, className }: {
+    label?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare const Sidebar: typeof SidebarRoot & {
+    Header: typeof SidebarHeader;
+    Nav: typeof SidebarNav;
+    Item: typeof SidebarItem;
+    Footer: typeof SidebarFooter;
+    Separator: typeof SidebarSeparator;
+};
+
+interface SidebarResizerProps {
+    /** Min width in px */
+    min?: number;
+    /** Max width in px */
+    max?: number;
+    /** Default width in px */
+    defaultWidth?: number;
+    /** localStorage key for persisting width */
+    storageKey?: string;
+    /** Called when width changes */
+    onWidthChange?: (width: number) => void;
+    /** CSS class for the resize handle */
+    className?: string;
+}
+/**
+ * Sidebar drag-to-resize handle. Place as a sibling or absolute child on the trailing edge of the sidebar.
+ * Uses pointer capture for smooth dragging.
+ */
+declare function SidebarResizer({ min, max, defaultWidth, storageKey, onWidthChange, className, }: SidebarResizerProps): react_jsx_runtime.JSX.Element;
+
+interface Workspace {
+    id: string;
+    name: string;
+    logo?: React__default.ReactNode;
+}
+interface WorkspacesMenuProps {
+    workspaces: Workspace[];
+    current: string;
+    onSelect: (id: string) => void;
+    className?: string;
+}
+declare function WorkspacesMenu({ workspaces, current, onSelect, className }: WorkspacesMenuProps): react_jsx_runtime.JSX.Element;
+
+interface AppShellUserMenuProps {
+    name: string;
+    email: string;
+    avatar?: string;
+    onSignOut: () => void;
+    onProfile?: () => void;
+    onSettings?: () => void;
+    className?: string;
+}
+declare function AppShellUserMenu({ name, email, avatar, onSignOut, onProfile, onSettings, className }: AppShellUserMenuProps): react_jsx_runtime.JSX.Element;
+
+interface BillingStatusProps {
+    plan: string;
+    /** e.g. "3 of 5 seats" or "12 days left" */
+    usage?: string;
+    /** 0-100 progress percentage */
+    progress?: number;
+    onUpgrade?: () => void;
+    className?: string;
+}
+declare function BillingStatus({ plan, usage, progress, onUpgrade, className }: BillingStatusProps): react_jsx_runtime.JSX.Element | null;
+
+interface SortableNavItem extends SidebarItemProps {
+    id: string;
+}
+interface SortableNavProps {
+    items: SortableNavItem[];
+    onReorder: (items: SortableNavItem[]) => void;
+    className?: string;
+}
+declare function SortableNav({ items, onReorder, className }: SortableNavProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityHeatmap, type ActivityHeatmapProps, DataGrid as AdvancedDataGrid, type DataGridProps as AdvancedDataGridProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedGradient, type AnimatedGradientProps, AnimatedNumber, type AnimatedNumberProps, AppShell$1 as AppShell, AppShellMain, type AppShellProps$1 as AppShellProps, AppShellSidebar, AppShellUserMenu, type AppShellUserMenuProps, Sidebar as AppSidebar, type SidebarItemProps as AppSidebarItemProps, AreaChart, type AreaChartProps, ArrayField, type ArrayFieldProps, AspectRatio, AutoForm, type AutoFormProps, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupProps, AvatarImage, Badge, type BadgeProps, Banner, type BannerAction, type BannerProps, BarChart, type BarChartProps, BarList, type BarListItem, type BarListProps, Beacon, type BeaconProps, BillingStatus, type BillingStatusProps, Body, type BodyProps, Breadcrumb, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, BulkActions, Button, type ButtonProps, Calendar, CalendarDayButton, type CalendarEvent, Caption, type CaptionProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CartLineItem, type CartLineItemProps, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, type ChartLegendContentProps, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, ChatDetail, type ChatDetailProps, Checkbox, Checklist, ChecklistItem, type ChecklistItemProps, type ChecklistProps, Code, CodeBlock, type CodeBlockProps, type CodeProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, type ColorPickerProps, ColorSchemeSelect, type ColorSchemeSelectProps, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandBar, CommandBarEmpty, CommandBarGroup, CommandBarItem, CommandDialog, CommandEmpty, CommandGroup$1 as CommandGroup, CommandInput, CommandItem$2 as CommandItem, CommandList, CommandItem$1 as CommandListItem, CommandPalette, type CommandPaletteProps, CommandPaletteProvider, CommandSeparator, CommandShortcut, Comparison, type ComparisonProps, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_THEME_OPTIONS, DEFAULT_TRANSITION, DataGrid$1 as DataGrid, DataList, DataListItem, type DataListItemProps, type DataListProps, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DottedBackground, type DottedBackgroundProps, 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, EmptyCart, type EmptyCartProps, EmptyState, EmptyStateIcon, EventCalendar, type EventCalendarProps, type EventCalendarView, type FabPosition, type FabSection, FadeIn, type FadeInProps, FeedbackModal, type FeedbackModalProps, Field, FieldDescription, FieldError, FieldLabel, type FieldLabelProps, type FieldProps, FileCards, type FileCardsProps, FileUpload, FileUploadPreview, type FileUploadPreviewProps, type FileUploadProps, FilesList, type FilesListProps, FilterBadge, type FilterDef, FilterItem, type FilterValue, Filters, FloatingActionButton, type FloatingActionButtonProps, FloatingLabelInput, type FloatingLabelInputProps, FloatingThemePicker, type FloatingThemePickerProps, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Gantt, type GanttItem, type GanttProps, type GanttScale, GradientBackground, type GradientBackgroundPreset, type GradientBackgroundProps, GradientHeading, type GradientHeadingProps, type GradientPreset, GridList, GridListItem, type GridListItemProps, type GridListProps, HStack, Heading, type HeadingProps, Heatmap, type HeatmapDay, type HeatmapProps, HelpSheet, HeroShaderA, type HeroShaderAProps, HotkeyBadge, type HotkeyDef, Hotkeys, HotkeysProvider, HoverCard, HoverCardContent, HoverCardTrigger, IconBadge, IconButton, type IconButtonProps, ImageCrop, type ImageCropProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, IntegrationCard, type IntegrationCardProps, IntroDisclosure, type IntroDisclosureProps, type IntroStep, InviteModal, type InviteModalProps, Kanban, KanbanCard, type KanbanCardDef, KanbanColumn, type KanbanColumnDef, Label, LineChart, type LineChartProps, LoadingOverlay, LogoCarousel, type LogoCarouselProps, MOTION_PRESETS, ManageTagsModal, type ManageTagsModalProps, Marquee, type MarqueeProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessagesCard, type MessagesCardProps, MetricCard, type MetricCardProps, MetricCardWithButton, type MetricCardWithButtonProps, MetricCardWithIcon, type MetricCardWithIconProps, MobileSidebarTrigger, Morph, type MorphProps, type MotionPreset, type MotionVariants, Navbar, NavbarBrand, NavbarContent, type NavbarContentProps, NavbarItem, type NavbarProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NoiseBackground, type NoiseBackgroundProps, NotificationSettings, type NotificationSettingsProps, ObjectField, type ObjectFieldProps, OrgMenu, type OrgMenuProps, Page, PageActions, PageBody, PageContainer, PageDescription, PageHeader, type PageHeaderProps, PageLayout, PageMain, type PageProps, PageTitle, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaletteSwatches, type PaletteSwatchesProps, Parallax, type ParallaxProps, PasswordInput, type PasswordInputProps, Persona, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PriceTag, type PriceTagProps, Progress, PropertyItem, PropertyList, QrCode, type QrCodeProps, QuantityStepper, type QuantityStepperProps, RadioGroup, RadioGroupItem, Rating, type RatingProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResizeBox, type ResizeBoxProps, ResizeHandle, Reveal, type RevealProps, RichEditor, type RichEditorProps, type RichEditorToolbarVariant, Ripple, type RippleProps, RolesMenu, type RolesMenuProps, ScaleIn, type ScaleInProps, ScrollArea, ScrollBar, ScrollHeader, type ScrollHeaderProps, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectUsersModal, type SelectUsersModalProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, AppShell as Shell, type AppShellProps as ShellProps, Sidebar$1 as Sidebar, SidebarContent, SidebarFooter$1 as SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader$1 as SidebarHeader, SidebarItem$1 as SidebarItem, type SidebarItemProps$1 as SidebarItemProps, SidebarLayoutDashboard, type SidebarLayoutDashboardProps, SidebarLayoutGroups, type SidebarLayoutGroupsProps, SidebarLayoutMinimal, type SidebarLayoutMinimalProps, SidebarLayoutSearch, type SidebarLayoutSearchProps, SidebarLayoutUser, type SidebarLayoutUserProps, type SidebarProps, SidebarResizer, type SidebarResizerProps, SidebarSeparator$1 as SidebarSeparator, Skeleton, SlideIn, type SlideInProps, Slider, SortableNav, type SortableNavItem, type SortableNavProps, SortableTaskList, type SortableTaskListProps, Sparkline, type SparklineProps, Spinner, SplitPage, SplitPageDetail, SplitPageList, type SplitPageListProps, Stack, type StackProps, StackedLayoutBranded, type StackedLayoutBrandedProps, StackedLayoutTabs, type StackedLayoutTabsProps, Stagger, type StaggerProps, Stat, StatGroup, StepForm, StepFormNavigation, type StepFormNavigationProps, type StepFormProps, StepFormStep, type StepFormStepProps, Stepper, StepperStep, StructuredList, StructuredListItem, StructuredListSection, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tags, type TagsProps, TaskCard, type TaskCardProps, TaskCardWithLabels, type TaskCardWithLabelsProps, TextReveal, type TextRevealProps, Textarea, type TextareaProps, TextureCard, TextureCardDescription, TextureCardHeader, type TextureCardProps, TextureCardTitle, type ThemePickerOption, ThemeSwitch, type ThemeSwitchProps, Timeline, TimelineConnector, TimelineContent, TimelineItem, type ToastEvent, type ToastOptions, type ToastType, Toaster, Toggle, ToggleButton, ToggleButtonGroup, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, type TourProps, TourStep, type TourStepProps, Transition, type TransitionProps, Tree, type TreeMovePosition, type TreeNode, type TreeProps, Typewriter, type TypewriterProps, UserMenu, type UserMenuProps, VStack, type VariantOption, VariantPicker, type VariantPickerProps, type VideoChapter, VideoPlayer, type VideoPlayerProps, type Workspace, WorkspaceMembers, type WorkspaceMembersProps, WorkspacesMenu, type WorkspacesMenuProps, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toastFn as toast, toastEmitter, toggleVariants, useAppShell, useCommandBar, useCommandPalette, useHotkeys, useLayoutId, useSidebar, useTour };