@docyrus/shadcn 1.0.0 → 1.2.0

package/dist/index.d.ts

@@ -1,36 +1,85 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Separator as Separator$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, Direction, DropdownMenu as DropdownMenu$1, Label as Label$1, Slot, HoverCard as HoverCard$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Tooltip as Tooltip$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
+import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Separator as Separator$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Popover as Popover$1, Select as Select$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, Direction as Direction$b, DropdownMenu as DropdownMenu$1, Label as Label$1, HoverCard as HoverCard$1, Tooltip as Tooltip$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { DayPicker, DayButton } from 'react-day-picker';
+import { DayPicker, DayButton, Locale } from 'react-day-picker';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 import * as RechartsPrimitive from 'recharts';
-import { Combobox as Combobox$1 } from '@base-ui/react';
+import * as CheckboxGroupPrimitive from '@diceui/checkbox-group';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as ComboboxPrimitive from '@diceui/combobox';
 import { Command as Command$1 } from 'cmdk';
 import { Drawer as Drawer$1 } from 'vaul';
-import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import { OTPInput } from 'input-otp';
+import { DndContextProps, UniqueIdentifier, DragEndEvent, DragOverlay } from '@dnd-kit/core';
+import { SortableContextProps } from '@dnd-kit/sortable';
+import * as ListboxPrimitive from '@diceui/listbox';
+import * as MentionPrimitive from '@diceui/mention';
+import { HoverCardContentProps } from '@radix-ui/react-hover-card';
 import { SeparatorProps, PanelProps, GroupProps } from 'react-resizable-panels';
 import { ToasterProps } from 'sonner';
+import * as TagsInputPrimitive from '@diceui/tags-input';
+export { useAsRef } from './hooks/use-as-ref.js';
+export { clearBadgeWidthCache, useBadgeOverflow } from './hooks/use-badge-overflow.js';
+export { useCallbackRef } from './hooks/use-callback-ref.js';
+export { useDebouncedCallback } from './hooks/use-debounced-callback.js';
+export { useIsomorphicLayoutEffect } from './hooks/use-isomorphic-layout-effect.js';
+export { useLazyRef } from './hooks/use-lazy-ref.js';
 export { useIsMobile } from './hooks/use-mobile.js';
+export { composeRefs, useComposedRefs } from './lib/compose-refs.js';
+export { formatDate } from './lib/format.js';
 export { cn } from './lib/utils.js';
+export { useMediaSelector as useMediaPlayer } from 'media-chrome/react/media-store';
 import 'clsx';
 
-declare function Accordion({ ...props }: React$1.ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime.JSX.Element;
+declare function Accordion({ className, ...props }: React$1.ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime.JSX.Element;
 declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof Accordion$1.Item>): react_jsx_runtime.JSX.Element;
 declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
+type Direction$a = "ltr" | "rtl";
+type Orientation$7 = "horizontal" | "vertical";
+interface DivProps$e extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+interface ActionBarProps extends DivProps$e {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    align?: "start" | "center" | "end";
+    alignOffset?: number;
+    side?: "top" | "bottom";
+    sideOffset?: number;
+    portalContainer?: Element | DocumentFragment | null;
+    dir?: Direction$a;
+    orientation?: Orientation$7;
+    loop?: boolean;
+}
+declare function ActionBar(props: ActionBarProps): react_jsx_runtime.JSX.Element | null;
+declare function ActionBarSelection(props: DivProps$e): react_jsx_runtime.JSX.Element;
+declare function ActionBarGroup(props: DivProps$e): react_jsx_runtime.JSX.Element;
+interface ActionBarItemProps extends Omit<React$1.ComponentProps<typeof Button>, "onSelect"> {
+    onSelect?: (event: Event) => void;
+}
+declare function ActionBarItem(props: ActionBarItemProps): react_jsx_runtime.JSX.Element;
+interface ActionBarCloseProps extends React$1.ComponentProps<"button"> {
+    asChild?: boolean;
+}
+declare function ActionBarClose(props: ActionBarCloseProps): react_jsx_runtime.JSX.Element;
+interface ActionBarSeparatorProps extends DivProps$e {
+    orientation?: Orientation$7;
+}
+declare function ActionBarSeparator(props: ActionBarSeparatorProps): react_jsx_runtime.JSX.Element;
+
 declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
 declare function AlertDialogTrigger({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function AlertDialogPortal({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
@@ -40,9 +89,9 @@ declare function AlertDialogContent({ className, size, ...props }: React$1.Compo
 }): react_jsx_runtime.JSX.Element;
 declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
 declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogMedia({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AlertDialogAction({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Action> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
 declare function AlertDialogCancel({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Cancel> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
 
@@ -52,26 +101,55 @@ declare const alertVariants: (props?: ({
 declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
 declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AlertAction({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
 declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime.JSX.Element;
 
+declare const avatarGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    dir?: "ltr" | "rtl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AvatarGroupProps extends Omit<React$1.ComponentProps<"div">, "dir">, VariantProps<typeof avatarGroupVariants> {
+    size?: number;
+    max?: number;
+    asChild?: boolean;
+    reverse?: boolean;
+    renderOverflow?: (count: number) => React$1.ReactNode;
+}
+declare function AvatarGroup(props: AvatarGroupProps): react_jsx_runtime.JSX.Element;
+
 declare function Avatar({ className, size, ...props }: React$1.ComponentProps<typeof Avatar$1.Root> & {
     size?: "default" | "sm" | "lg";
 }): react_jsx_runtime.JSX.Element;
 declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
 declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime.JSX.Element;
 declare function AvatarBadge({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+interface GetBadgeLabel<T> {
+    /**
+     * Callback that returns a label string for each badge item.
+     * Optional for primitive arrays (strings, numbers), required for object arrays.
+     * @example getBadgeLabel={(item) => item.name}
+     */
+    getBadgeLabel: (item: T) => string;
+}
+type BadgeOverflowProps<T = string> = React$1.ComponentProps<"div"> & (T extends object ? GetBadgeLabel<T> : Partial<GetBadgeLabel<T>>) & {
+    items: T[];
+    lineCount?: number;
+    renderBadge: (item: T, label: string) => React$1.ReactNode;
+    renderOverflow?: (count: number) => React$1.ReactNode;
+    asChild?: boolean;
+};
+declare function BadgeOverflow<T = string>(props: BadgeOverflowProps<T>): react_jsx_runtime.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+declare function Breadcrumb({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
@@ -92,12 +170,16 @@ declare function ButtonGroupText({ className, asChild, ...props }: React.Compone
 }): react_jsx_runtime.JSX.Element;
 declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
 
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, 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 function CalendarDayButton({ className, day, modifiers, locale, ...props }: React$1.ComponentProps<typeof DayButton> & {
+    locale?: Partial<Locale>;
+}): react_jsx_runtime.JSX.Element;
 
-declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function Card({ className, size, ...props }: React$1.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): react_jsx_runtime.JSX.Element;
 declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -115,6 +197,15 @@ type CarouselProps = {
     orientation?: "horizontal" | "vertical";
     setApi?: (api: CarouselApi) => void;
 };
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+declare function useCarousel(): CarouselContextProps;
 declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React$1.ComponentProps<"div"> & CarouselProps): react_jsx_runtime.JSX.Element;
 declare function CarouselContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function CarouselItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -159,33 +250,166 @@ declare function ChartLegendContent({ className, hideIcon, payload, verticalAlig
     nameKey?: string;
 }): react_jsx_runtime.JSX.Element | null;
 
+declare function CheckboxGroup({ className, ...props }: React$1.ComponentProps<typeof CheckboxGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function CheckboxGroupLabel({ className, ...props }: React$1.ComponentProps<typeof CheckboxGroupPrimitive.Label>): react_jsx_runtime.JSX.Element;
+declare function CheckboxGroupList({ className, ...props }: React$1.ComponentProps<typeof CheckboxGroupPrimitive.List>): react_jsx_runtime.JSX.Element;
+declare function CheckboxGroupItem({ className, children, ...props }: React$1.ComponentProps<typeof CheckboxGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function CheckboxGroupDescription({ className, ...props }: React$1.ComponentProps<typeof CheckboxGroupPrimitive.Description>): react_jsx_runtime.JSX.Element;
+declare function CheckboxGroupMessage({ className, ...props }: React$1.ComponentProps<typeof CheckboxGroupPrimitive.Message>): react_jsx_runtime.JSX.Element;
+
 declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
 
+interface CircularProgressProps extends React$1.ComponentProps<"div"> {
+    value?: number | null | undefined;
+    getValueText?(value: number, min: number, max: number): string;
+    min?: number;
+    max?: number;
+    size?: number;
+    thickness?: number;
+    label?: string;
+    asChild?: boolean;
+}
+declare function CircularProgress(props: CircularProgressProps): react_jsx_runtime.JSX.Element;
+declare function CircularProgressIndicator(props: React$1.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+declare namespace CircularProgressIndicator {
+    var displayName: string;
+}
+declare function CircularProgressTrack(props: React$1.ComponentProps<"circle">): react_jsx_runtime.JSX.Element;
+declare function CircularProgressRange(props: React$1.ComponentProps<"circle">): react_jsx_runtime.JSX.Element;
+interface CircularProgressValueTextProps extends React$1.ComponentProps<"span"> {
+    asChild?: boolean;
+}
+declare function CircularProgressValueText(props: CircularProgressValueTextProps): react_jsx_runtime.JSX.Element;
+declare function CircularProgressCombined(props: CircularProgressProps): react_jsx_runtime.JSX.Element;
+
 declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime.JSX.Element;
 declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
 declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime.JSX.Element;
 
-declare const Combobox: typeof Combobox$1.Root;
-declare function ComboboxValue({ ...props }: Combobox$1.Value.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxTrigger({ className, children, ...props }: Combobox$1.Trigger.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: Combobox$1.Input.Props & {
-    showTrigger?: boolean;
-    showClear?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: Combobox$1.Popup.Props & Pick<Combobox$1.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): react_jsx_runtime.JSX.Element;
-declare function ComboboxList({ className, ...props }: Combobox$1.List.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxItem({ className, children, ...props }: Combobox$1.Item.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxGroup({ className, ...props }: Combobox$1.Group.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxLabel({ className, ...props }: Combobox$1.GroupLabel.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxCollection({ ...props }: Combobox$1.Collection.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxEmpty({ className, ...props }: Combobox$1.Empty.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxSeparator({ className, ...props }: Combobox$1.Separator.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxChips({ className, ...props }: React$1.ComponentPropsWithRef<typeof Combobox$1.Chips> & Combobox$1.Chips.Props): react_jsx_runtime.JSX.Element;
-declare function ComboboxChip({ className, children, showRemove, ...props }: Combobox$1.Chip.Props & {
-    showRemove?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function ComboboxChipsInput({ className, children, ...props }: Combobox$1.Input.Props): react_jsx_runtime.JSX.Element;
-declare function useComboboxAnchor(): React$1.RefObject<HTMLDivElement | null>;
+declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+
+declare function Popover({ ...props }: React$1.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime.JSX.Element;
+declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function PopoverTitle({ className, ...props }: React$1.ComponentProps<"h2">): react_jsx_runtime.JSX.Element;
+declare function PopoverDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+
+declare function Select({ ...props }: React$1.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ className, ...props }: React$1.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ ...props }: React$1.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof Select$1.Trigger> & {
+    size?: "sm" | "default";
+}): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React$1.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
+
+declare const colorFormats: readonly ["hex", "rgb", "hsl", "hsb"];
+interface DivProps$d extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+type ColorFormat = (typeof colorFormats)[number];
+/**
+ * @see https://gist.github.com/bkrmendy/f4582173f50fab209ddfef1377ab31e3
+ */
+interface EyeDropper {
+    open: (options?: {
+        signal?: AbortSignal;
+    }) => Promise<{
+        sRGBHex: string;
+    }>;
+}
+declare global {
+    interface Window {
+        EyeDropper?: {
+            new (): EyeDropper;
+        };
+    }
+}
+interface ColorValue {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+interface HSVColorValue {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+}
+type Direction$9 = "ltr" | "rtl";
+interface StoreState$a {
+    color: ColorValue;
+    hsv: HSVColorValue;
+    open: boolean;
+    format: ColorFormat;
+}
+declare function useStore$b<U>(selector: (state: StoreState$a) => U): U;
+interface ColorPickerProps extends Omit<DivProps$d, "onValueChange">, Pick<React$1.ComponentProps<typeof Popover>, "defaultOpen" | "open" | "onOpenChange" | "modal"> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    dir?: Direction$9;
+    format?: ColorFormat;
+    defaultFormat?: ColorFormat;
+    onFormatChange?: (format: ColorFormat) => void;
+    name?: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    inline?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+}
+declare function ColorPicker(props: ColorPickerProps): react_jsx_runtime.JSX.Element;
+declare function ColorPickerTrigger(props: React$1.ComponentProps<typeof PopoverTrigger>): react_jsx_runtime.JSX.Element;
+declare function ColorPickerContent(props: React$1.ComponentProps<typeof PopoverContent>): react_jsx_runtime.JSX.Element;
+declare function ColorPickerArea(props: DivProps$d): react_jsx_runtime.JSX.Element;
+declare function ColorPickerHueSlider(props: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function ColorPickerAlphaSlider(props: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function ColorPickerSwatch(props: DivProps$d): react_jsx_runtime.JSX.Element;
+declare function ColorPickerEyeDropper(props: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element | null;
+interface ColorPickerFormatSelectProps extends Omit<React$1.ComponentProps<typeof Select>, "value" | "onValueChange">, Pick<React$1.ComponentProps<typeof SelectTrigger>, "size" | "className"> {
+}
+declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): react_jsx_runtime.JSX.Element;
+interface ColorPickerInputProps extends Omit<React$1.ComponentProps<typeof Input>, "value" | "onChange" | "color"> {
+    withoutAlpha?: boolean;
+}
+declare function ColorPickerInput(props: ColorPickerInputProps): react_jsx_runtime.JSX.Element | undefined;
+
+declare const colorSwatchVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ColorSwatchProps extends Omit<React$1.ComponentProps<"div">, "children">, VariantProps<typeof colorSwatchVariants> {
+    color?: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    withoutTransparency?: boolean;
+}
+declare function ColorSwatch({ color, size, asChild, disabled, withoutTransparency, className, style, ...props }: ColorSwatchProps): react_jsx_runtime.JSX.Element;
+
+declare const Combobox: ComboboxPrimitive.ComboboxRootComponentProps;
+declare function ComboboxLabel({ className, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.Label>): react_jsx_runtime.JSX.Element;
+declare function ComboboxAnchor({ className, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
+declare function ComboboxInput({ className, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.Input>): react_jsx_runtime.JSX.Element;
+declare function ComboboxTrigger({ className, children, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function ComboboxCancel({ className, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
+declare function ComboboxBadgeList({ className, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.BadgeList>): react_jsx_runtime.JSX.Element;
+declare function ComboboxBadgeItem({ className, children, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.BadgeItem>): react_jsx_runtime.JSX.Element;
+declare function ComboboxContent({ sideOffset, className, children, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function ComboboxLoading({ className, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.Loading>): react_jsx_runtime.JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.Empty>): react_jsx_runtime.JSX.Element;
+declare function ComboboxGroup({ className, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function ComboboxGroupLabel({ className, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.GroupLabel>): react_jsx_runtime.JSX.Element;
+declare function ComboboxItem({ className, children, outset, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.Item> & {
+    outset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: React$1.ComponentProps<typeof ComboboxPrimitive.Separator>): react_jsx_runtime.JSX.Element;
 
 declare function Dialog({ ...props }: React$1.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
@@ -211,39 +435,156 @@ declare function CommandDialog({ title, description, children, className, showCl
 }): react_jsx_runtime.JSX.Element;
 declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
 declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
-declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+declare function CommandEmpty({ className, ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
 declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
 declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
-declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+declare function CommandItem({ className, children, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
 declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
 
+type Interaction = "hover" | "drag";
+type Orientation$6 = "horizontal" | "vertical";
+interface DivProps$c extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+interface CompareSliderProps extends DivProps$c {
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    step?: number;
+    interaction?: Interaction;
+    orientation?: Orientation$6;
+}
+declare function CompareSlider(props: CompareSliderProps): react_jsx_runtime.JSX.Element;
+interface CompareSliderBeforeProps extends DivProps$c {
+    label?: string;
+}
+declare function CompareSliderBefore(props: CompareSliderBeforeProps): react_jsx_runtime.JSX.Element;
+interface CompareSliderAfterProps extends DivProps$c {
+    label?: string;
+}
+declare function CompareSliderAfter(props: CompareSliderAfterProps): react_jsx_runtime.JSX.Element;
+declare function CompareSliderHandle(props: DivProps$c): react_jsx_runtime.JSX.Element;
+interface CompareSliderLabelProps extends DivProps$c {
+    side?: "before" | "after";
+}
+declare function CompareSliderLabel(props: CompareSliderLabelProps): react_jsx_runtime.JSX.Element;
+
 declare function ContextMenu({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Root>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuTrigger({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuTrigger({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function ContextMenuGroup({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Group>): react_jsx_runtime.JSX.Element;
 declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Portal>): react_jsx_runtime.JSX.Element;
 declare function ContextMenuSub({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Sub>): react_jsx_runtime.JSX.Element;
 declare function ContextMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
 declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof ContextMenu$1.SubTrigger> & {
     inset?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare function ContextMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.SubContent>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Content>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Item> & {
+declare function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }: React$1.ComponentProps<typeof ContextMenu$1.CheckboxItem> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuRadioItem({ className, children, inset, ...props }: React$1.ComponentProps<typeof ContextMenu$1.RadioItem> & {
     inset?: boolean;
-    variant?: "default" | "destructive";
 }): react_jsx_runtime.JSX.Element;
-declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof ContextMenu$1.CheckboxItem>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof ContextMenu$1.RadioItem>): react_jsx_runtime.JSX.Element;
 declare function ContextMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Label> & {
     inset?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Separator>): react_jsx_runtime.JSX.Element;
 declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
 
-declare function DirectionProvider({ dir, direction, children, }: React$1.ComponentProps<typeof Direction.DirectionProvider> & {
-    direction?: React$1.ComponentProps<typeof Direction.DirectionProvider>["dir"];
+interface Point {
+    x: number;
+    y: number;
+}
+interface Size$2 {
+    width: number;
+    height: number;
+}
+interface Area {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+}
+interface MediaSize {
+    width: number;
+    height: number;
+    naturalWidth: number;
+    naturalHeight: number;
+}
+type Shape = "rectangle" | "circle";
+type ObjectFit = "contain" | "cover" | "horizontal-cover" | "vertical-cover";
+interface DivProps$b extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+interface StoreState$9 {
+    crop: Point;
+    zoom: number;
+    rotation: number;
+    mediaSize: MediaSize | null;
+    cropSize: Size$2 | null;
+    isDragging: boolean;
+    isWheelZooming: boolean;
+}
+declare function useStore$a<T>(selector: (state: StoreState$9) => T): T;
+interface CropperProps extends DivProps$b {
+    crop?: Point;
+    zoom?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    zoomSpeed?: number;
+    rotation?: number;
+    keyboardStep?: number;
+    aspectRatio?: number;
+    shape?: Shape;
+    objectFit?: ObjectFit;
+    allowOverflow?: boolean;
+    preventScrollZoom?: boolean;
+    withGrid?: boolean;
+    onCropChange?: (crop: Point) => void;
+    onCropSizeChange?: (cropSize: Size$2) => void;
+    onCropAreaChange?: (croppedArea: Area, croppedAreaPixels: Area) => void;
+    onCropComplete?: (croppedArea: Area, croppedAreaPixels: Area) => void;
+    onZoomChange?: (zoom: number) => void;
+    onRotationChange?: (rotation: number) => void;
+    onMediaLoaded?: (mediaSize: MediaSize) => void;
+    onInteractionStart?: () => void;
+    onInteractionEnd?: () => void;
+    onWheelZoom?: (event: WheelEvent) => void;
+}
+declare function Cropper(props: CropperProps): react_jsx_runtime.JSX.Element;
+declare const cropperMediaVariants: (props?: ({
+    objectFit?: "contain" | "cover" | "horizontal-cover" | "vertical-cover" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CropperImageProps extends React$1.ComponentProps<"img">, VariantProps<typeof cropperMediaVariants> {
+    asChild?: boolean;
+    snapPixels?: boolean;
+}
+declare function CropperImage(props: CropperImageProps): react_jsx_runtime.JSX.Element;
+interface CropperVideoProps extends React$1.ComponentProps<"video">, VariantProps<typeof cropperMediaVariants> {
+    asChild?: boolean;
+    snapPixels?: boolean;
+}
+declare function CropperVideo(props: CropperVideoProps): react_jsx_runtime.JSX.Element;
+declare const cropperAreaVariants: (props?: ({
+    shape?: "circle" | "rectangle" | null | undefined;
+    withGrid?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CropperAreaProps extends DivProps$b, VariantProps<typeof cropperAreaVariants> {
+    snapPixels?: boolean;
+}
+declare function CropperArea(props: CropperAreaProps): react_jsx_runtime.JSX.Element | null;
+
+declare function DirectionProvider({ dir, direction, children, }: React$1.ComponentProps<typeof Direction$b.DirectionProvider> & {
+    direction?: React$1.ComponentProps<typeof Direction$b.DirectionProvider>["dir"];
 }): react_jsx_runtime.JSX.Element;
-declare const useDirection: typeof Direction.useDirection;
+declare const useDirection: typeof Direction$b.useDirection;
 
 declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
@@ -259,15 +600,19 @@ declare function DrawerDescription({ className, ...props }: React$1.ComponentPro
 declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Item> & {
     inset?: boolean;
     variant?: "default" | "destructive";
 }): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.CheckboxItem> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.RadioItem> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Label> & {
     inset?: boolean;
 }): react_jsx_runtime.JSX.Element;
@@ -279,6 +624,102 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
 }): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.SubContent>): react_jsx_runtime.JSX.Element;
 
+type Direction$8 = "ltr" | "rtl";
+interface DivProps$a extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+interface StoreState$8 {
+    value: string;
+    editing: boolean;
+}
+interface Store$5 {
+    subscribe: (callback: () => void) => () => void;
+    getState: () => StoreState$8;
+    setState: <K extends keyof StoreState$8>(key: K, value: StoreState$8[K]) => void;
+    notify: () => void;
+}
+declare function useStore$9<T>(selector: (state: StoreState$8) => T, ogStore?: Store$5 | null): T;
+interface EditableContextValue {
+    rootId: string;
+    inputId: string;
+    labelId: string;
+    defaultValue: string;
+    onCancel: () => void;
+    onEdit: () => void;
+    onSubmit: (value: string) => void;
+    onEnterKeyDown?: (event: KeyboardEvent) => void;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    dir?: Direction$8;
+    maxLength?: number;
+    placeholder?: string;
+    triggerMode: "click" | "dblclick" | "focus";
+    autosize: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+}
+interface EditableProps extends Omit<DivProps$a, "onSubmit"> {
+    id?: string;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    defaultEditing?: boolean;
+    editing?: boolean;
+    onEditingChange?: (editing: boolean) => void;
+    onCancel?: () => void;
+    onEdit?: () => void;
+    onSubmit?: (value: string) => void;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onEnterKeyDown?: (event: KeyboardEvent) => void;
+    dir?: Direction$8;
+    maxLength?: number;
+    name?: string;
+    placeholder?: string;
+    triggerMode?: EditableContextValue["triggerMode"];
+    autosize?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+}
+declare function Editable(props: EditableProps): react_jsx_runtime.JSX.Element;
+interface EditableLabelProps extends React$1.ComponentProps<"label"> {
+    asChild?: boolean;
+}
+declare function EditableLabel(props: EditableLabelProps): react_jsx_runtime.JSX.Element;
+interface EditableAreaProps extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+declare function EditableArea(props: EditableAreaProps): react_jsx_runtime.JSX.Element;
+interface EditablePreviewProps extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+declare function EditablePreview(props: EditablePreviewProps): react_jsx_runtime.JSX.Element | null;
+interface EditableInputProps extends React$1.ComponentProps<"input"> {
+    asChild?: boolean;
+    maxLength?: number;
+}
+declare function EditableInput(props: EditableInputProps): react_jsx_runtime.JSX.Element | null;
+interface EditableTriggerProps extends React$1.ComponentProps<"button"> {
+    asChild?: boolean;
+    forceMount?: boolean;
+}
+declare function EditableTrigger(props: EditableTriggerProps): react_jsx_runtime.JSX.Element | null;
+interface EditableToolbarProps extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+    orientation?: "horizontal" | "vertical";
+}
+declare function EditableToolbar(props: EditableToolbarProps): react_jsx_runtime.JSX.Element;
+interface EditableCancelProps extends React$1.ComponentProps<"button"> {
+    asChild?: boolean;
+}
+declare function EditableCancel(props: EditableCancelProps): react_jsx_runtime.JSX.Element | null;
+interface EditableSubmitProps extends React$1.ComponentProps<"button"> {
+    asChild?: boolean;
+}
+declare function EditableSubmit(props: EditableSubmitProps): react_jsx_runtime.JSX.Element | null;
+
 declare function Empty({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
@@ -299,7 +740,7 @@ declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">
 declare const fieldVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
+declare function Field$1({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
 declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
 declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -313,25 +754,113 @@ declare function FieldError({ className, children, errors, ...props }: React.Com
     } | undefined>;
 }): react_jsx_runtime.JSX.Element | null;
 
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-declare const useFormField: () => {
+type Direction$7 = "ltr" | "rtl";
+interface FileState {
+    file: File;
+    progress: number;
+    error?: string;
+    status: "idle" | "uploading" | "error" | "success";
+}
+interface StoreState$7 {
+    files: Map<File, FileState>;
+    dragOver: boolean;
     invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: react_hook_form.FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-declare function FormItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function FormLabel({ className, ...props }: React$1.ComponentProps<typeof Label$1.Root>): react_jsx_runtime.JSX.Element;
-declare function FormControl({ ...props }: React$1.ComponentProps<typeof Slot.Root>): react_jsx_runtime.JSX.Element;
-declare function FormDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
-declare function FormMessage({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element | null;
+}
+declare function useStore$8<T>(selector: (state: StoreState$7) => T): T;
+interface FileUploadProps extends Omit<React$1.ComponentProps<"div">, "defaultValue" | "onChange"> {
+    value?: File[];
+    defaultValue?: File[];
+    onValueChange?: (files: File[]) => void;
+    onAccept?: (files: File[]) => void;
+    onFileAccept?: (file: File) => void;
+    onFileReject?: (file: File, message: string) => void;
+    onFileValidate?: (file: File) => string | null | undefined;
+    onUpload?: (files: File[], options: {
+        onProgress: (file: File, progress: number) => void;
+        onSuccess: (file: File) => void;
+        onError: (file: File, error: Error) => void;
+    }) => Promise<void> | void;
+    accept?: string;
+    maxFiles?: number;
+    maxSize?: number;
+    dir?: Direction$7;
+    label?: string;
+    name?: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    multiple?: boolean;
+    required?: boolean;
+}
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime.JSX.Element;
+interface FileUploadDropzoneProps extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+declare function FileUploadDropzone(props: FileUploadDropzoneProps): react_jsx_runtime.JSX.Element;
+interface FileUploadTriggerProps extends React$1.ComponentProps<"button"> {
+    asChild?: boolean;
+}
+declare function FileUploadTrigger(props: FileUploadTriggerProps): react_jsx_runtime.JSX.Element;
+interface FileUploadListProps extends React$1.ComponentProps<"div"> {
+    orientation?: "horizontal" | "vertical";
+    asChild?: boolean;
+    forceMount?: boolean;
+}
+declare function FileUploadList(props: FileUploadListProps): react_jsx_runtime.JSX.Element | null;
+interface FileUploadItemProps extends React$1.ComponentProps<"div"> {
+    value: File;
+    asChild?: boolean;
+}
+declare function FileUploadItem(props: FileUploadItemProps): react_jsx_runtime.JSX.Element | null;
+interface FileUploadItemPreviewProps extends React$1.ComponentProps<"div"> {
+    render?: (file: File, fallback: () => React$1.ReactNode) => React$1.ReactNode;
+    asChild?: boolean;
+}
+declare function FileUploadItemPreview(props: FileUploadItemPreviewProps): react_jsx_runtime.JSX.Element | null;
+interface FileUploadItemMetadataProps extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+    size?: "default" | "sm";
+}
+declare function FileUploadItemMetadata(props: FileUploadItemMetadataProps): react_jsx_runtime.JSX.Element | null;
+interface FileUploadItemProgressProps extends React$1.ComponentProps<"div"> {
+    variant?: "linear" | "circular" | "fill";
+    size?: number;
+    asChild?: boolean;
+    forceMount?: boolean;
+}
+declare function FileUploadItemProgress(props: FileUploadItemProgressProps): react_jsx_runtime.JSX.Element | null;
+interface FileUploadItemDeleteProps extends React$1.ComponentProps<"button"> {
+    asChild?: boolean;
+}
+declare function FileUploadItemDelete(props: FileUploadItemDeleteProps): react_jsx_runtime.JSX.Element | null;
+interface FileUploadClearProps extends React$1.ComponentProps<"button"> {
+    forceMount?: boolean;
+    asChild?: boolean;
+}
+declare function FileUploadClear(props: FileUploadClearProps): react_jsx_runtime.JSX.Element | null;
+
+interface DivProps$9 extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+interface PathProps extends React$1.ComponentProps<"path"> {
+}
+interface GaugeProps extends DivProps$9 {
+    value?: number | null | undefined;
+    getValueText?(value: number, min: number, max: number): string;
+    min?: number;
+    max?: number;
+    size?: number;
+    thickness?: number;
+    startAngle?: number;
+    endAngle?: number;
+}
+declare function Gauge(props: GaugeProps): react_jsx_runtime.JSX.Element;
+declare function GaugeIndicator(props: React$1.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+declare function GaugeTrack(props: PathProps): react_jsx_runtime.JSX.Element;
+declare function GaugeRange(props: PathProps): react_jsx_runtime.JSX.Element;
+declare function GaugeValueText(props: DivProps$9): react_jsx_runtime.JSX.Element;
+declare function GaugeLabel(props: DivProps$9): react_jsx_runtime.JSX.Element;
+declare function GaugeCombined(props: GaugeProps): react_jsx_runtime.JSX.Element;
 
 declare function HoverCard({ ...props }: React$1.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime.JSX.Element;
 declare function HoverCardTrigger({ ...props }: React$1.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime.JSX.Element;
@@ -339,7 +868,7 @@ declare function HoverCardContent({ className, align, sideOffset, ...props }: Re
 
 declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
@@ -359,13 +888,11 @@ declare function InputOTPSlot({ index, className, ...props }: React$1.ComponentP
 }): react_jsx_runtime.JSX.Element;
 declare function InputOTPSeparator({ ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
-declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
-
 declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
 declare const itemVariants: (props?: ({
     variant?: "default" | "outline" | "muted" | null | undefined;
-    size?: "default" | "sm" | null | undefined;
+    size?: "default" | "xs" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Item({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
     asChild?: boolean;
@@ -381,9 +908,332 @@ declare function ItemActions({ className, ...props }: React$1.ComponentProps<"di
 declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
+interface GetItemValue$1<T> {
+    /**
+     * Callback that returns a unique identifier for each kanban item. Required for array of objects.
+     * @example getItemValue={(item) => item.id}
+     */
+    getItemValue: (item: T) => UniqueIdentifier;
+}
+type KanbanProps<T> = Omit<DndContextProps, "collisionDetection"> & (T extends object ? GetItemValue$1<T> : Partial<GetItemValue$1<T>>) & {
+    value: Record<UniqueIdentifier, T[]>;
+    onValueChange?: (columns: Record<UniqueIdentifier, T[]>) => void;
+    onMove?: (event: DragEndEvent & {
+        activeIndex: number;
+        overIndex: number;
+    }) => void;
+    strategy?: SortableContextProps["strategy"];
+    orientation?: "horizontal" | "vertical";
+    flatCursor?: boolean;
+};
+declare function Kanban<T>(props: KanbanProps<T>): react_jsx_runtime.JSX.Element;
+interface KanbanBoardProps extends React$1.ComponentProps<"div"> {
+    children: React$1.ReactNode;
+    asChild?: boolean;
+}
+declare function KanbanBoard(props: KanbanBoardProps): react_jsx_runtime.JSX.Element;
+interface KanbanColumnProps extends React$1.ComponentProps<"div"> {
+    value: UniqueIdentifier;
+    children: React$1.ReactNode;
+    asChild?: boolean;
+    asHandle?: boolean;
+    disabled?: boolean;
+}
+declare function KanbanColumn(props: KanbanColumnProps): react_jsx_runtime.JSX.Element;
+interface KanbanColumnHandleProps extends React$1.ComponentProps<"button"> {
+    asChild?: boolean;
+}
+declare function KanbanColumnHandle(props: KanbanColumnHandleProps): react_jsx_runtime.JSX.Element;
+interface KanbanItemProps extends React$1.ComponentProps<"div"> {
+    value: UniqueIdentifier;
+    asHandle?: boolean;
+    asChild?: boolean;
+    disabled?: boolean;
+}
+declare function KanbanItem(props: KanbanItemProps): react_jsx_runtime.JSX.Element;
+interface KanbanItemHandleProps extends React$1.ComponentProps<"button"> {
+    asChild?: boolean;
+}
+declare function KanbanItemHandle(props: KanbanItemHandleProps): react_jsx_runtime.JSX.Element;
+interface KanbanOverlayProps extends Omit<React$1.ComponentProps<typeof DragOverlay>, "children"> {
+    container?: Element | DocumentFragment | null;
+    children?: React$1.ReactNode | ((params: {
+        value: UniqueIdentifier;
+        variant: "column" | "item";
+    }) => React$1.ReactNode);
+}
+declare function KanbanOverlay(props: KanbanOverlayProps): React$1.ReactPortal | null;
+
 declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): react_jsx_runtime.JSX.Element;
 declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
+type Orientation$5 = "vertical" | "horizontal";
+type Field = "key" | "value";
+interface DivProps$8 extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+interface Store$4 {
+    subscribe: (callback: () => void) => () => void;
+    getState: () => KeyValueState;
+    setState: <K extends keyof KeyValueState>(key: K, value: KeyValueState[K]) => void;
+    notify: () => void;
+}
+declare function useStore$7<T>(selector: (state: KeyValueState) => T, ogStore?: Store$4 | null): T;
+interface ItemData {
+    id: string;
+    key: string;
+    value: string;
+}
+interface KeyValueState {
+    value: ItemData[];
+    focusedId: string | null;
+    errors: Record<string, {
+        key?: string;
+        value?: string;
+    }>;
+}
+interface KeyValueProps extends Omit<DivProps$8, "onPaste" | "defaultValue"> {
+    id?: string;
+    defaultValue?: ItemData[];
+    value?: ItemData[];
+    onValueChange?: (value: ItemData[]) => void;
+    maxItems?: number;
+    minItems?: number;
+    keyPlaceholder?: string;
+    valuePlaceholder?: string;
+    name?: string;
+    allowDuplicateKeys?: boolean;
+    enablePaste?: boolean;
+    trim?: boolean;
+    stripQuotes?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    onPaste?: (event: ClipboardEvent, items: ItemData[]) => void;
+    onAdd?: (value: ItemData) => void;
+    onRemove?: (value: ItemData) => void;
+    onKeyValidate?: (key: string, value: ItemData[]) => string | undefined;
+    onValueValidate?: (value: string, key: string, items: ItemData[]) => string | undefined;
+}
+declare function KeyValue(props: KeyValueProps): react_jsx_runtime.JSX.Element;
+interface KeyValueListProps extends DivProps$8 {
+    orientation?: Orientation$5;
+}
+declare function KeyValueList(props: KeyValueListProps): react_jsx_runtime.JSX.Element;
+interface KeyValueItemProps extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+declare function KeyValueItem(props: KeyValueItemProps): react_jsx_runtime.JSX.Element;
+interface KeyValueKeyInputProps extends React$1.ComponentProps<"input"> {
+    asChild?: boolean;
+}
+declare function KeyValueKeyInput(props: KeyValueKeyInputProps): react_jsx_runtime.JSX.Element;
+interface KeyValueValueInputProps extends Omit<React$1.ComponentProps<"textarea">, "rows"> {
+    maxRows?: number;
+    asChild?: boolean;
+}
+declare function KeyValueValueInput(props: KeyValueValueInputProps): react_jsx_runtime.JSX.Element;
+interface KeyValueRemoveProps extends React$1.ComponentProps<typeof Button> {
+}
+declare function KeyValueRemove(props: KeyValueRemoveProps): react_jsx_runtime.JSX.Element;
+declare function KeyValueAdd(props: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+interface KeyValueErrorProps extends DivProps$8 {
+    field: Field;
+}
+declare function KeyValueError(props: KeyValueErrorProps): react_jsx_runtime.JSX.Element | null;
+
+declare const Listbox: ListboxPrimitive.ListboxRootComponentProps;
+declare function ListboxGroup({ className, ...props }: React$1.ComponentProps<typeof ListboxPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function ListboxGroupLabel({ className, ...props }: React$1.ComponentProps<typeof ListboxPrimitive.GroupLabel>): react_jsx_runtime.JSX.Element;
+declare function ListboxItem({ className, ...props }: React$1.ComponentProps<typeof ListboxPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function ListboxItemIndicator({ ...props }: React$1.ComponentProps<typeof ListboxPrimitive.ItemIndicator>): react_jsx_runtime.JSX.Element;
+
+interface TransformOptions {
+    currency?: string;
+    locale?: string;
+}
+interface ValidateOptions {
+    min?: number;
+    max?: number;
+}
+interface MaskPattern {
+    pattern: string;
+    transform?: (value: string, opts?: TransformOptions) => string;
+    validate?: (value: string, opts?: ValidateOptions) => boolean;
+}
+type MaskPatternKey = "phone" | "ssn" | "date" | "time" | "creditCard" | "creditCardExpiry" | "zipCode" | "zipCodeExtended" | "currency" | "percentage" | "licensePlate" | "ipv4" | "macAddress" | "isbn" | "ein";
+declare const MASK_PATTERNS: Record<MaskPatternKey, MaskPattern>;
+declare function applyMask(opts: {
+    value: string;
+    pattern: string;
+    currency?: string;
+    locale?: string;
+    mask?: MaskPatternKey | MaskPattern;
+}): string;
+declare function applyCurrencyMask(opts: {
+    value: string;
+    currency?: string;
+    locale?: string;
+}): string;
+declare function applyPercentageMask(value: string): string;
+declare function getUnmaskedValue(opts: {
+    value: string;
+    currency?: string;
+    locale?: string;
+    transform?: (value: string, opts?: TransformOptions) => string;
+}): string;
+declare function toUnmaskedIndex(opts: {
+    masked: string;
+    pattern: string;
+    caret: number;
+}): number;
+declare function fromUnmaskedIndex(opts: {
+    masked: string;
+    pattern: string;
+    unmaskedIndex: number;
+}): number;
+interface MaskInputProps extends React$1.ComponentProps<"input"> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (maskedValue: string, unmaskedValue: string) => void;
+    onValidate?: (isValid: boolean, unmaskedValue: string) => void;
+    validationMode?: "onChange" | "onBlur" | "onSubmit" | "onTouched" | "all";
+    mask?: MaskPatternKey | MaskPattern;
+    maskPlaceholder?: string;
+    currency?: string;
+    locale?: string;
+    asChild?: boolean;
+    invalid?: boolean;
+    withoutMask?: boolean;
+}
+declare function MaskInput(props: MaskInputProps): react_jsx_runtime.JSX.Element;
+
+declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ ...props }: React$1.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
+
+interface DivProps$7 extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+type Direction$6 = "ltr" | "rtl";
+interface StoreState$6 {
+    controlsVisible: boolean;
+    dragging: boolean;
+    menuOpen: boolean;
+    volumeIndicatorVisible: boolean;
+}
+declare function useStore$6<T>(selector: (state: StoreState$6) => T): T;
+interface MediaPlayerProps extends Omit<DivProps$7, "onTimeUpdate" | "onVolumeChange"> {
+    onPlay?: () => void;
+    onPause?: () => void;
+    onEnded?: () => void;
+    onTimeUpdate?: (time: number) => void;
+    onVolumeChange?: (volume: number) => void;
+    onMuted?: (muted: boolean) => void;
+    onMediaError?: (error: MediaError | null) => void;
+    onPipError?: (error: unknown, state: "enter" | "exit") => void;
+    onFullscreenChange?: (fullscreen: boolean) => void;
+    dir?: Direction$6;
+    label?: string;
+    tooltipDelayDuration?: number;
+    tooltipSideOffset?: number;
+    autoHide?: boolean;
+    disabled?: boolean;
+    withoutTooltip?: boolean;
+}
+declare function MediaPlayer(props: MediaPlayerProps): react_jsx_runtime.JSX.Element;
+interface MediaPlayerVideoProps extends React$1.ComponentProps<"video"> {
+    asChild?: boolean;
+}
+declare function MediaPlayerVideo(props: MediaPlayerVideoProps): react_jsx_runtime.JSX.Element;
+interface MediaPlayerAudioProps extends React$1.ComponentProps<"audio"> {
+    asChild?: boolean;
+}
+declare function MediaPlayerAudio(props: MediaPlayerAudioProps): react_jsx_runtime.JSX.Element;
+declare function MediaPlayerControls(props: DivProps$7): react_jsx_runtime.JSX.Element;
+interface MediaPlayerLoadingProps extends DivProps$7 {
+    delayMs?: number;
+}
+declare function MediaPlayerLoading(props: MediaPlayerLoadingProps): react_jsx_runtime.JSX.Element | null;
+interface MediaPlayerErrorProps extends DivProps$7 {
+    error?: MediaError | null;
+    label?: string;
+    description?: string;
+    onRetry?: () => void;
+    onReload?: () => void;
+    asChild?: boolean;
+}
+declare function MediaPlayerError(props: MediaPlayerErrorProps): react_jsx_runtime.JSX.Element | null;
+declare function MediaPlayerVolumeIndicator(props: DivProps$7): react_jsx_runtime.JSX.Element | null;
+declare function MediaPlayerControlsOverlay(props: DivProps$7): react_jsx_runtime.JSX.Element;
+declare function MediaPlayerPlay(props: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+interface MediaPlayerSeekBackwardProps extends React$1.ComponentProps<typeof Button> {
+    seconds?: number;
+}
+declare function MediaPlayerSeekBackward(props: MediaPlayerSeekBackwardProps): react_jsx_runtime.JSX.Element;
+interface MediaPlayerSeekForwardProps extends React$1.ComponentProps<typeof Button> {
+    seconds?: number;
+}
+declare function MediaPlayerSeekForward(props: MediaPlayerSeekForwardProps): react_jsx_runtime.JSX.Element;
+interface MediaPlayerSeekProps extends React$1.ComponentProps<typeof SliderPrimitive.Root> {
+    withTime?: boolean;
+    withoutChapter?: boolean;
+    withoutTooltip?: boolean;
+    tooltipThumbnailSrc?: string | ((time: number) => string);
+    tooltipTimeVariant?: "current" | "progress";
+    tooltipSideOffset?: number;
+    tooltipCollisionBoundary?: Element | Element[];
+    tooltipCollisionPadding?: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
+}
+declare function MediaPlayerSeek(props: MediaPlayerSeekProps): react_jsx_runtime.JSX.Element;
+interface MediaPlayerVolumeProps extends React$1.ComponentProps<typeof SliderPrimitive.Root> {
+    asChild?: boolean;
+    expandable?: boolean;
+}
+declare function MediaPlayerVolume(props: MediaPlayerVolumeProps): react_jsx_runtime.JSX.Element;
+interface MediaPlayerTimeProps extends React$1.ComponentProps<"div"> {
+    variant?: "progress" | "remaining" | "duration";
+    asChild?: boolean;
+}
+declare function MediaPlayerTime(props: MediaPlayerTimeProps): react_jsx_runtime.JSX.Element;
+interface MediaPlayerPlaybackSpeedProps extends React$1.ComponentProps<typeof DropdownMenuTrigger>, React$1.ComponentProps<typeof Button>, Omit<React$1.ComponentProps<typeof DropdownMenu>, "dir">, Pick<React$1.ComponentProps<typeof DropdownMenuContent>, "sideOffset"> {
+    speeds?: number[];
+}
+declare function MediaPlayerPlaybackSpeed(props: MediaPlayerPlaybackSpeedProps): react_jsx_runtime.JSX.Element;
+interface MediaPlayerLoopProps extends React$1.ComponentProps<typeof Button> {
+}
+declare function MediaPlayerLoop(props: MediaPlayerLoopProps): react_jsx_runtime.JSX.Element;
+interface MediaPlayerFullscreenProps extends React$1.ComponentProps<typeof Button> {
+}
+declare function MediaPlayerFullscreen(props: MediaPlayerFullscreenProps): react_jsx_runtime.JSX.Element;
+interface MediaPlayerPiPProps extends Omit<React$1.ComponentProps<typeof Button>, "children"> {
+    children?: React$1.ReactNode | ((isPictureInPicture: boolean) => React$1.ReactNode);
+    onPipError?: (error: unknown, state: "enter" | "exit") => void;
+}
+declare function MediaPlayerPiP(props: MediaPlayerPiPProps): react_jsx_runtime.JSX.Element;
+declare function MediaPlayerCaptions(props: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function MediaPlayerDownload(props: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+interface MediaPlayerSettingsProps extends MediaPlayerPlaybackSpeedProps {
+}
+declare function MediaPlayerSettings(props: MediaPlayerSettingsProps): react_jsx_runtime.JSX.Element;
+interface MediaPlayerPortalProps {
+    container?: Element | DocumentFragment | null;
+    children?: React$1.ReactNode;
+}
+declare function MediaPlayerPortal(props: MediaPlayerPortalProps): React$1.ReactPortal | null;
+interface MediaPlayerTooltipProps extends React$1.ComponentProps<typeof Tooltip>, Pick<React$1.ComponentProps<typeof TooltipContent>, "sideOffset"> {
+    tooltip?: string;
+    shortcut?: string | string[];
+}
+declare function MediaPlayerTooltip(props: MediaPlayerTooltipProps): react_jsx_runtime.JSX.Element;
+
+declare function Mention({ className, ...props }: React$1.ComponentProps<typeof MentionPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function MentionLabel({ className, ...props }: React$1.ComponentProps<typeof MentionPrimitive.Label>): react_jsx_runtime.JSX.Element;
+declare function MentionInput({ className, ...props }: React$1.ComponentProps<typeof MentionPrimitive.Input>): react_jsx_runtime.JSX.Element;
+declare function MentionContent({ className, children, ...props }: React$1.ComponentProps<typeof MentionPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function MentionItem({ className, children, ...props }: React$1.ComponentProps<typeof MentionPrimitive.Item>): react_jsx_runtime.JSX.Element;
+
 declare function Menubar({ className, ...props }: React$1.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime.JSX.Element;
 declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime.JSX.Element;
 declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime.JSX.Element;
@@ -395,8 +1245,12 @@ declare function MenubarItem({ className, inset, variant, ...props }: React$1.Co
     inset?: boolean;
     variant?: "default" | "destructive";
 }): react_jsx_runtime.JSX.Element;
-declare function MenubarCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime.JSX.Element;
-declare function MenubarRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, inset, ...props }: React$1.ComponentProps<typeof Menubar$1.CheckboxItem> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function MenubarRadioItem({ className, children, inset, ...props }: React$1.ComponentProps<typeof Menubar$1.RadioItem> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare function MenubarLabel({ className, inset, ...props }: React$1.ComponentProps<typeof Menubar$1.Label> & {
     inset?: boolean;
 }): react_jsx_runtime.JSX.Element;
@@ -408,9 +1262,10 @@ declare function MenubarSubTrigger({ className, inset, children, ...props }: Rea
 }): react_jsx_runtime.JSX.Element;
 declare function MenubarSubContent({ className, ...props }: React$1.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime.JSX.Element;
 
-declare function NativeSelect({ className, size, ...props }: Omit<React$1.ComponentProps<"select">, "size"> & {
+type NativeSelectProps = Omit<React$1.ComponentProps<"select">, "size"> & {
     size?: "sm" | "default";
-}): react_jsx_runtime.JSX.Element;
+};
+declare function NativeSelect({ className, size, ...props }: NativeSelectProps): react_jsx_runtime.JSX.Element;
 declare function NativeSelectOption({ ...props }: React$1.ComponentProps<"option">): react_jsx_runtime.JSX.Element;
 declare function NativeSelectOptGroup({ className, ...props }: React$1.ComponentProps<"optgroup">): react_jsx_runtime.JSX.Element;
 
@@ -433,44 +1288,262 @@ type PaginationLinkProps = {
     isActive?: boolean;
 } & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
 declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
-declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
-declare function PaginationNext({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+declare function PaginationPrevious({ className, text, ...props }: React$1.ComponentProps<typeof PaginationLink> & {
+    text?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function PaginationNext({ className, text, ...props }: React$1.ComponentProps<typeof PaginationLink> & {
+    text?: string;
+}): react_jsx_runtime.JSX.Element;
 declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
 
-declare function Popover({ ...props }: React$1.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
-declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime.JSX.Element;
-declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime.JSX.Element;
-declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function PopoverTitle({ className, ...props }: React$1.ComponentProps<"h2">): react_jsx_runtime.JSX.Element;
-declare function PopoverDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+interface Country {
+    code: string;
+    name: string;
+    dialCode: string;
+    flag?: string;
+}
+interface StoreState$5 {
+    value: string;
+    country: string;
+    open: boolean;
+    startsWithPlus: boolean;
+}
+interface Store$3 {
+    subscribe: (callback: () => void) => () => void;
+    getState: () => StoreState$5;
+    setState: <K extends keyof StoreState$5>(key: K, value: StoreState$5[K]) => void;
+    notify: () => void;
+}
+declare function useStore$5<T>(selector: (state: StoreState$5) => T, ogStore?: Store$3 | null): T;
+interface PhoneInputProps extends React$1.ComponentProps<"div"> {
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    defaultCountry?: string;
+    country?: string;
+    onCountryChange?: (country: string) => void;
+    countries?: Country[];
+    name?: string;
+    placeholder?: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    showFlag?: boolean;
+}
+declare function PhoneInput(props: PhoneInputProps): react_jsx_runtime.JSX.Element;
+interface PhoneInputCountrySelectProps extends React$1.ComponentProps<typeof Popover>, Pick<React$1.ComponentProps<typeof PopoverTrigger>, "disabled" | "className"> {
+}
+declare function PhoneInputCountrySelect(props: PhoneInputCountrySelectProps): react_jsx_runtime.JSX.Element;
+declare function PhoneInputField(props: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
 
 declare function Progress({ className, value, ...props }: React$1.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime.JSX.Element;
 
+type QRCodeLevel = "L" | "M" | "Q" | "H";
+interface StoreState$4 {
+    dataUrl: string | null;
+    svgString: string | null;
+    isGenerating: boolean;
+    error: Error | null;
+    generationKey: string;
+}
+declare function useStore$4<T>(selector: (state: StoreState$4) => T): T;
+interface QRCodeProps extends Omit<React$1.ComponentProps<"div">, "onError"> {
+    value: string;
+    size?: number;
+    level?: QRCodeLevel;
+    margin?: number;
+    quality?: number;
+    backgroundColor?: string;
+    foregroundColor?: string;
+    onError?: (error: Error) => void;
+    onGenerated?: () => void;
+    asChild?: boolean;
+}
+declare function QRCode(props: QRCodeProps): react_jsx_runtime.JSX.Element;
+interface QRCodeCanvasProps extends React$1.ComponentProps<"canvas"> {
+    asChild?: boolean;
+}
+declare function QRCodeCanvas(props: QRCodeCanvasProps): react_jsx_runtime.JSX.Element;
+interface QRCodeSvgProps extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+declare function QRCodeSvg(props: QRCodeSvgProps): react_jsx_runtime.JSX.Element | null;
+interface QRCodeImageProps extends React$1.ComponentProps<"img"> {
+    asChild?: boolean;
+}
+declare function QRCodeImage(props: QRCodeImageProps): react_jsx_runtime.JSX.Element | null;
+interface QRCodeDownloadProps extends React$1.ComponentProps<"button"> {
+    filename?: string;
+    format?: "png" | "svg";
+    asChild?: boolean;
+}
+declare function QRCodeDownload(props: QRCodeDownloadProps): react_jsx_runtime.JSX.Element;
+interface QRCodeOverlayProps extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+declare function QRCodeOverlay(props: QRCodeOverlayProps): react_jsx_runtime.JSX.Element;
+interface QRCodeSkeletonProps extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+declare function QRCodeSkeleton(props: QRCodeSkeletonProps): react_jsx_runtime.JSX.Element | null;
+
 declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime.JSX.Element;
 declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime.JSX.Element;
 
+type Direction$5 = "ltr" | "rtl";
+type Orientation$4 = "horizontal" | "vertical";
+type ActivationMode$2 = "automatic" | "manual";
+type Size$1 = "default" | "sm" | "lg";
+type Step = 0.5 | 1;
+type DataState$1 = "full" | "partial" | "empty";
+interface StoreState$3 {
+    value: number;
+    hoveredValue: number | null;
+}
+interface Store$2 {
+    subscribe: (callback: () => void) => () => void;
+    getState: () => StoreState$3;
+    setState: <K extends keyof StoreState$3>(key: K, value: StoreState$3[K]) => void;
+    notify: () => void;
+}
+declare function useStore$3<T>(selector: (state: StoreState$3) => T, ogStore?: Store$2 | null): T;
+interface RatingProps extends React$1.ComponentProps<"div"> {
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    onHover?: (value: number | null) => void;
+    max?: number;
+    activationMode?: ActivationMode$2;
+    dir?: Direction$5;
+    orientation?: Orientation$4;
+    size?: Size$1;
+    asChild?: boolean;
+    step?: Step;
+    clearable?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    name?: string;
+}
+declare function Rating(props: RatingProps): react_jsx_runtime.JSX.Element;
+interface RatingItemProps extends Omit<React$1.ComponentProps<"button">, "children"> {
+    index?: number;
+    asChild?: boolean;
+    children?: React$1.ReactNode | ((dataState: DataState$1) => React$1.ReactNode);
+}
+declare function RatingItem(props: RatingItemProps): react_jsx_runtime.JSX.Element;
+
+declare const triggerVariants: (props?: ({
+    variant?: "default" | "ghost" | "muted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface RelativeTimeCardProps extends React$1.ComponentProps<"button">, Pick<HoverCardContentProps, "align" | "side" | "alignOffset" | "sideOffset" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "asChild">, VariantProps<typeof triggerVariants> {
+    date: Date | string | number;
+    timezones?: string[];
+    updateInterval?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    openDelay?: number;
+    closeDelay?: number;
+}
+declare function RelativeTimeCard(props: RelativeTimeCardProps): react_jsx_runtime.JSX.Element;
+
 declare function ResizablePanelGroup({ className, ...props }: GroupProps): react_jsx_runtime.JSX.Element;
 declare function ResizablePanel({ ...props }: PanelProps): react_jsx_runtime.JSX.Element;
 declare function ResizableHandle({ withHandle, className, ...props }: SeparatorProps & {
     withHandle?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
+interface ResponsiveDialogProps extends React$1.ComponentProps<typeof Dialog> {
+    breakpoint?: number;
+}
+declare function ResponsiveDialog({ breakpoint, open: openProp, defaultOpen, onOpenChange: onOpenChangeProp, ...props }: ResponsiveDialogProps): react_jsx_runtime.JSX.Element;
+declare function ResponsiveDialogTrigger({ ...props }: React$1.ComponentProps<typeof DialogTrigger>): react_jsx_runtime.JSX.Element;
+declare function ResponsiveDialogClose({ ...props }: React$1.ComponentProps<typeof DialogClose>): react_jsx_runtime.JSX.Element;
+declare function ResponsiveDialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPortal>): react_jsx_runtime.JSX.Element;
+declare function ResponsiveDialogOverlay({ ...props }: React$1.ComponentProps<typeof DialogOverlay>): react_jsx_runtime.JSX.Element;
+declare function ResponsiveDialogContent({ className, ...props }: React$1.ComponentProps<typeof DialogContent>): react_jsx_runtime.JSX.Element;
+declare function ResponsiveDialogHeader({ ...props }: React$1.ComponentProps<typeof DialogHeader>): react_jsx_runtime.JSX.Element;
+declare function ResponsiveDialogFooter({ ...props }: React$1.ComponentProps<typeof DialogFooter>): react_jsx_runtime.JSX.Element;
+declare function ResponsiveDialogTitle({ ...props }: React$1.ComponentProps<typeof DialogTitle>): react_jsx_runtime.JSX.Element;
+declare function ResponsiveDialogDescription({ ...props }: React$1.ComponentProps<typeof DialogDescription>): react_jsx_runtime.JSX.Element;
+
 declare function ScrollArea({ className, children, ...props }: React$1.ComponentProps<typeof ScrollArea$1.Root>): react_jsx_runtime.JSX.Element;
 declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
 
-declare function Select({ ...props }: React$1.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
-declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
-declare function SelectValue({ ...props }: React$1.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof Select$1.Trigger> & {
-    size?: "sm" | "default";
-}): react_jsx_runtime.JSX.Element;
-declare function SelectContent({ className, children, position, align, ...props }: React$1.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
-declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
-declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
-declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
+type Direction$4 = "ltr" | "rtl";
+type Orientation$3 = "horizontal" | "vertical";
+interface ScrollSpyProps extends React$1.ComponentProps<"div"> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    rootMargin?: string;
+    threshold?: number | number[];
+    offset?: number;
+    scrollBehavior?: ScrollBehavior;
+    scrollContainer?: HTMLElement | null;
+    dir?: Direction$4;
+    orientation?: Orientation$3;
+    asChild?: boolean;
+}
+declare function ScrollSpy(props: ScrollSpyProps): react_jsx_runtime.JSX.Element;
+interface ScrollSpyNavProps extends React$1.ComponentProps<"nav"> {
+    asChild?: boolean;
+}
+declare function ScrollSpyNav(props: ScrollSpyNavProps): react_jsx_runtime.JSX.Element;
+interface ScrollSpyLinkProps extends React$1.ComponentProps<"a"> {
+    value: string;
+    asChild?: boolean;
+}
+declare function ScrollSpyLink(props: ScrollSpyLinkProps): react_jsx_runtime.JSX.Element;
+interface ScrollSpyViewportProps extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+declare function ScrollSpyViewport(props: ScrollSpyViewportProps): react_jsx_runtime.JSX.Element;
+interface ScrollSpySectionProps extends React$1.ComponentProps<"div"> {
+    value: string;
+    asChild?: boolean;
+}
+declare function ScrollSpySection(props: ScrollSpySectionProps): react_jsx_runtime.JSX.Element;
+
+declare const scrollerVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    hideScrollbar?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ScrollerProps extends VariantProps<typeof scrollerVariants>, React$1.ComponentProps<"div"> {
+    size?: number;
+    offset?: number;
+    asChild?: boolean;
+    withNavigation?: boolean;
+    scrollStep?: number;
+    scrollTriggerMode?: "press" | "hover" | "click";
+}
+declare function Scroller(props: ScrollerProps): react_jsx_runtime.JSX.Element;
+
+type Direction$3 = "ltr" | "rtl";
+type Orientation$2 = "horizontal" | "vertical";
+type Size = "default" | "sm" | "lg";
+interface SegmentedInputProps extends React$1.ComponentProps<"div"> {
+    dir?: Direction$3;
+    orientation?: Orientation$2;
+    size?: Size;
+    asChild?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+}
+declare function SegmentedInput(props: SegmentedInputProps): react_jsx_runtime.JSX.Element;
+declare const segmentedInputItemVariants: (props?: ({
+    position?: "first" | "last" | "middle" | "isolated" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SegmentedInputItemProps extends React$1.ComponentProps<"input">, Omit<VariantProps<typeof segmentedInputItemVariants>, "size"> {
+    asChild?: boolean;
+}
+declare function SegmentedInputItem(props: SegmentedInputItemProps): react_jsx_runtime.JSX.Element;
 
 declare function Sheet({ ...props }: React$1.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
 declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
@@ -484,11 +1557,6 @@ declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"di
 declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
 declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
 
-declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
-declare function Tooltip({ ...props }: React$1.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
-declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
-
 type SidebarContextProps = {
     state: "expanded" | "collapsed";
     open: boolean;
@@ -504,7 +1572,7 @@ declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: se
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }): react_jsx_runtime.JSX.Element;
-declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
+declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React$1.ComponentProps<"div"> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
@@ -558,8 +1626,231 @@ declare function Slider({ className, defaultValue, value, min, max, ...props }:
 
 declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
+interface GetItemValue<T> {
+    /**
+     * Callback that returns a unique identifier for each sortable item. Required for array of objects.
+     * @example getItemValue={(item) => item.id}
+     */
+    getItemValue: (item: T) => UniqueIdentifier;
+}
+type SortableProps<T> = DndContextProps & (T extends object ? GetItemValue<T> : Partial<GetItemValue<T>>) & {
+    value: T[];
+    onValueChange?: (items: T[]) => void;
+    onMove?: (event: DragEndEvent & {
+        activeIndex: number;
+        overIndex: number;
+    }) => void;
+    strategy?: SortableContextProps["strategy"];
+    orientation?: "vertical" | "horizontal" | "mixed";
+    flatCursor?: boolean;
+};
+declare function Sortable<T>(props: SortableProps<T>): react_jsx_runtime.JSX.Element;
+interface SortableContentProps extends React$1.ComponentProps<"div"> {
+    strategy?: SortableContextProps["strategy"];
+    children: React$1.ReactNode;
+    asChild?: boolean;
+    withoutSlot?: boolean;
+}
+declare function SortableContent(props: SortableContentProps): react_jsx_runtime.JSX.Element;
+interface SortableItemProps extends React$1.ComponentProps<"div"> {
+    value: UniqueIdentifier;
+    asHandle?: boolean;
+    asChild?: boolean;
+    disabled?: boolean;
+}
+declare function SortableItem(props: SortableItemProps): react_jsx_runtime.JSX.Element;
+interface SortableItemHandleProps extends React$1.ComponentProps<"button"> {
+    asChild?: boolean;
+}
+declare function SortableItemHandle(props: SortableItemHandleProps): react_jsx_runtime.JSX.Element;
+interface SortableOverlayProps extends Omit<React$1.ComponentProps<typeof DragOverlay>, "children"> {
+    container?: Element | DocumentFragment | null;
+    children?: ((params: {
+        value: UniqueIdentifier;
+    }) => React$1.ReactNode) | React$1.ReactNode;
+}
+declare function SortableOverlay(props: SortableOverlayProps): React$1.ReactPortal | null;
+
+type Side$2 = "top" | "right" | "bottom" | "left";
+type ActivationMode$1 = "click" | "hover";
+interface DivProps$6 extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+interface InteractOutsideEvent$1 extends CustomEvent {
+    detail: {
+        originalEvent: PointerEvent;
+    };
+}
+interface SpeedDialProps extends DivProps$6 {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    side?: Side$2;
+    activationMode?: ActivationMode$1;
+    delay?: number;
+    disabled?: boolean;
+}
+declare function SpeedDial(props: SpeedDialProps): react_jsx_runtime.JSX.Element;
+declare function SpeedDialTrigger(props: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare const speedDialContentVariants: (props?: ({
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SpeedDialContentProps extends DivProps$6, VariantProps<typeof speedDialContentVariants> {
+    offset?: number;
+    gap?: number;
+    forceMount?: boolean;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onInteractOutside?: (event: InteractOutsideEvent$1) => void;
+}
+declare function SpeedDialContent(props: SpeedDialContentProps): react_jsx_runtime.JSX.Element | null;
+declare function SpeedDialItem(props: DivProps$6): react_jsx_runtime.JSX.Element;
+interface SpeedDialActionProps extends Omit<React$1.ComponentProps<typeof Button>, "onSelect"> {
+    onSelect?: (event: Event) => void;
+}
+declare function SpeedDialAction(props: SpeedDialActionProps): react_jsx_runtime.JSX.Element;
+declare function SpeedDialLabel({ asChild, className, ...props }: DivProps$6): react_jsx_runtime.JSX.Element;
+
 declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+type Side$1 = "top" | "bottom";
+interface StackProps extends React$1.ComponentProps<"div"> {
+    side?: Side$1;
+    itemCount?: number;
+    expandedItemCount?: number;
+    gap?: number;
+    scale?: number;
+    offset?: number;
+    expandOnHover?: boolean;
+    asChild?: boolean;
+}
+declare function Stack(props: StackProps): react_jsx_runtime.JSX.Element;
+interface StackItemProps extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+declare function StackItem(props: StackItemProps): react_jsx_runtime.JSX.Element;
+
+declare function Stat({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function StatLabel({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const statIndicatorVariants: (props?: ({
+    variant?: "default" | "icon" | "badge" | "action" | null | undefined;
+    color?: "default" | "error" | "success" | "info" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface StatIndicatorProps extends Omit<React$1.ComponentProps<"div">, "color">, VariantProps<typeof statIndicatorVariants> {
+}
+declare function StatIndicator({ className, variant, color, ...props }: StatIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function StatValue({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function StatTrend({ className, trend, ...props }: React$1.ComponentProps<"div"> & {
+    trend?: "up" | "down" | "neutral";
+}): react_jsx_runtime.JSX.Element;
+declare function StatSeparator({ ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+declare function StatDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+interface DivProps$5 extends React$1.ComponentProps<"div"> {
+}
+declare const statusVariants: (props?: ({
+    variant?: "default" | "error" | "success" | "info" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface StatusProps extends VariantProps<typeof statusVariants>, DivProps$5 {
+    asChild?: boolean;
+}
+declare function Status(props: StatusProps): react_jsx_runtime.JSX.Element;
+declare function StatusIndicator(props: DivProps$5): react_jsx_runtime.JSX.Element;
+declare function StatusLabel(props: DivProps$5): react_jsx_runtime.JSX.Element;
+
+type Direction$2 = "ltr" | "rtl";
+type Orientation$1 = "horizontal" | "vertical";
+type NavigationDirection = "next" | "prev";
+type ActivationMode = "automatic" | "manual";
+type DataState = "inactive" | "active" | "completed";
+interface DivProps$4 extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+interface ButtonProps$1 extends React$1.ComponentProps<"button"> {
+    asChild?: boolean;
+}
+interface StepState {
+    value: string;
+    completed: boolean;
+    disabled: boolean;
+}
+interface StoreState$2 {
+    steps: Map<string, StepState>;
+    value: string;
+}
+declare function useStore$2<T>(selector: (state: StoreState$2) => T): T;
+interface StepperProps extends DivProps$4 {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    onValueComplete?: (value: string, completed: boolean) => void;
+    onValueAdd?: (value: string) => void;
+    onValueRemove?: (value: string) => void;
+    onValidate?: (value: string, direction: NavigationDirection) => boolean | Promise<boolean>;
+    activationMode?: ActivationMode;
+    dir?: Direction$2;
+    orientation?: Orientation$1;
+    disabled?: boolean;
+    loop?: boolean;
+    nonInteractive?: boolean;
+}
+declare function Stepper(props: StepperProps): react_jsx_runtime.JSX.Element;
+declare function StepperList(props: DivProps$4): react_jsx_runtime.JSX.Element;
+interface StepperItemProps extends DivProps$4 {
+    value: string;
+    completed?: boolean;
+    disabled?: boolean;
+}
+declare function StepperItem(props: StepperItemProps): react_jsx_runtime.JSX.Element;
+declare function StepperTrigger(props: ButtonProps$1): react_jsx_runtime.JSX.Element;
+interface StepperIndicatorProps extends Omit<DivProps$4, "children"> {
+    children?: React$1.ReactNode | ((dataState: DataState) => React$1.ReactNode);
+}
+declare function StepperIndicator(props: StepperIndicatorProps): react_jsx_runtime.JSX.Element;
+interface StepperSeparatorProps extends DivProps$4 {
+    forceMount?: boolean;
+}
+declare function StepperSeparator(props: StepperSeparatorProps): react_jsx_runtime.JSX.Element | null;
+interface StepperTitleProps extends React$1.ComponentProps<"span"> {
+    asChild?: boolean;
+}
+declare function StepperTitle(props: StepperTitleProps): react_jsx_runtime.JSX.Element;
+interface StepperDescriptionProps extends React$1.ComponentProps<"span"> {
+    asChild?: boolean;
+}
+declare function StepperDescription(props: StepperDescriptionProps): react_jsx_runtime.JSX.Element;
+interface StepperContentProps extends DivProps$4 {
+    value: string;
+    forceMount?: boolean;
+}
+declare function StepperContent(props: StepperContentProps): react_jsx_runtime.JSX.Element | null;
+declare function StepperPrev(props: ButtonProps$1): react_jsx_runtime.JSX.Element;
+declare function StepperNext(props: ButtonProps$1): react_jsx_runtime.JSX.Element;
+
+interface DivProps$3 extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+interface StoreState$1 {
+    swapped: boolean;
+}
+interface Store$1 {
+    subscribe: (callback: () => void) => () => void;
+    getState: () => StoreState$1;
+    setState: <K extends keyof StoreState$1>(key: K, value: StoreState$1[K]) => void;
+    notify: () => void;
+}
+declare function useStore$1<T>(selector: (state: StoreState$1) => T, ogStore?: Store$1 | null): T;
+interface SwapProps extends DivProps$3 {
+    swapped?: boolean;
+    defaultSwapped?: boolean;
+    onSwappedChange?: (swapped: boolean) => void;
+    activationMode?: "click" | "hover";
+    animation?: "fade" | "rotate" | "flip" | "scale";
+    disabled?: boolean;
+}
+declare function Swap(props: SwapProps): react_jsx_runtime.JSX.Element;
+declare function SwapOn(props: DivProps$3): react_jsx_runtime.JSX.Element;
+declare function SwapOff(props: DivProps$3): react_jsx_runtime.JSX.Element;
+
 declare function Switch({ className, size, ...props }: React$1.ComponentProps<typeof Switch$1.Root> & {
     size?: "sm" | "default";
 }): react_jsx_runtime.JSX.Element;
@@ -581,17 +1872,242 @@ declare function TabsList({ className, variant, ...props }: React$1.ComponentPro
 declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime.JSX.Element;
 
+declare function TagsInput({ className, ...props }: React$1.ComponentProps<typeof TagsInputPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TagsInputLabel({ className, ...props }: React$1.ComponentProps<typeof TagsInputPrimitive.Label>): react_jsx_runtime.JSX.Element;
+declare function TagsInputList({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function TagsInputInput({ className, ...props }: React$1.ComponentProps<typeof TagsInputPrimitive.Input>): react_jsx_runtime.JSX.Element;
+declare function TagsInputItem({ className, children, ...props }: React$1.ComponentProps<typeof TagsInputPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function TagsInputClear({ ...props }: React$1.ComponentProps<typeof TagsInputPrimitive.Clear>): react_jsx_runtime.JSX.Element;
+
 declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
 
+type Segment = "hour" | "minute" | "second" | "period";
+type SegmentFormat = "numeric" | "2-digit";
+interface DivProps$2 extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+interface ButtonProps extends React$1.ComponentProps<"button"> {
+    asChild?: boolean;
+}
+interface StoreState {
+    value: string;
+    open: boolean;
+    openedViaFocus: boolean;
+}
+interface Store {
+    subscribe: (callback: () => void) => () => void;
+    getState: () => StoreState;
+    setState: <K extends keyof StoreState>(key: K, value: StoreState[K]) => void;
+    notify: () => void;
+}
+declare function useStore<T>(selector: (state: StoreState) => T, ogStore?: Store | null): T;
+type SegmentPlaceholder = string | {
+    hour?: string;
+    minute?: string;
+    second?: string;
+    period?: string;
+};
+interface TimePickerProps extends DivProps$2 {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    openOnFocus?: boolean;
+    inputGroupClickAction?: "focus" | "open";
+    min?: string;
+    max?: string;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    segmentPlaceholder?: SegmentPlaceholder;
+    locale?: string;
+    name?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    showSeconds?: boolean;
+}
+declare function TimePicker(props: TimePickerProps): react_jsx_runtime.JSX.Element;
+interface TimePickerLabelProps extends React$1.ComponentProps<"label"> {
+    asChild?: boolean;
+}
+declare function TimePickerLabel(props: TimePickerLabelProps): react_jsx_runtime.JSX.Element;
+declare function TimePickerInputGroup(props: DivProps$2): react_jsx_runtime.JSX.Element;
+interface TimePickerInputProps extends Omit<React$1.ComponentProps<"input">, "type" | "value"> {
+    segment: Segment;
+}
+declare function TimePickerInput(props: TimePickerInputProps): react_jsx_runtime.JSX.Element;
+declare function TimePickerTrigger(props: ButtonProps): react_jsx_runtime.JSX.Element;
+interface TimePickerContentProps extends DivProps$2, React$1.ComponentProps<typeof PopoverContent> {
+}
+declare function TimePickerContent(props: TimePickerContentProps): react_jsx_runtime.JSX.Element;
+interface TimePickerHourProps extends DivProps$2 {
+    format?: SegmentFormat;
+}
+declare function TimePickerHour(props: TimePickerHourProps): react_jsx_runtime.JSX.Element;
+interface TimePickerMinuteProps extends DivProps$2 {
+    format?: SegmentFormat;
+}
+declare function TimePickerMinute(props: TimePickerMinuteProps): react_jsx_runtime.JSX.Element;
+interface TimePickerSecondProps extends DivProps$2 {
+    format?: SegmentFormat;
+}
+declare function TimePickerSecond(props: TimePickerSecondProps): react_jsx_runtime.JSX.Element;
+declare function TimePickerPeriod(props: DivProps$2): react_jsx_runtime.JSX.Element | null;
+interface TimePickerSeparatorProps extends React$1.ComponentProps<"span"> {
+    asChild?: boolean;
+}
+declare function TimePickerSeparator(props: TimePickerSeparatorProps): react_jsx_runtime.JSX.Element;
+declare function TimePickerClear(props: ButtonProps): react_jsx_runtime.JSX.Element;
+
+type Direction$1 = "ltr" | "rtl";
+type Orientation = "vertical" | "horizontal";
+type Variant = "default" | "alternate";
+interface DivProps$1 extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+interface TimelineProps extends DivProps$1 {
+    dir?: Direction$1;
+    orientation?: Orientation;
+    variant?: Variant;
+    activeIndex?: number;
+}
+declare function Timeline(props: TimelineProps): react_jsx_runtime.JSX.Element;
+declare function TimelineItem(props: DivProps$1): react_jsx_runtime.JSX.Element;
+declare function TimelineContent(props: DivProps$1): react_jsx_runtime.JSX.Element;
+declare function TimelineDot(props: DivProps$1): react_jsx_runtime.JSX.Element;
+interface TimelineConnectorProps extends DivProps$1 {
+    forceMount?: boolean;
+}
+declare function TimelineConnector(props: TimelineConnectorProps): react_jsx_runtime.JSX.Element | null;
+declare function TimelineHeader(props: DivProps$1): react_jsx_runtime.JSX.Element;
+declare function TimelineTitle(props: DivProps$1): react_jsx_runtime.JSX.Element;
+declare function TimelineDescription(props: DivProps$1): react_jsx_runtime.JSX.Element;
+interface TimelineTimeProps extends React$1.ComponentProps<"time"> {
+    asChild?: boolean;
+}
+declare function TimelineTime(props: TimelineTimeProps): react_jsx_runtime.JSX.Element;
+
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 
-declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants> & {
+declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants> & {
     spacing?: number;
+    orientation?: "horizontal" | "vertical";
 }): react_jsx_runtime.JSX.Element;
 declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useSidebar };
+declare const SIDE_OPTIONS: readonly ["top", "right", "bottom", "left"];
+declare const ALIGN_OPTIONS: readonly ["start", "center", "end"];
+type Side = (typeof SIDE_OPTIONS)[number];
+type Align = (typeof ALIGN_OPTIONS)[number];
+type Direction = "ltr" | "rtl";
+interface ScrollOffset {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+}
+type Boundary = Element | null;
+interface DivProps extends React$1.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+type PointerDownOutsideEvent = CustomEvent<{
+    originalEvent: PointerEvent;
+}>;
+type InteractOutsideEvent = CustomEvent<{
+    originalEvent: PointerEvent | FocusEvent;
+}>;
+type OpenAutoFocusEvent = CustomEvent<Record<string, never>>;
+type CloseAutoFocusEvent = CustomEvent<Record<string, never>>;
+interface TourProps extends DivProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (step: number) => void;
+    onComplete?: () => void;
+    onSkip?: () => void;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
+    onInteractOutside?: (event: InteractOutsideEvent) => void;
+    onOpenAutoFocus?: (event: OpenAutoFocusEvent) => void;
+    onCloseAutoFocus?: (event: CloseAutoFocusEvent) => void;
+    dir?: Direction;
+    alignOffset?: number;
+    sideOffset?: number;
+    spotlightPadding?: number;
+    autoScroll?: boolean;
+    scrollBehavior?: ScrollBehavior;
+    scrollOffset?: ScrollOffset;
+    dismissible?: boolean;
+    modal?: boolean;
+    stepFooter?: React$1.ReactElement;
+}
+declare function Tour(props: TourProps): react_jsx_runtime.JSX.Element;
+interface TourStepProps extends DivProps {
+    target: string | React$1.RefObject<HTMLElement> | HTMLElement;
+    side?: Side;
+    sideOffset?: number;
+    align?: Align;
+    alignOffset?: number;
+    collisionBoundary?: Boundary | Boundary[];
+    collisionPadding?: number | Partial<Record<Side, number>>;
+    arrowPadding?: number;
+    sticky?: "partial" | "always";
+    hideWhenDetached?: boolean;
+    avoidCollisions?: boolean;
+    required?: boolean;
+    forceMount?: boolean;
+    onStepEnter?: () => void;
+    onStepLeave?: () => void;
+}
+declare function TourStep(props: TourStepProps): react_jsx_runtime.JSX.Element | null;
+interface TourSpotlightProps extends DivProps {
+    forceMount?: boolean;
+}
+declare function TourSpotlight(props: TourSpotlightProps): react_jsx_runtime.JSX.Element | null;
+interface TourSpotlightRingProps extends DivProps {
+    forceMount?: boolean;
+}
+declare function TourSpotlightRing(props: TourSpotlightRingProps): react_jsx_runtime.JSX.Element | null;
+interface TourPortalProps {
+    children?: React$1.ReactNode;
+    container?: HTMLElement | null;
+}
+declare function TourPortal(props: TourPortalProps): React$1.ReactPortal | null;
+interface TourArrowProps extends React$1.ComponentProps<"svg"> {
+    width?: number;
+    height?: number;
+    asChild?: boolean;
+}
+declare function TourArrow(props: TourArrowProps): react_jsx_runtime.JSX.Element;
+declare function TourHeader(props: DivProps): react_jsx_runtime.JSX.Element;
+declare function TourTitle(props: DivProps): react_jsx_runtime.JSX.Element;
+declare function TourDescription(props: DivProps): react_jsx_runtime.JSX.Element;
+interface TourCloseProps extends React$1.ComponentProps<"button"> {
+    asChild?: boolean;
+}
+declare function TourClose(props: TourCloseProps): react_jsx_runtime.JSX.Element;
+declare function TourPrev(props: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function TourNext(props: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function TourSkip(props: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+interface TourStepCounterProps extends DivProps {
+    format?: (current: number, total: number) => string;
+}
+declare function TourStepCounter(props: TourStepCounterProps): react_jsx_runtime.JSX.Element;
+declare function TourFooter(props: DivProps): react_jsx_runtime.JSX.Element;
+
+interface VisuallyHiddenInputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+    control?: HTMLElement | null;
+}
+declare const VisuallyHiddenInput: React$1.ForwardRefExoticComponent<VisuallyHiddenInputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionBar, ActionBarClose, ActionBarGroup, ActionBarItem, type ActionBarProps, ActionBarSelection, ActionBarSeparator, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeOverflow, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxGroup, CheckboxGroupDescription, CheckboxGroupItem, CheckboxGroupLabel, CheckboxGroupList, CheckboxGroupMessage, CircularProgress, CircularProgressCombined, CircularProgressIndicator, type CircularProgressProps, CircularProgressRange, CircularProgressTrack, CircularProgressValueText, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, type ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, ColorSwatch, Combobox, ComboboxAnchor, ComboboxBadgeItem, ComboboxBadgeList, ComboboxCancel, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxLoading, ComboboxSeparator, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CompareSlider, CompareSliderAfter, CompareSliderBefore, CompareSliderHandle, CompareSliderLabel, type CompareSliderProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Cropper, CropperArea, type Area as CropperAreaData, CropperImage, type ObjectFit as CropperObjectFit, type Point as CropperPoint, type CropperProps, type Shape as CropperShape, type Size$2 as CropperSize, CropperVideo, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Editable, EditableArea, EditableCancel, EditableInput, EditableLabel, EditablePreview, type EditableProps, EditableSubmit, EditableToolbar, EditableTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field$1 as Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileUpload, FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, type FileUploadProps, FileUploadTrigger, Gauge, GaugeCombined, GaugeIndicator, GaugeLabel, type GaugeProps, GaugeRange, GaugeTrack, GaugeValueText, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kanban, KanbanBoard, KanbanColumn, KanbanColumnHandle, KanbanItem, KanbanItemHandle, KanbanOverlay, type KanbanProps, Kbd, KbdGroup, KeyValue, KeyValueAdd, KeyValueError, KeyValueItem, type ItemData as KeyValueItemData, KeyValueKeyInput, KeyValueList, type KeyValueProps, KeyValueRemove, KeyValueValueInput, Label, Listbox, ListboxGroup, ListboxGroupLabel, ListboxItem, ListboxItemIndicator, MASK_PATTERNS, MaskInput, type MaskInputProps, type MaskPattern, MediaPlayer, MediaPlayerAudio, MediaPlayerCaptions, MediaPlayerControls, MediaPlayerControlsOverlay, MediaPlayerDownload, MediaPlayerError, MediaPlayerFullscreen, MediaPlayerLoading, MediaPlayerLoop, MediaPlayerPiP, MediaPlayerPlay, MediaPlayerPlaybackSpeed, MediaPlayerPortal, type MediaPlayerProps, MediaPlayerSeek, MediaPlayerSeekBackward, MediaPlayerSeekForward, MediaPlayerSettings, MediaPlayerTime, MediaPlayerTooltip, MediaPlayerVideo, MediaPlayerVolume, MediaPlayerVolumeIndicator, Mention, MentionContent, MentionInput, MentionItem, MentionLabel, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, PhoneInputCountrySelect, PhoneInputField, type PhoneInputProps, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, QRCode, QRCodeCanvas, QRCodeDownload, QRCodeImage, QRCodeOverlay, type QRCodeProps, QRCodeSkeleton, QRCodeSvg, RadioGroup, RadioGroupItem, Rating, RatingItem, RelativeTimeCard, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResponsiveDialog, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHeader, ResponsiveDialogOverlay, ResponsiveDialogPortal, ResponsiveDialogTitle, ResponsiveDialogTrigger, ScrollArea, ScrollBar, ScrollSpy, ScrollSpyLink, ScrollSpyNav, type ScrollSpyProps, ScrollSpySection, ScrollSpyViewport, Scroller, SegmentedInput, SegmentedInputItem, type SegmentedInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, type SortableProps, SpeedDial, SpeedDialAction, SpeedDialContent, SpeedDialItem, SpeedDialLabel, type SpeedDialProps, SpeedDialTrigger, Spinner, Stack, StackItem, type StackProps, Stat, StatDescription, StatIndicator, StatLabel, StatSeparator, StatTrend, StatValue, Status, StatusIndicator, StatusLabel, Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperList, StepperNext, StepperPrev, type StepperProps, StepperSeparator, StepperTitle, StepperTrigger, Swap, SwapOff, SwapOn, type SwapProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TagsInputClear, TagsInputInput, TagsInputItem, TagsInputLabel, TagsInputList, Textarea, TimePicker, TimePickerClear, TimePickerContent, TimePickerHour, TimePickerInput, TimePickerInputGroup, TimePickerLabel, TimePickerMinute, TimePickerPeriod, type TimePickerProps, TimePickerSecond, TimePickerSeparator, TimePickerTrigger, Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineDot, TimelineHeader, TimelineItem, type TimelineProps, TimelineTime, TimelineTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TourArrow, TourClose, TourDescription, TourFooter, TourHeader, TourNext, TourPortal, TourPrev, type TourProps, TourSkip, TourSpotlight, TourSpotlightRing, TourStep, TourStepCounter, TourTitle, VisuallyHiddenInput, applyCurrencyMask, applyMask, applyPercentageMask, badgeVariants, buttonGroupVariants, buttonVariants, fromUnmaskedIndex, getUnmaskedValue, navigationMenuTriggerStyle, statusVariants, tabsListVariants, toUnmaskedIndex, toggleVariants, useCarousel, useStore$b as useColorPicker, useStore$a as useCropper, useDirection, useStore$9 as useEditable, useStore$8 as useFileUpload, useStore$7 as useKeyValueStore, useStore$6 as useMediaPlayerStore, useStore$5 as usePhoneInput, useStore$4 as useQRCode, useStore$3 as useRating, useSidebar, useStore$2 as useStepper, useStore$1 as useSwap, useStore as useTimePicker };