@optiaxiom/react 1.5.11 → 1.6.0

package/dist/esm/packages/react/src/toast/ToastProvider-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-njsZHrcf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DyQdcVOA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1t41z5f'],variants:{position:{bottom:'_1d3u7km','bottom-left':'_1n4nypr','bottom-right':['right-scroll-bar-position','magsf0'],top:'gxw36b','top-left':'lslmp8','top-right':['right-scroll-bar-position','_1ry9ew7']}}});
+var viewport = recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'si4pol'],variants:{position:{bottom:'uupzvw','bottom-left':'_1nfy9mv','bottom-right':['right-scroll-bar-position','_1qyrxhr'],top:'_1p522ld','top-left':'_1fy3gb4','top-right':['right-scroll-bar-position','_8tlmxp']}}});
 
 export { gap, viewport };

package/dist/esm/packages/react/src/toggle-input/ToggleInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvhDwVOk.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CikxaUsf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-KCnQEoQ7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_1meqrri',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1m5k1pz']});
+var toggleInput = recipeRuntime({base:['vmvsop',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1pisma3']});
 
 export { toggleInput };

package/dist/esm/packages/react/src/toggle-input/ToggleInputControl-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvhDwVOk.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CikxaUsf.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Ba3gnCRs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-KCnQEoQ7.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CZ7-b0Xo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_14a9wpv']});
+var control = recipeRuntime({base:['c2p1cg']});
 
 export { control };

package/dist/esm/packages/react/src/toggle-input/ToggleInputHiddenInput-css.js

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvhDwVOk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css';
 
-var className = '_43ao6z';
+var className = '_177w8l5';
 
 export { className };

package/dist/esm/packages/react/src/tooltip/Tooltip.js

@@ -25,7 +25,7 @@ function Tooltip({
       onOpenChange,
       open,
       children: [
-        disabled || empty ? children : /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
         !disabled && !empty && /* @__PURE__ */ jsx(TooltipContent, { maxW: "xs", ...props, children: content })
       ]
     }

package/dist/esm/packages/react/src/tooltip/TooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});

package/dist/esm/packages/react/src/transition/Transition-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-0hsvXkI_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-DKv9Opyw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_11fqzdy',variants:{duration:{sm:'_1bfajz0',md:'cgfh2f',lg:'_1vd39m'}}});
+var transition = recipeRuntime({base:'_10203b9',variants:{duration:{sm:'_1t5xlnv',md:'_1mopslc',lg:'oiftoj'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -1,32 +1,26 @@
-export { Aside } from './packages/react/src/aside/Aside.js';
-export { AsideBody } from './packages/react/src/aside/AsideBody.js';
-export { AsideFooter } from './packages/react/src/aside/AsideFooter.js';
-export { AsideHeader } from './packages/react/src/aside/AsideHeader.js';
-export { Breadcrumb } from './packages/react/src/breadcrumb/Breadcrumb.js';
 export { Calendar } from './packages/react/src/calendar/Calendar.js';
-export { Card } from './packages/react/src/card/Card.js';
-export { CardAction } from './packages/react/src/card/CardAction.js';
-export { CardCheckbox } from './packages/react/src/card/CardCheckbox.js';
-export { CardFooter } from './packages/react/src/card/CardFooter.js';
-export { CardHeader } from './packages/react/src/card/CardHeader.js';
-export { CardImage } from './packages/react/src/card/CardImage.js';
-export { CardLink } from './packages/react/src/card/CardLink.js';
-export { CardPreview } from './packages/react/src/card/CardPreview.js';
 export { Command } from './packages/react/src/command/Command.js';
 export { CommandInput } from './packages/react/src/command/CommandInput.js';
 export { CommandItem } from './packages/react/src/command/CommandItem.js';
 export { CommandListbox } from './packages/react/src/command/CommandListbox.js';
 export { DataTableHeaderCell } from './packages/react/src/data-table/DataTableHeaderCell.js';
+export { DetailsPanel } from './packages/react/src/details-panel/DetailsPanel.js';
+export { DetailsPanelBody } from './packages/react/src/details-panel/DetailsPanelBody.js';
+export { DetailsPanelFooter } from './packages/react/src/details-panel/DetailsPanelFooter.js';
+export { DetailsPanelHeader } from './packages/react/src/details-panel/DetailsPanelHeader.js';
 export { FileUpload } from './packages/react/src/file-upload/FileUpload.js';
 export { FileUploadDropzone } from './packages/react/src/file-upload/FileUploadDropzone.js';
+export { FileUploadTrigger } from './packages/react/src/file-upload/FileUploadTrigger.js';
+export { useFileUploadTrigger } from './packages/react/src/file-upload/useFileUploadTrigger.js';
 export { Highlight } from './packages/react/src/highlight/Highlight.js';
 export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
 export { Layout } from './packages/react/src/layout/Layout.js';
-export { Menu } from './packages/react/src/menu/Menu.js';
-export { MenuContent } from './packages/react/src/menu/MenuContent.js';
-export { MenuTrigger } from './packages/react/src/menu/MenuTrigger.js';
+export { LayoutContent } from './packages/react/src/layout/LayoutContent.js';
 export { Pill } from './packages/react/src/pill/Pill.js';
 export { PillGroup } from './packages/react/src/pill/PillGroup.js';
+export { PillMenu } from './packages/react/src/pill-menu/PillMenu.js';
+export { PillMenuContent } from './packages/react/src/pill-menu/PillMenuContent.js';
+export { PillMenuTrigger } from './packages/react/src/pill-menu/PillMenuTrigger.js';
 export { Sortable } from './packages/react/src/sortable/Sortable.js';
 export { SortableGroup } from './packages/react/src/sortable/SortableGroup.js';
 export { SortableHandle } from './packages/react/src/sortable/SortableHandle.js';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
-import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, c as ExtendProps, A as ActionsContent, C as Checkbox, I as Input, d as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, T as ToggleInputHiddenInput, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot, k as InputControlProps, l as InputRoot } from './Link-6qDl0Vlu.js';
-export { m as CheckboxProps, n as DialogContent, D as DialogContentProps, o as FlexProps, q as InputControl, p as InputProps, r as InputRootProps, s as Link, L as LinkProps, u as ListboxItemized, t as ListboxItemizedProps, G as LonghandProps, v as PopoverTriggerProps, J as TableHeaderCell, H as TableHeaderCellProps, y as mapResponsiveValue, z as normalizeResponsiveValue, x as sprinkles, w as vars } from './Link-6qDl0Vlu.js';
+import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, c as ExtendProps, I as Input, C as Calendar, d as CalendarProps, e as Box, f as ResponsiveArray, P as PopoverContent, g as PopoverContentProps, h as PopoverTrigger, M as ModalListbox, i as ButtonRoot, j as InputControlProps, k as InputRoot } from './MenuTrigger-DvwPuq1e.js';
+export { l as DialogContent, D as DialogContentProps, m as FlexProps, o as InputControl, n as InputProps, p as InputRootProps, q as ListboxItemized, L as ListboxItemizedProps, J as LonghandProps, t as Menu, v as MenuContent, u as MenuContentProps, r as MenuOption, s as MenuProps, x as MenuTrigger, w as MenuTriggerProps, y as PopoverTriggerProps, K as TableHeaderCell, T as TableHeaderCellProps, G as mapResponsiveValue, H as normalizeResponsiveValue, A as sprinkles, z as vars } from './MenuTrigger-DvwPuq1e.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
@@ -10,7 +10,7 @@ export { createToaster, theme, toaster, tokens } from '@optiaxiom/globals';
 import * as RadixToast from '@radix-ui/react-toast';
 import * as RadixPortal from '@radix-ui/react-portal';
 import { Table as Table$1 } from '@tanstack/table-core';
-import * as RadixPopover from '@radix-ui/react-popover';
+import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
@@ -18,7 +18,7 @@ import * as RadixSeparator from '@radix-ui/react-separator';
 import * as _radix_ui_react_dismissable_layer from '@radix-ui/react-dismissable-layer';
 import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
 import * as RadixPopper from '@radix-ui/react-popper';
-import { PopperContent, PopperAnchor } from '@radix-ui/react-popper';
+import { PopperContent } from '@radix-ui/react-popper';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
 import * as RadixTabs from '@radix-ui/react-tabs';
@@ -489,6 +489,288 @@ declare const Banner: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type BreadcrumbProps = BoxProps<"nav", {
+    /**
+     * The items we want to render.
+     */
+    items: Array<{
+        /**
+         * Display content inside the item after the label.
+         */
+        addonAfter?: ReactNode;
+        /**
+         * Handler that is called when an item is selected either via keyboard or mouse.
+         */
+        execute?: () => void;
+        /**
+         * Render a link with the given value as the `href` attribute.
+         */
+        href?: string;
+        /**
+         * The content of the item.
+         */
+        label: string;
+    }>;
+    /**
+     * The maximum number of breadcrumb items to show before truncating.
+     */
+    maxItems?: number;
+}>;
+declare const Breadcrumb: react.ForwardRefExoticComponent<{
+    /**
+     * The items we want to render.
+     */
+    items: Array<{
+        /**
+         * Display content inside the item after the label.
+         */
+        addonAfter?: ReactNode;
+        /**
+         * Handler that is called when an item is selected either via keyboard or mouse.
+         */
+        execute?: () => void;
+        /**
+         * Render a link with the given value as the `href` attribute.
+         */
+        href?: string;
+        /**
+         * The content of the item.
+         */
+        label: string;
+    }>;
+    /**
+     * The maximum number of breadcrumb items to show before truncating.
+     */
+    maxItems?: number;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
+
+type BreadcrumbItem = BreadcrumbProps["items"][number];
+
+type CardProps = BoxProps<"div">;
+declare const Card: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ActionsContent: react.ForwardRefExoticComponent<{
+    visible?: "always" | "if-needed" | undefined;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type CardActionProps = ComponentPropsWithoutRef<typeof ActionsContent>;
+declare const CardAction: react.ForwardRefExoticComponent<Omit<{
+    visible?: "always" | "if-needed" | undefined;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ToggleInputHiddenInput: react.ForwardRefExoticComponent<{
+    /**
+     * Handler that is called when the checked state changes.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>>;
+
+declare const CheckboxContent: react.ForwardRefExoticComponent<{
+    /**
+     * Add secondary text after the label.
+     */
+    description?: ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+
+declare const CheckboxControl: react.ForwardRefExoticComponent<{
+    /**
+     * Display a partially checked icon instead of the regular checkmark.
+     */
+    indeterminate?: boolean;
+    /**
+     * Enable this when control has content beside it and needs to be sized
+     * according to line-height.
+     */
+    shift?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLInputElement>>;
+
+type CheckboxProps = BoxProps<typeof ToggleInputHiddenInput, Pick<ComponentPropsWithoutRef<typeof CheckboxContent>, "description"> & Pick<ComponentPropsWithoutRef<typeof CheckboxControl>, "indeterminate">>;
+declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
+    description?: react.ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+    indeterminate?: boolean;
+    shift?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+
+type CardCheckboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof Checkbox>, "description">;
+declare const CardCheckbox: react.ForwardRefExoticComponent<CardCheckboxProps & react.RefAttributes<HTMLInputElement>>;
+
+type CardFooterProps = BoxProps<"div">;
+declare const CardFooter: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type CardHeaderProps = BoxProps<"div", {
+    /**
+     * Display content inside the header after `children`.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the header before `children`.
+     */
+    addonBefore?: ReactNode;
+    /**
+     * Add secondary text after the primary title.
+     */
+    description?: ReactNode;
+}>;
+declare const CardHeader: react.ForwardRefExoticComponent<{
+    /**
+     * Display content inside the header after `children`.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the header before `children`.
+     */
+    addonBefore?: ReactNode;
+    /**
+     * Add secondary text after the primary title.
+     */
+    description?: ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type CardImageProps = BoxProps<"img">;
+declare const CardImage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLImageElement>>;
+
+declare const link: (props?: {
+    appearance?: "default" | "subtle" | "inverse" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type LinkVariants = RecipeVariants<typeof link>;
+
+type LinkProps = BoxProps<"a", LinkVariants & {
+    /**
+     * Whether to expand and fill up the whole area of the parent which has `position: relative`.
+     */
+    cover?: "inset" | boolean;
+    /**
+     * Whether to show disabled state and disable interactions.
+     */
+    disabled?: boolean;
+    /**
+     * Show an external link icon and sets the correct rel/target attributes.
+     */
+    external?: boolean;
+}>;
+declare const Link: react.ForwardRefExoticComponent<{
+    appearance?: "default" | "subtle" | "inverse" | undefined;
+} & {
+    /**
+     * Whether to expand and fill up the whole area of the parent which has `position: relative`.
+     */
+    cover?: "inset" | boolean;
+    /**
+     * Whether to show disabled state and disable interactions.
+     */
+    disabled?: boolean;
+    /**
+     * Show an external link icon and sets the correct rel/target attributes.
+     */
+    external?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
+
+type CardLinkProps = ComponentPropsWithoutRef<typeof Link>;
+declare const CardLink: react.ForwardRefExoticComponent<Omit<{
+    appearance?: "default" | "subtle" | "inverse" | undefined;
+} & {
+    cover?: "inset" | boolean;
+    disabled?: boolean;
+    external?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
+
+type CardPreviewProps = BoxProps<"div", {
+    /**
+     * Display content in the bottom-left corner of the preview panel.
+     */
+    addonBottomLeft?: ReactNode;
+    /**
+     * Display content in the bottom-right corner of the preview panel.
+     */
+    addonBottomRight?: ReactNode;
+    /**
+     * Display content in the top-left corner of the preview panel.
+     */
+    addonTopLeft?: ReactNode;
+    /**
+     * Display content in the top-right corner of the preview panel.
+     */
+    addonTopRight?: ReactNode;
+}>;
+declare const CardPreview: react.ForwardRefExoticComponent<{
+    /**
+     * Display content in the bottom-left corner of the preview panel.
+     */
+    addonBottomLeft?: ReactNode;
+    /**
+     * Display content in the bottom-right corner of the preview panel.
+     */
+    addonBottomRight?: ReactNode;
+    /**
+     * Display content in the top-left corner of the preview panel.
+     */
+    addonTopLeft?: ReactNode;
+    /**
+     * Display content in the top-right corner of the preview panel.
+     */
+    addonTopRight?: ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
 type CodeProps = BoxProps<"code">;
 declare const Code: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -796,8 +1078,20 @@ declare namespace Popover {
     var displayName: string;
 }
 
-type PopoverAnchorProps = BoxProps<typeof RadixPopper.Anchor>;
-declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+type PopoverAnchorProps = BoxProps<typeof RadixPopper.Anchor, {
+    /**
+     * Use a static virtual ref to anchor the content instead of updating the
+     * position on layout shift/scroll.
+     */
+    staticRef?: RefObject<HTMLElement>;
+}>;
+declare const PopoverAnchor: react.ForwardRefExoticComponent<{
+    /**
+     * Use a static virtual ref to anchor the content instead of updating the
+     * position on layout shift/scroll.
+     */
+    staticRef?: RefObject<HTMLElement>;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<RadixPopper.PopperAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
@@ -1102,7 +1396,7 @@ declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<Omit<
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
     /**
      * Provide a custom date range formatter.
      */
@@ -1313,6 +1607,9 @@ type DropdownMenuProps = {
      */
     open?: boolean;
 };
+/**
+ * @deprecated use {@link Menu} instead
+ */
 declare function DropdownMenu({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
 declare namespace DropdownMenu {
     var displayName: string;
@@ -2215,7 +2512,7 @@ type SelectContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<Compo
 }>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "onPlaced" | "sideOffset" | "sticky" | "updatePositionStrategy">;
 declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
 
-type SelectTriggerProps = ExcludeProps<ButtonProps<typeof PopperAnchor, {
+type SelectTriggerProps = ExcludeProps<ButtonProps<"button", {
     /**
      * The placeholder when there is no value.
      */
@@ -2494,5 +2791,5 @@ declare namespace TransitionGroup {
     var displayName: string;
 }
 
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Button, ButtonGroup, ButtonProps, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, Indicator, Input, InputAddon, InputControlProps, InputRoot, Kbd, LabelMenuButton, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, ModalProvider, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectTrigger, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Table, TableAction, TableBody, TableCell, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge, useModalContext };
-export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, ButtonGroupProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, KbdProps, LabelMenuButtonProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, ListboxLabelProps, ListboxProps, ListboxRadioItemProps, ListboxSeparatorProps, ListboxSwitchItemProps, ModalLayerProps, NavAccountItemProps, NavBodyProps, NavFooterProps, NavGroupContentProps, NavGroupProps, NavGroupTriggerProps, NavHeaderProps, NavItemProps, NavListProps, NavProps, NavSeparatorProps, PaginationProps, PaperProps, PopoverAnchorProps, PopoverProps, ProgressProps, RadioGroupProps, RadioProps, SearchInputProps, SegmentedControlItemProps, SegmentedControlProps, SelectContentProps, SelectProps, SelectTriggerProps, SeparatorProps, SidebarProps, SidebarToggleProps, SkeletonProps, SpinnerProps, SubNavProps, SwitchProps, TableActionProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextProps, TextareaProps, ThemeProviderProps, ToastActionProps, ToastProps, ToastProviderProps$1 as ToastProviderProps, ToastTitleProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Breadcrumb, Button, ButtonGroup, ButtonProps, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, Indicator, Input, InputAddon, InputControlProps, InputRoot, Kbd, LabelMenuButton, Link, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, ModalProvider, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectTrigger, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Table, TableAction, TableBody, TableCell, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge, useModalContext };
+export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, BreadcrumbItem, BreadcrumbProps, ButtonGroupProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CheckboxProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, KbdProps, LabelMenuButtonProps, LinkProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, ListboxLabelProps, ListboxProps, ListboxRadioItemProps, ListboxSeparatorProps, ListboxSwitchItemProps, ModalLayerProps, NavAccountItemProps, NavBodyProps, NavFooterProps, NavGroupContentProps, NavGroupProps, NavGroupTriggerProps, NavHeaderProps, NavItemProps, NavListProps, NavProps, NavSeparatorProps, PaginationProps, PaperProps, PopoverAnchorProps, PopoverProps, ProgressProps, RadioGroupProps, RadioProps, SearchInputProps, SegmentedControlItemProps, SegmentedControlProps, SelectContentProps, SelectProps, SelectTriggerProps, SeparatorProps, SidebarProps, SidebarToggleProps, SkeletonProps, SpinnerProps, SubNavProps, SwitchProps, TableActionProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextProps, TextareaProps, ThemeProviderProps, ToastActionProps, ToastProps, ToastProviderProps$1 as ToastProviderProps, ToastTitleProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };