@conscia-labs/design-system 0.4.0 → 1.0.1

package/dist/primitives/index.d.ts

@@ -1,32 +1,56 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { B as Button, C as Card, a as CardContent, b as CardDescription, c as CardHeader, d as CardTitle, I as Input } from '../card-BFUHJgV-.js';
-export { S as Separator, e as buttonVariants } from '../card-BFUHJgV-.js';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
+import { B as Button, C as Card, b as CardContent, c as CardDescription, d as CardFooter, e as CardHeader, h as CardTitle, I as IconButton, j as Input, a as ButtonProps } from '../card-DmBKqvj_.js';
+export { f as CardHeaderProps, g as CardProps, i as IconButtonProps, S as Separator, k as SeparatorProps, l as buttonVariants, m as cardVariants } from '../card-DmBKqvj_.js';
+import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
+import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
+import { Select as Select$1 } from '@base-ui/react/select';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+import { Menu } from '@base-ui/react/menu';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+import { Drawer } from '@base-ui/react/drawer';
+import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
+import { ToastObject } from '@base-ui/react/toast';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
 export { cn } from '../utils/index.js';
-import '@radix-ui/react-separator';
+import '@base-ui/react/use-render';
 import 'clsx';
 
 declare const alertVariants: (props?: ({
     variant?: "default" | "success" | "warning" | "danger" | "information" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+type AlertProps = React.ComponentProps<"div"> & VariantProps<typeof alertVariants>;
+declare function Alert({ children, className, variant, role, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ...props }: AlertProps): React.JSX.Element;
 declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
-declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): React.JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialog$1.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialog$1.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialog$1.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Backdrop>): React.JSX.Element;
+declare function AlertDialogContent({ className, children, ...props }: React.ComponentProps<typeof AlertDialog$1.Popup>): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Description>): React.JSX.Element;
+declare function AlertDialogBody({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogCancel({ ...props }: React.ComponentProps<typeof AlertDialog$1.Close>): React.JSX.Element;
+declare function AlertDialogAction({ ...props }: React.ComponentProps<typeof AlertDialog$1.Close>): React.JSX.Element;
+declare function AlertDialogClose({ ...props }: React.ComponentProps<typeof AlertDialog$1.Close>): React.JSX.Element;
+
+declare function Avatar({ children, className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AvatarImage({ alt, className, onError, onLoad, src, ...props }: React.ComponentProps<"img">): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+
+type AvatarGroupProps = React.ComponentProps<"div"> & {
+    max?: number;
+    size?: "sm" | "default" | "lg";
+    total?: number;
+};
+declare function AvatarGroup({ children, className, max, size, total, ...props }: AvatarGroupProps): React.JSX.Element;
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "neutral" | "success" | "warning" | "danger" | "information" | "accent" | "info" | null | undefined;
@@ -36,35 +60,56 @@ declare function Badge({ className, variant, ...props }: React.ComponentProps<"s
 type BrandIconProps = React.ComponentPropsWithoutRef<"svg">;
 declare function BrandIcon({ "aria-label": ariaLabel, className, ...props }: BrandIconProps): React.JSX.Element;
 
-declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): React.JSX.Element;
+type BrandWordmarkProps = React.ComponentPropsWithoutRef<"svg">;
+declare function BrandWordmark({ "aria-label": ariaLabel, className, ...props }: BrandWordmarkProps): React.JSX.Element;
 
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): React.JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>): React.JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Content>): React.JSX.Element;
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof Checkbox$1.Root>): React.JSX.Element;
 
-declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
-declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
-declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-    size?: "sm" | "default";
+declare function Collapsible({ open: controlledOpen, defaultOpen, onOpenChange, children, ...props }: React.ComponentProps<typeof Collapsible$1.Root>): React.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.Trigger>): React.JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible$1.Panel>): React.JSX.Element;
+
+type SelectProps = Omit<React.ComponentProps<typeof Select$1.Root>, "onValueChange"> & {
+    onValueChange?: (value: string) => void;
+};
+declare function Select({ onValueChange, children, items, ...props }: SelectProps & {
+    children?: React.ReactNode;
+    items?: React.ComponentProps<typeof Select$1.Root>["items"];
 }): React.JSX.Element;
-declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
-declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
-
-declare function Switch({ className, size, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof Select$1.Group>): React.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof Select$1.Value>): React.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof Select$1.Trigger> & {
     size?: "sm" | "default";
 }): React.JSX.Element;
+declare function SelectContent({ className, children, ...props }: React.ComponentProps<typeof Select$1.Popup>): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof Select$1.Item>): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof Select$1.GroupLabel>): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof Select$1.Separator>): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpArrow>): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownArrow>): React.JSX.Element;
+
+type SwitchProps = Omit<React.ComponentProps<typeof Switch$1.Root>, "children"> & {
+    size?: "sm" | "default";
+    /** The text shown in the track when the switch is checked. */
+    onLabel?: React.ReactNode;
+    /** The text shown in the track when the switch is unchecked. */
+    offLabel?: React.ReactNode;
+};
+type LabeledSwitchProps = Omit<SwitchProps, "onLabel" | "offLabel"> & {
+    onLabel?: React.ReactNode;
+    offLabel?: React.ReactNode;
+};
+declare function Switch({ className, size, onLabel, offLabel, ...props }: SwitchProps): React.JSX.Element;
+declare function LabeledSwitch({ onLabel, offLabel, ...props }: LabeledSwitchProps): React.JSX.Element;
 
 declare function Table({ className, ...props }: React.ComponentProps<"table">): React.JSX.Element;
 declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
 declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
 declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
 declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
 declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
 
 declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
 
@@ -73,7 +118,7 @@ declare function Textarea({ className, ...props }: React.ComponentProps<"textare
  * clean primitive names from @conscia-labs/design-system.
  */
 declare const ConsciaButton: typeof Button;
-declare function ConsciaIconButton({ size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare const ConsciaIconButton: typeof IconButton;
 declare const ConsciaCard: typeof Card;
 declare const ConsciaCardContent: typeof CardContent;
 declare const ConsciaCardDescription: typeof CardDescription;
@@ -81,6 +126,7 @@ declare function ConsciaCardHeader({ actionRight, className, children, ...props
     actionRight?: React.ReactNode;
 }): React.JSX.Element;
 declare const ConsciaCardTitle: typeof CardTitle;
+declare const ConsciaCardFooter: typeof CardFooter;
 declare const ConsciaCheckbox: typeof Checkbox;
 declare const ConsciaInput: typeof Input;
 declare const ConsciaSwitch: typeof Switch;
@@ -98,37 +144,42 @@ declare const ConsciaTableHeader: typeof TableHeader;
 declare const ConsciaTableHead: typeof TableHead;
 declare const ConsciaTableRow: typeof TableRow;
 
-declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
-declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
-declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
-declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, size, closeLabel, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+declare function Dialog({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof Dialog$1.Portal>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof Dialog$1.Backdrop>): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, size, closeLabel, ...props }: React.ComponentProps<typeof Dialog$1.Popup> & {
     showCloseButton?: boolean;
     size?: "small" | "default" | "large";
     closeLabel?: string;
 }): React.JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
-declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): React.JSX.Element;
 declare function DialogBody({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>): React.JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof Menu.Root>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof Menu.Group>): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof Menu.SubmenuRoot>): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, children, ...props }: React.ComponentProps<typeof Menu.SubmenuTrigger>): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof Menu.Popup>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof Menu.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, side, align, ...props }: React.ComponentProps<typeof Menu.Popup> & {
+    sideOffset?: number;
+    side?: React.ComponentProps<typeof Menu.Positioner>["side"];
+    align?: React.ComponentProps<typeof Menu.Positioner>["align"];
+}): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof Menu.Item> & {
     inset?: boolean;
     variant?: "default" | "destructive";
 }): React.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+declare function DropdownMenuLinkItem({ className, ...props }: React.ComponentProps<typeof Menu.LinkItem>): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<"div"> & {
     inset?: boolean;
 }): React.JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof Menu.Separator>): React.JSX.Element;
 
 declare function Field({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
@@ -136,6 +187,14 @@ declare function FieldLabel({ className, ...props }: React.ComponentProps<"label
 declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
 declare function FieldError({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
 
+type FilterChipProps = React.ComponentProps<"div"> & {
+    label: React.ReactNode;
+    onRemove?: () => void;
+    removeLabel?: string;
+    value?: React.ReactNode;
+};
+declare function FilterChip({ className, label, onRemove, removeLabel, value, ...props }: FilterChipProps): React.JSX.Element;
+
 type FormSelectOption = {
     value: string;
     label: React.ReactNode;
@@ -160,7 +219,28 @@ type FormSelectProps = {
 declare function FormSelect({ name, id, value, defaultValue, required, disabled, placeholder, options, className, triggerClassName, contentClassName, onValueChange, onClick, "aria-label": ariaLabel, }: FormSelectProps): React.JSX.Element;
 declare const ConsciaFormSelect: typeof FormSelect;
 
-declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
+declare function Label({ className, ...props }: React.ComponentProps<"label">): React.JSX.Element;
+
+type LoadingButtonProps = Omit<ButtonProps, "children"> & {
+    children: React.ReactNode;
+    pending?: boolean;
+    pendingLabel?: React.ReactNode;
+};
+/**
+ * Keeps async actions visually stable and prevents duplicate submissions while
+ * the owning mutation is pending.
+ */
+declare function LoadingButton({ children, pending, pendingLabel, disabled, ...props }: LoadingButtonProps): React.JSX.Element;
+
+declare function Popover({ ...props }: React.ComponentProps<typeof Popover$1.Root>): React.JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof Popover$1.Trigger>): React.JSX.Element;
+declare function PopoverPortal({ ...props }: React.ComponentProps<typeof Popover$1.Portal>): React.JSX.Element;
+declare function PopoverPositioner({ className, ...props }: React.ComponentProps<typeof Popover$1.Positioner>): React.JSX.Element;
+declare function PopoverContent({ className, children, ...props }: React.ComponentProps<typeof Popover$1.Popup>): React.JSX.Element;
+declare function PopoverArrow({ ...props }: React.ComponentProps<typeof Popover$1.Arrow>): React.JSX.Element;
+declare function PopoverTitle({ className, ...props }: React.ComponentProps<typeof Popover$1.Title>): React.JSX.Element;
+declare function PopoverDescription({ className, ...props }: React.ComponentProps<typeof Popover$1.Description>): React.JSX.Element;
+declare function PopoverClose({ ...props }: React.ComponentProps<typeof Popover$1.Close>): React.JSX.Element;
 
 type SearchableSelectOption = {
     value: string;
@@ -185,56 +265,121 @@ type SearchableSelectProps = {
     className?: string;
     "aria-label"?: string;
 };
-declare function SearchableSelect({ id, name, value, options, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, clearable, clearLabel, optionsLabel, className, "aria-label": ariaLabel, }: SearchableSelectProps): React.JSX.Element;
-
-declare function Sheet({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
-declare function SheetTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
-declare function SheetPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
-declare function SheetClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
-declare function SheetOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
-declare const sheetSideClasses: {
-    top: string;
-    right: string;
-    bottom: string;
-    left: string;
-};
-declare function SheetContent({ className, children, side, closeLabel, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
-    side?: keyof typeof sheetSideClasses;
+declare function SearchableSelect({ id, name, value, options, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, clearable, clearLabel, optionsLabel, className, "aria-label": ariaLabel }: SearchableSelectProps): React.JSX.Element;
+
+type SheetSide = "top" | "right" | "bottom" | "left";
+type SheetProps = React.ComponentProps<typeof Drawer.Root> & {
+    /** Sets the panel position and the corresponding swipe-to-dismiss direction. */
+    side?: SheetSide;
+};
+declare function Sheet({ side, swipeDirection, ...props }: SheetProps): React.JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof Drawer.Trigger>): React.JSX.Element;
+declare function SheetPortal({ ...props }: React.ComponentProps<typeof Drawer.Portal>): React.JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof Drawer.Close>): React.JSX.Element;
+declare function SheetOverlay({ className, ...props }: React.ComponentProps<typeof Drawer.Backdrop>): React.JSX.Element;
+declare function SheetContent({ className, children, side: sideProp, closeLabel, ...props }: React.ComponentProps<typeof Drawer.Popup> & {
+    side?: SheetSide;
     closeLabel?: string;
 }): React.JSX.Element;
 declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
-declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
-declare function SheetBody({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof Drawer.Title>): React.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof Drawer.Description>): React.JSX.Element;
+declare function SheetBody({ className, ...props }: React.ComponentProps<typeof Drawer.Content>): React.JSX.Element;
 declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function Skeleton({ "aria-hidden": ariaHidden, className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+
+type SpinnerProps = React.ComponentProps<"span"> & {
+    label?: string;
+    size?: "sm" | "default" | "lg";
+};
+declare function Spinner({ "aria-label": ariaLabel, className, label, size, ...props }: SpinnerProps): React.JSX.Element;
 
 type TabsVariant = "underline" | "segmented";
 type TabsSize = "default" | "compact";
-declare function Tabs({ className, variant, size, ...props }: React.ComponentProps<typeof TabsPrimitive.Root> & {
+declare function Tabs({ className, variant, size, ...props }: React.ComponentProps<typeof Tabs$1.Root> & {
     variant?: TabsVariant;
     size?: TabsSize;
 }): React.JSX.Element;
-declare function TabsList({ className, variant, size, children, ref: externalRef, onScroll, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & {
+declare function TabsList({ className, variant, size, children, ref: externalRef, onScroll, ...props }: React.ComponentProps<typeof Tabs$1.List> & {
     variant?: TabsVariant;
     size?: TabsSize;
 }): React.JSX.Element;
-declare function TabsTrigger({ className, variant, size, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger> & {
+declare function TabsTrigger({ className, variant, size, ...props }: React.ComponentProps<typeof Tabs$1.Tab> & {
     variant?: TabsVariant;
     size?: TabsSize;
 }): React.JSX.Element;
-declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof Tabs$1.Panel>): React.JSX.Element;
 declare function NavigationTabs({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
 declare function NavigationTabsList({ className, ref: externalRef, onScroll, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function NavigationTab({ className, active, asChild, ref: externalRef, ...props }: React.ComponentProps<"a"> & {
+declare function NavigationTab({ className, active, ref: externalRef, ...props }: React.ComponentProps<"a"> & {
     active?: boolean;
-    asChild?: boolean;
 }): React.JSX.Element;
 
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+type ToastVariant = "default" | "error" | "information" | "success" | "warning";
+type ToastPriority = "high" | "low";
+type ToastActionOptions = {
+    label: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+type ToastOptions = {
+    action?: ToastActionOptions;
+    description?: React.ReactNode;
+    id?: string;
+    priority?: ToastPriority;
+    timeout?: number;
+    title: React.ReactNode;
+    variant?: ToastVariant;
+};
+type ToastUpdateOptions = Partial<ToastOptions>;
+type ToastPromiseOptions<Value> = {
+    error: string | ToastOptions | ((error: unknown) => string | ToastOptions);
+    loading: string | ToastOptions;
+    success: string | ToastOptions | ((result: Value) => string | ToastOptions);
+};
+type ToastData = {
+    variant: ToastVariant;
+};
+type ToastProviderProps = {
+    children?: React.ReactNode;
+    limit?: number;
+    timeout?: number;
+};
+type ToastViewportProps = React.ComponentProps<"div"> & {
+    placement?: "bottom-end" | "bottom-start" | "top-end" | "top-start";
+};
+type ToastRecord = ToastObject<ToastData>;
+declare function ToastProvider({ children, limit, timeout }: ToastProviderProps): React.JSX.Element;
+declare function useToast(): {
+    add(options: ToastOptions): string;
+    close(id?: string): void;
+    update(id: string, options: ToastUpdateOptions): void;
+    promise<Value>(promise: Promise<Value>, options: ToastPromiseOptions<Value>): Promise<Value>;
+};
+declare function ToastViewport({ className, placement, ...props }: ToastViewportProps): React.JSX.Element;
+declare function Toast({ children, className, toast, ...props }: React.ComponentProps<"div"> & {
+    toast: ToastRecord;
+}): React.JSX.Element;
+declare function ToastContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ToastTitle({ className, ...props }: React.ComponentProps<"h2">): React.JSX.Element;
+declare function ToastDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function ToastAction({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
+declare function ToastClose({ "aria-label": ariaLabel, children, className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
+
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider> & {
+    delayDuration?: number;
+}): React.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): React.JSX.Element;
+declare function TooltipContent({ className, sideOffset, side, align, children, ...props }: React.ComponentProps<typeof Tooltip$1.Popup> & {
+    sideOffset?: number;
+    side?: React.ComponentProps<typeof Tooltip$1.Positioner>["side"];
+    align?: React.ComponentProps<typeof Tooltip$1.Positioner>["align"];
+}): React.JSX.Element;
+
+type ShortcutHintProps = React.ComponentProps<"kbd"> & {
+    label?: string;
+};
+declare function ShortcutHint({ "aria-label": ariaLabel, children, className, label, ...props }: ShortcutHintProps): React.JSX.Element;
 
-export { Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, BrandIcon, type BrandIconProps, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ConsciaButton, ConsciaCard, ConsciaCardContent, ConsciaCardDescription, ConsciaCardHeader, ConsciaCardTitle, ConsciaCheckbox, ConsciaFormSelect, ConsciaIconButton, ConsciaInput, ConsciaSelect, ConsciaSelectContent, ConsciaSelectGroup, ConsciaSelectItem, ConsciaSelectTrigger, ConsciaSelectValue, ConsciaSwitch, ConsciaTable, ConsciaTableBody, ConsciaTableCell, ConsciaTableHead, ConsciaTableHeader, ConsciaTableRow, ConsciaTextarea, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FormSelect, type FormSelectOption, type FormSelectProps, Input, Label, NavigationTab, NavigationTabs, NavigationTabsList, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, type TabsSize, TabsTrigger, type TabsVariant, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupProps, AvatarImage, Badge, BrandIcon, type BrandIconProps, BrandWordmark, type BrandWordmarkProps, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ConsciaButton, ConsciaCard, ConsciaCardContent, ConsciaCardDescription, ConsciaCardFooter, ConsciaCardHeader, ConsciaCardTitle, ConsciaCheckbox, ConsciaFormSelect, ConsciaIconButton, ConsciaInput, ConsciaSelect, ConsciaSelectContent, ConsciaSelectGroup, ConsciaSelectItem, ConsciaSelectTrigger, ConsciaSelectValue, ConsciaSwitch, ConsciaTable, ConsciaTableBody, ConsciaTableCell, ConsciaTableHead, ConsciaTableHeader, ConsciaTableRow, ConsciaTextarea, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLinkItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FilterChip, type FilterChipProps, FormSelect, type FormSelectOption, type FormSelectProps, IconButton, Input, Label, LabeledSwitch, type LabeledSwitchProps, LoadingButton, type LoadingButtonProps, NavigationTab, NavigationTabs, NavigationTabsList, Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShortcutHint, type ShortcutHintProps, Skeleton, Spinner, type SpinnerProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, type TabsSize, TabsTrigger, type TabsVariant, Textarea, Toast, ToastAction, type ToastActionOptions, ToastClose, ToastContent, ToastDescription, type ToastOptions, type ToastPriority, type ToastPromiseOptions, ToastProvider, type ToastProviderProps, type ToastRecord, ToastTitle, type ToastUpdateOptions, type ToastVariant, ToastViewport, type ToastViewportProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, useToast };