@aircall/ds 0.14.0 → 0.15.0

package/dist/index.d.ts

@@ -18,7 +18,7 @@ import * as _base_ui_react0 from "@base-ui/react";
 import { Combobox as Combobox$1 } from "@base-ui/react";
 import { Command as Command$1 } from "cmdk";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
-import { ColumnDef, OnChangeFn, Row, RowSelectionState, SortingState } from "@tanstack/react-table";
+import { ColumnDef, ColumnDef as ColumnDef$1, OnChangeFn, OnChangeFn as OnChangeFn$1, Row, RowSelectionState, RowSelectionState as RowSelectionState$1, SortingState, SortingState as SortingState$1 } from "@tanstack/react-table";
 import { ItemInstance } from "@headless-tree/core";
 import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
 import { Radio } from "@base-ui/react/radio";
@@ -38,7 +38,7 @@ import { Switch as Switch$1 } from "@base-ui/react/switch";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
 import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as class_variance_authority_types2 from "class-variance-authority/types";
 import { CountryCode } from "@aircall/numbers";
 
 //#region src/components/accordion.d.ts
@@ -68,7 +68,7 @@ declare const buttonVariants: (props?: ({
   variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
   size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
   block?: boolean | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 interface ButtonProps extends Button$1.Props, VariantProps<typeof buttonVariants> {
   children?: React.ReactNode;
@@ -189,8 +189,8 @@ declare namespace AlertDialogCancel {
 //#endregion
 //#region src/components/alert.d.ts
 declare const alertVariants: (props?: ({
-  variant?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+  variant?: "default" | "info" | "success" | "warning" | "error" | null | undefined;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface AlertProps extends React.ComponentProps<'div'>, VariantProps<typeof alertVariants> {}
 declare namespace Alert {
@@ -249,7 +249,7 @@ declare namespace AvatarGroupCount {
 //#region src/components/counter-badge.d.ts
 declare const counterBadgeVariants: (props?: ({
   variant?: "default" | "secondary" | "ghost" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const CounterBadge: React.ForwardRefExoticComponent<Omit<CounterBadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 type CounterBadgeProps = useRender.ComponentProps<'span'> & VariantProps<typeof counterBadgeVariants>;
 declare namespace CounterBadge {
@@ -261,7 +261,7 @@ declare const badgeVariants: (props?: ({
   size?: "default" | "lg" | null | undefined;
   color?: "blue" | "green" | "pink" | "purple" | "red" | "yellow" | "charcoal" | null | undefined;
   tone?: "dark" | "light" | "medium-dark" | "medium-light" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 type BadgeVariants = VariantProps<typeof badgeVariants>;
 type BadgeColor = NonNullable<BadgeVariants['color']>;
 type BadgeTone = NonNullable<BadgeVariants['tone']>;
@@ -293,7 +293,7 @@ declare namespace BadgeGroup {
 }
 declare const badgeGroupCountVariants: (props?: ({
   size?: "default" | "lg" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const BadgeGroupCount: React.ForwardRefExoticComponent<Omit<BadgeGroupCount.Props, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 declare namespace BadgeGroupCount {
   type Props = Omit<React.ComponentProps<typeof CounterBadge>, 'variant'> & VariantProps<typeof badgeGroupCountVariants>;
@@ -301,9 +301,9 @@ declare namespace BadgeGroupCount {
 //#endregion
 //#region src/components/banner.d.ts
 declare const bannerVariants: (props?: ({
-  variant?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
+  variant?: "default" | "info" | "success" | "warning" | "error" | null | undefined;
   borderDirection?: "bottom" | "top" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const Banner: React.ForwardRefExoticComponent<Omit<BannerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface BannerProps extends React.ComponentProps<'div'>, VariantProps<typeof bannerVariants> {}
 declare namespace Banner {
@@ -384,7 +384,7 @@ declare namespace Separator {
 //#region src/components/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
   orientation?: "horizontal" | "vertical" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface ButtonGroupProps extends React.ComponentProps<'div'>, VariantProps<typeof buttonGroupVariants> {}
 declare namespace ButtonGroup {
@@ -797,7 +797,7 @@ interface DataTableProps<TData> {
    * summary row — the table auto-shows a `<tfoot>` when any column has one, with
    * footer cells aligned under their columns.
    */
-  columns: ColumnDef<TData, unknown>[];
+  columns: ColumnDef$1<TData, unknown>[];
   /** Data array to render. With server-side sorting/pagination, this is the already-prepared page. */
   data: TData[];
   /** Stable row id resolver. Required for selection to persist across data changes. */
@@ -821,9 +821,9 @@ interface DataTableProps<TData> {
    */
   emptyState?: React.ReactNode;
   /** Controlled sorting state. Pass alongside `onSortingChange` to enable sortable headers. */
-  sorting?: SortingState;
+  sorting?: SortingState$1;
   /** Called when the user toggles a sortable header. */
-  onSortingChange?: OnChangeFn<SortingState>;
+  onSortingChange?: OnChangeFn$1<SortingState$1>;
   /**
    * Enables interactive column resizing. Each resizable header gets a drag
    * handle on its right edge; column widths come from each column's `size`
@@ -834,9 +834,9 @@ interface DataTableProps<TData> {
   /** Enables row selection. When truthy, a checkbox column is auto-prepended. */
   enableRowSelection?: boolean | ((row: Row<TData>) => boolean);
   /** Controlled selection state. */
-  rowSelection?: RowSelectionState;
+  rowSelection?: RowSelectionState$1;
   /** Called when selection changes. */
-  onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+  onRowSelectionChange?: OnChangeFn$1<RowSelectionState$1>;
   /** Bar rendered floating at the bottom while there is at least one selected row. */
   actionBar?: React.ReactNode;
   /** Called when the user scrolls near the bottom; use to fetch the next page. */
@@ -1176,7 +1176,7 @@ declare namespace EmptyHeader {
 }
 declare const emptyMediaVariants: (props?: ({
   variant?: "default" | "icon" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const EmptyMedia: React.ForwardRefExoticComponent<Omit<EmptyMediaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface EmptyMediaProps extends React.ComponentProps<'div'>, VariantProps<typeof emptyMediaVariants> {}
 declare namespace EmptyMedia {
@@ -1370,7 +1370,7 @@ declare namespace EmojiPickerContent {
 declare const fabVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "lg" | "icon-lg" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const FAB: React.ForwardRefExoticComponent<Omit<FABProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 interface FABProps extends Button$1.Props, VariantProps<typeof fabVariants> {}
 declare namespace FAB {
@@ -1404,7 +1404,7 @@ declare namespace FieldGroup {
 }
 declare const fieldVariants: (props?: ({
   orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const Field: React.ForwardRefExoticComponent<Omit<FieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface FieldProps extends React.ComponentProps<'div'>, VariantProps<typeof fieldVariants> {}
 declare namespace Field {
@@ -1463,7 +1463,7 @@ declare namespace Gauge {
 //#region src/components/input.d.ts
 declare const inputVariants: (props?: ({
   block?: boolean | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 interface InputProps extends React.ComponentProps<'input'>, VariantProps<typeof inputVariants> {}
 declare namespace Input {
@@ -1478,7 +1478,7 @@ declare namespace InputGroup {
 }
 declare const inputGroupAddonVariants: (props?: ({
   align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const InputGroupAddon: React.ForwardRefExoticComponent<Omit<InputGroupAddonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface InputGroupAddonProps extends React.ComponentProps<'div'>, VariantProps<typeof inputGroupAddonVariants> {}
 declare namespace InputGroupAddon {
@@ -1577,7 +1577,7 @@ declare namespace ItemSeparator {
 declare const itemVariants: (props?: ({
   variant?: "default" | "outline" | "muted" | null | undefined;
   size?: "default" | "sm" | "xs" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const Item: React.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface ItemProps extends useRender.ComponentProps<'div'>, VariantProps<typeof itemVariants> {}
 declare namespace Item {
@@ -1585,7 +1585,7 @@ declare namespace Item {
 }
 declare const itemMediaVariants: (props?: ({
   variant?: "image" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const ItemMedia: React.ForwardRefExoticComponent<Omit<ItemMediaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface ItemMediaProps extends React.ComponentProps<'div'>, VariantProps<typeof itemMediaVariants> {}
 declare namespace ItemMedia {
@@ -1747,7 +1747,7 @@ declare namespace ScrollBar {
 //#region src/components/select.d.ts
 declare const selectTriggerVariants: (props?: ({
   size?: "default" | "sm" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const Select: typeof Select$1.Root;
 declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface SelectGroupProps extends Select$1.Group.Props {}
@@ -1972,7 +1972,7 @@ declare namespace SidebarMenuItem {
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<SidebarMenuButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 type SidebarMenuButtonProps = useRender.ComponentProps<'button'> & React.ComponentProps<'button'> & VariantProps<typeof sidebarMenuButtonVariants> & {
   isActive?: boolean;
@@ -2044,7 +2044,7 @@ declare namespace Toaster {
 //#region src/components/spinner.d.ts
 declare const spinnerVariants: (props?: ({
   size?: "default" | "sm" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const Spinner: React.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
 interface SpinnerProps extends React.ComponentProps<'svg'>, VariantProps<typeof spinnerVariants> {}
 declare namespace Spinner {
@@ -2188,7 +2188,7 @@ declare namespace ThemeProvider {
 declare const toggleVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 interface ToggleProps extends Toggle$1.Props, VariantProps<typeof toggleVariants> {}
 declare namespace Toggle {
@@ -2397,4 +2397,4 @@ declare function useAudioGauge(options?: UseAudioGaugeOptions): UseAudioGaugeRes
 //#region src/lib/utils.d.ts
 declare function cn(...inputs: ClassValue[]): string;
 //#endregion
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionBar, ActionBarButton, ActionBarContext, type ActionBarContextValue, ActionBarHeight, Alert, AlertAction, AlertAction as BannerAction, AlertDescription, AlertDescription as BannerDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTitle as BannerTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BadgeGroup, BadgeGroupCount, Banner, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Chip, ChipRemove, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, type ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CounterBadge, CountryFlag, DataTable, type DataTableLoadingState, DataTree, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBackdrop, DrawerBar, DrawerClose, DrawerContent, DrawerCreateHandle, DrawerDescription, DrawerFooter, DrawerHeader, DrawerMenu, DrawerMenuCheckboxItem, DrawerMenuGroup, DrawerMenuGroupLabel, DrawerMenuItem, DrawerMenuRadioGroup, DrawerMenuRadioItem, DrawerMenuSeparator, DrawerMenuTrigger, DrawerPanel, DrawerPopup, DrawerPortal, DrawerPrimitive, DrawerSwipeArea, DrawerTitle, DrawerTrigger, DrawerViewport, DropdownMenu, DropdownMenuAddon, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneActions, DropzoneContent, DropzoneDescription, type DropzoneErrorCode, DropzoneIcon, DropzoneTitle, DropzoneTrigger, type DsI18nKey, DsI18nProvider, type DsLocale, EmojiPicker, EmojiPickerCategories, type EmojiPickerCategory, EmojiPickerContent, EmojiPickerTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FAB, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type FileError, type FileRejection, Filter, FilterClearAllButton, FilterGroup, Gauge, type I18nLanguageSource, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, List, ListCol, ListRow, type NotificationHandle, type NotificationOptions, type NotificationPriority, type NotificationQueueControls, NotificationQueueProvider, type NotificationRenderProps, NotificationSlot, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SUPPORTED_LANGUAGES, ScrollArea, ScrollAreaPrimitive, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, type SheetOverlay, type SheetPortal, 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, type StepDefinition, Stepper, StepperContent, StepperCounter, StepperPanel, StepperProgress, Switch, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, TreeDragLine, TreeItem, TreeItemLabel, UseAudioGaugeOptions, UseAudioGaugeResult, alertVariants, bannerVariants, buttonGroupVariants, buttonVariants, cn, counterBadgeVariants, detectInitialLanguage, fabVariants, registerI18nNamespace, selectTriggerVariants, spinnerVariants, syncDsLanguage, toast, toggleVariants, useAudioGauge, useComboboxAnchor, useDsTranslation, useNotification, useNotificationQueue, useSidebar, useStepper, useTheme };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionBar, ActionBarButton, ActionBarContext, type ActionBarContextValue, ActionBarHeight, Alert, AlertAction, AlertAction as BannerAction, AlertDescription, AlertDescription as BannerDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTitle as BannerTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BadgeGroup, BadgeGroupCount, Banner, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Chip, ChipRemove, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColumnDef, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, type ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CounterBadge, CountryFlag, DataTable, type DataTableLoadingState, DataTree, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBackdrop, DrawerBar, DrawerClose, DrawerContent, DrawerCreateHandle, DrawerDescription, DrawerFooter, DrawerHeader, DrawerMenu, DrawerMenuCheckboxItem, DrawerMenuGroup, DrawerMenuGroupLabel, DrawerMenuItem, DrawerMenuRadioGroup, DrawerMenuRadioItem, DrawerMenuSeparator, DrawerMenuTrigger, DrawerPanel, DrawerPopup, DrawerPortal, DrawerPrimitive, DrawerSwipeArea, DrawerTitle, DrawerTrigger, DrawerViewport, DropdownMenu, DropdownMenuAddon, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneActions, DropzoneContent, DropzoneDescription, type DropzoneErrorCode, DropzoneIcon, DropzoneTitle, DropzoneTrigger, type DsI18nKey, DsI18nProvider, type DsLocale, EmojiPicker, EmojiPickerCategories, type EmojiPickerCategory, EmojiPickerContent, EmojiPickerTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FAB, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type FileError, type FileRejection, Filter, FilterClearAllButton, FilterGroup, Gauge, type I18nLanguageSource, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, List, ListCol, ListRow, type NotificationHandle, type NotificationOptions, type NotificationPriority, type NotificationQueueControls, NotificationQueueProvider, type NotificationRenderProps, NotificationSlot, type OnChangeFn, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, type RowSelectionState, SUPPORTED_LANGUAGES, ScrollArea, ScrollAreaPrimitive, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, type SheetOverlay, type SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SortingState, Spinner, type StepDefinition, Stepper, StepperContent, StepperCounter, StepperPanel, StepperProgress, Switch, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, TreeDragLine, TreeItem, TreeItemLabel, UseAudioGaugeOptions, UseAudioGaugeResult, alertVariants, bannerVariants, buttonGroupVariants, buttonVariants, cn, counterBadgeVariants, detectInitialLanguage, fabVariants, registerI18nNamespace, selectTriggerVariants, spinnerVariants, syncDsLanguage, toast, toggleVariants, useAudioGauge, useComboboxAnchor, useDsTranslation, useNotification, useNotificationQueue, useSidebar, useStepper, useTheme };

package/dist/index.js

@@ -2431,7 +2431,7 @@ const Table = React.forwardRef((componentProps, forwardRef) => {
 		children: /* @__PURE__ */ jsx("table", {
 			ref: forwardRef,
 			"data-slot": "table",
-			className: cn("w-full caption-bottom text-sm [&_tbody_tr:last-child]:border-b-0", className),
+			className: cn("w-full caption-bottom text-sm text-foreground [&_tbody_tr:last-child]:border-b-0", className),
 			...props
 		})
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aircall/ds",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "type": "module",
   "private": false,
   "sideEffects": [
@@ -17,7 +17,8 @@
     "src/fonts",
     "README.md",
     "AGENTS.consumer.md",
-    "package.json"
+    "package.json",
+    "skills"
   ],
   "exports": {
     ".": {
@@ -81,6 +82,7 @@
     "@storybook/react-vite": "10.3.3",
     "@tailwindcss/cli": "4.1.18",
     "@tailwindcss/postcss": "4.1.18",
+    "@tanstack/intent": "0.1.1",
     "@tanstack/react-table": "8.20.6",
     "@turbo/gen": "2.4.2",
     "@types/node": "24",
@@ -105,6 +107,14 @@
     "vitest": "4.0.17",
     "@aircall/hooks": "0.5.1"
   },
+  "keywords": [
+    "tanstack-intent"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.com/aircall/shared/hydra.git",
+    "directory": "packages/ds"
+  },
   "scripts": {
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
     "build:js": "tsdown --config ./tsdown.config.ts",

package/skills/aircall-ds/migrate-icons/SKILL.md

@@ -0,0 +1,346 @@
+---
+name: aircall-ds/migrate-icons
+description: >
+  Migrate icons from @aircall/icons to @aircall/react-icons — the old→new name map,
+  color/size → Tailwind, custom & brand icons. Works standalone (an icons-only swap)
+  or inside a Tractor migration (also drops Tractor's <Icon> wrapper). Load when a file
+  imports any named icon from @aircall/icons, or Icon from @aircall/tractor.
+type: sub-skill
+library: aircall-ds
+library_version: "0.13.0"
+requires:
+  - aircall-ds/setup
+sources:
+  - "aircall/hydra:docs/migration-guides/tractor-to-ds/06-react-icons.md"
+---
+
+Migrate icons from `@aircall/icons` to `@aircall/react-icons`. This is **independent of
+the Tractor migration** — run it on its own for an icons-only swap, or as part of
+`aircall-ds/migrate-tractor`. The name / color / size mappings below apply whether an
+icon is rendered directly (`<SomeIcon />`) or through Tractor's `<Icon component={…} />`
+wrapper; when it was wrapped in Tractor's `<Icon>`, also remove that wrapper (see §1 and §7).
+
+> **Upgrade `@aircall/react-icons` to `>= 0.4.0` as part of this migration.** `@aircall/ds`
+> itself imports flags (`CountryFlag` → `FlagUs`, …) from it; an older version (≤ 0.3.0)
+> breaks the ds bundle at build time, not just your own icon imports. `pnpm add @aircall/react-icons@latest`.
+
+## 1. What changes
+
+| Tractor part | @aircall/react-icons part |
+| --- | --- |
+| `import { Icon } from '@aircall/tractor'` | _(removed — no wrapper needed)_ |
+| `import { SomeIcon } from '@aircall/icons'` | `import { NewName } from '@aircall/react-icons'` |
+| `<Icon component={SomeIcon} size={N} color="primary.500" />` | `<NewName className="size-N text-primary" />` |
+| `color="…"` (Tractor token) | `text-*` Tailwind class (see color table) |
+| `size={N}` (number) | `size-N` Tailwind class (`size-4`=16px, `size-5`=20px, `size-6`=24px) |
+
+`@aircall/react-icons` re-exports all lucide icons plus a set of Aircall custom icons. Never import from `lucide-react` directly.
+
+## 2. Color mapping
+
+| Tractor `color` value | Tailwind class |
+| --- | --- |
+| `primary.500` | `text-primary` |
+| `critical.500` | `text-destructive` |
+| `success.500` | `text-success` |
+| `warning.500` | `text-warning` |
+| `informative.500` | `text-info` |
+| `text.base` | `text-foreground` |
+| `text.secondary` | `text-muted-foreground` |
+
+## 3. Size mapping
+
+| Tractor `size` | Tailwind class | px |
+| --- | --- | --- |
+| `16` | `size-4` | 16px |
+| `20` | `size-5` | 20px |
+| `24` | `size-6` | 24px |
+
+## 4. Icon name mapping (selected)
+
+This is a representative sample. For the full table consult the icon name tables in the migration guide.
+
+### Phone & Calls
+
+| Old (`@aircall/icons`) | New (`@aircall/react-icons`) | Source |
+| --- | --- | --- |
+| `CallFilled`, `CallOutlined`, `CallCircleFilled` | `Phone` | lucide |
+| `HangUpFilled` | `PhoneDecline` | custom |
+| `HangUpOutlined` | `PhoneOff` | lucide |
+| `MissedInboundFilled` | `PhoneMissed` | lucide |
+| `TransferFilled`, `TransferredOutlined` | `Forward` | lucide |
+| `VoicemailOutlined` | `Voicemail` | lucide |
+| `VoicemailDrop` | `VoicemailDrop` | custom |
+| `RingingFilled`, `CircledPhoneCallingFilled` | `PhoneCall` | lucide |
+| `KeypadFilled`, `KeypadOutlined` | `Keypad` | custom |
+| `ConferenceFilled`, `ConferenceOutlined` | `Conference` | custom |
+
+### Actions
+
+| Old (`@aircall/icons`) | New (`@aircall/react-icons`) | Source |
+| --- | --- | --- |
+| `CloseOutlined`, `CloseCircleFilled` | `X` | lucide |
+| `CheckOutlined`, `TickOutlined` | `Check` | lucide |
+| `SearchOutlined` | `Search` | lucide |
+| `EditFilled`, `EditOutlined` | `Pencil` | lucide |
+| `TrashFilled`, `TrashOutlined` | `Trash2` | lucide |
+| `CopyFilled`, `CopyOutlined` | `Copy` | lucide |
+| `FilterOutlined`, `FilterFilled` | `ListFilter` | lucide |
+| `AddCircleFilled`, `PlusCircleFilled` | `Plus` | lucide |
+
+### Arrows & Navigation
+
+| Old (`@aircall/icons`) | New (`@aircall/react-icons`) | Source |
+| --- | --- | --- |
+| `ChevronDownOutlined`, `ArrowDownFilled` | `ChevronDown` | lucide |
+| `ChevronLeftOutlined` | `ChevronLeft` | lucide |
+| `ChevronRightOutlined`, `ArrowRightFilled` | `ChevronRight` | lucide |
+| `ChevronUpOutlined`, `ArrowUpFilled` | `ChevronUp` | lucide |
+| `SendFilled`, `SendOutlined` | `Send` | lucide |
+| `RefreshOutlined` | `RefreshCw` | lucide |
+
+### Audio & Video
+
+| Old (`@aircall/icons`) | New (`@aircall/react-icons`) | Source |
+| --- | --- | --- |
+| `PlayFilled`, `PlayOutlined` | `Play` | lucide |
+| `PauseFilled`, `PauseOutlined`, `HoldFilled` | `Pause` | lucide |
+| `MicOnFilled`, `MicOnOutlined` | `Mic` | lucide |
+| `MicOffFilled`, `MicOffOutlined` | `MicOff` | lucide |
+| `SoundHighFilled`, `SoundHighOutlined` | `Volume2` | lucide |
+| `HeadsetFilled`, `HeadsetOutlined` | `Headset` | lucide |
+| `ReplayFilled`, `ReplayOutlined` | `Replay` | custom |
+
+### Users & Contacts
+
+| Old (`@aircall/icons`) | New (`@aircall/react-icons`) | Source |
+| --- | --- | --- |
+| `UserFilled`, `UserOutlined` | `UserRound` | lucide |
+| `PeopleFilled`, `PeopleOutlined` | `UsersRound` | lucide |
+| `ContactsFilled`, `ContactsOutlined` | `ContactRound` | lucide |
+| `AssignedFilled`, `AssignedOutlined` | `Assigned` | custom |
+| `CompanyFilled`, `CompanyOutlined` | `Building` | lucide |
+
+### Feedback & Status
+
+| Old (`@aircall/icons`) | New (`@aircall/react-icons`) | Source |
+| --- | --- | --- |
+| `InformationFilled`, `InformationOutlined` | `Info` | lucide |
+| `WarningFilled`, `WarningOutlined` | `AlertTriangle` | lucide |
+| `NotificationOnFilled`, `NotificationOnOutlined` | `Bell` | lucide |
+| `StarOutlined` | `Star` | lucide |
+| `StarFilled` | `StarFilled` | custom |
+
+### Messages & SMS
+
+| Old (`@aircall/icons`) | New (`@aircall/react-icons`) | Source |
+| --- | --- | --- |
+| `MessageFilled`, `SmsInboundFilled` | `MessageSquare` | lucide |
+| `EmailFilled`, `MailOutlined` | `Mail` | lucide |
+| `InboxFilled`, `InboxOutlined` | `Inbox` | lucide |
+| `ChatFilled`, `ChatOutlined` | `MessagesSquare` | lucide |
+
+### System & Settings
+
+| Old (`@aircall/icons`) | New (`@aircall/react-icons`) | Source |
+| --- | --- | --- |
+| `SettingsFilled`, `SettingsOutlined` | `Settings` | lucide |
+| `MenuVerticalFilled`, `MenuVerticalOutlined` | `MoreVertical` | lucide |
+| `MenuHorizontalFilled`, `MenuHorizontalOutlined` | `MoreHorizontal` | lucide |
+| `SpinnerOutlined` | `Loader2` | lucide |
+
+### Analytics & AI
+
+| Old (`@aircall/icons`) | New (`@aircall/react-icons`) | Source |
+| --- | --- | --- |
+| `SparklesFilled`, `LivePromptFilled`, `MagicFilled` | `AiAssist` | custom |
+| `AIAgent`, `VirtualAgentFilled` | `AiAgents` | custom |
+| `MonitoringFilled`, `AnalyticsFilled` | `BarChartBig` | lucide |
+| `ActivityFilled`, `BoltFilled` | `Zap` | lucide |
+
+## 5. Icons with no equivalent
+
+A small number of old icons have no direct mapping. Handle them as noted:
+
+| Old icon | Action |
+| --- | --- |
+| `PlayPauseFilled`, `PlayPauseOutlined` | Use `Play` or `Pause` contextually — no combined equivalent |
+| `Speed100XFilled`, `Speed125XFilled`, `Speed150XFilled`, `Speed200XFilled` | Render as text or a custom badge — no icon equivalent |
+| `AIMessageFilled` | No equivalent — treat as custom SVG until a replacement ships |
+| `OnboardingFilled` | Use `Flag` or `Rocket` as a placeholder; confirm with design |
+
+## 6. Brand / platform icons (not in @aircall/react-icons)
+
+Keep these as separate inline SVGs or local wrappers — they are not in `@aircall/react-icons`:
+
+- **Aircall brand**: `AircallIcon`, `AircallLogo`, `AircallLogoFull`, logo-mark variants
+- **OS / platform**: `AppleFilled`, `AndroidFilled`, `WindowsFilled`, `MacFilled`
+- **Browsers**: `ChromeFilled`, `EdgeFilled`, `FirefoxFilled`
+- **Messaging**: `WhatsappFilled`, `WhatsappOutlined` — use the existing `WhatsAppIcon.tsx` in `packages/aw-ui`
+- **Text badges**: `BetaOutlined` — keep as a custom SVG or badge component
+
+## 7. Before / After examples
+
+### 7a. Basic icon with color and size
+
+**Before (Tractor + @aircall/icons):**
+```tsx
+import { Icon } from '@aircall/tractor';
+import { CallFilled } from '@aircall/icons';
+
+<Icon component={CallFilled} size={24} color="primary.500" />
+```
+
+**After (@aircall/react-icons + Tailwind):**
+```tsx
+import { Phone } from '@aircall/react-icons';
+
+<Phone className="size-6 text-primary" />
+```
+
+### 7b. Icon inside a button (critical color)
+
+**Before (Tractor + @aircall/icons):**
+```tsx
+import { Icon } from '@aircall/tractor';
+import { TrashFilled } from '@aircall/icons';
+import { Button } from '@aircall/tractor';
+
+<Button variant="danger" size="small">
+  <Icon component={TrashFilled} size={16} color="critical.500" />
+  Delete
+</Button>
+```
+
+**After (@aircall/ds + @aircall/react-icons):**
+```tsx
+import { Trash2 } from '@aircall/react-icons';
+import { Button } from '@aircall/ds';
+
+<Button variant="destructive" size="lg">
+  <Trash2 />
+  Delete
+</Button>
+```
+
+> When an icon sits inside a DS `Button`, omit the `size-*` class — the Button's `[&_svg]:size-4` rule sizes it automatically.
+
+### 7c. Icon with muted color (secondary text)
+
+**Before (Tractor + @aircall/icons):**
+```tsx
+import { Icon } from '@aircall/tractor';
+import { ClockFilled } from '@aircall/icons';
+
+<Icon component={ClockFilled} size={20} color="text.secondary" />
+```
+
+**After (@aircall/react-icons + Tailwind):**
+```tsx
+import { Clock } from '@aircall/react-icons';
+
+<Clock className="size-5 text-muted-foreground" />
+```
+
+### 7d. Custom Aircall icon
+
+**Before (Tractor + @aircall/icons):**
+```tsx
+import { Icon } from '@aircall/tractor';
+import { VoicemailDrop } from '@aircall/icons';
+
+<Icon component={VoicemailDrop} size={24} />
+```
+
+**After (@aircall/react-icons):**
+```tsx
+import { VoicemailDrop } from '@aircall/react-icons';
+
+<VoicemailDrop className="size-6" />
+```
+
+> Aircall custom icons are also re-exported from `@aircall/react-icons`. The import source changes but the component name stays the same for custom icons that survived into the new package.
+
+## 8. Common mistakes
+
+### Mistake 1: Keeping the Tractor `<Icon>` wrapper
+
+```tsx
+// WRONG — @aircall/ds has no Icon component; wrapper is unused
+import { Icon } from '@aircall/tractor';
+import { Phone } from '@aircall/react-icons';
+
+<Icon component={Phone} size={24} color="primary.500" />
+
+// CORRECT — use the icon component directly with Tailwind classes
+import { Phone } from '@aircall/react-icons';
+
+<Phone className="size-6 text-primary" />
+```
+
+**Mechanism:** `@aircall/react-icons` exports standard SVG React components. The Tractor `Icon` wrapper was a thin adapter that forwarded `size` and `color` as `width`/`height`/`fill` attributes. Without it, those props are simply ignored — or worse, they pass unknown attributes to the SVG element.
+
+Source: `@aircall/react-icons` re-exports lucide + Aircall icons as plain SVG components with no wrapper.
+
+---
+
+### Mistake 2: Using the old `@aircall/icons` name unchanged
+
+```tsx
+// WRONG — old name does not exist in @aircall/react-icons; TS compile error
+import { CallFilled } from '@aircall/react-icons';
+
+// CORRECT — lucide consolidates filled/outlined variants; use the new name
+import { Phone } from '@aircall/react-icons';
+```
+
+**Mechanism:** `@aircall/react-icons` intentionally consolidates `*Filled`/`*Outlined` variants into a single icon name (e.g. `CallFilled` + `CallOutlined` → `Phone`). The visual distinction (filled vs stroke) is gone by design — lucide icons are all stroke-outlined. Importing the old name compiles to `undefined` and renders nothing.
+
+Source: `@aircall/react-icons` re-exports lucide + Aircall icons; custom icons live in `packages/react-icons/src/generated/custom`.
+
+---
+
+### Mistake 3: Using a `color` or `size` number prop instead of Tailwind classes
+
+```tsx
+// WRONG — color and size number are Tractor Icon props, not valid SVG props
+import { Mic } from '@aircall/react-icons';
+
+<Mic size={24} color="primary.500" />
+
+// CORRECT — use Tailwind utility classes
+import { Mic } from '@aircall/react-icons';
+
+<Mic className="size-6 text-primary" />
+```
+
+**Mechanism:** lucide-react icons accept a `size` prop and a `color` prop via the lucide component API — but `@aircall/react-icons` wraps them in a way that Tailwind classes are the intended styling mechanism. Using Tractor color tokens like `"primary.500"` as a CSS value produces an invalid color string that browsers ignore silently, and the icon renders in the inherited color instead of the intended one.
+
+Source: `@aircall/react-icons` re-exports lucide + Aircall icons; Tailwind design tokens (`text-primary`, `text-destructive`, etc.) are the authoritative color system in `@aircall/ds`.
+
+---
+
+### Mistake 4: Importing icons directly from `lucide-react`
+
+```tsx
+// WRONG — bypasses the Aircall icon layer; icon swaps or overrides won't apply
+import { Phone } from 'lucide-react';
+
+// CORRECT — always route through @aircall/react-icons
+import { Phone } from '@aircall/react-icons';
+```
+
+**Mechanism:** `@aircall/react-icons` is the single source of truth for all icons — it re-exports lucide icons and adds Aircall custom icons. Importing from `lucide-react` directly means any future override, version pin, or custom replacement in `@aircall/react-icons` won't be picked up. It also breaks tree-shaking assumptions and makes it harder to audit icon usage across the codebase.
+
+Source: `@aircall/react-icons` re-exports lucide + Aircall icons as the canonical icon surface for Aircall apps.
+
+## 9. Migration checklist
+
+- [ ] Swap `@aircall/icons` → `@aircall/react-icons` in `package.json`
+- [ ] Remove `import { Icon } from '@aircall/tractor'` — no wrapper needed
+- [ ] Rename icons per the tables above (many `*Filled`/`*Outlined` pairs merge into one name)
+- [ ] Replace `color="…"` with `className="text-*"` using the color table
+- [ ] Replace `size={N}` with `className="size-N"` (or omit when inside a DS `Button`)
+- [ ] Run `pnpm tsc --noEmit` — missing exports surface as TS compile errors
+- [ ] Keep brand/platform icons (Aircall logo, OS, browser, WhatsApp) as separate assets
+- [ ] For icons marked "validate usage", confirm the new shape is visually correct in context