dawn-ui-react 1.0.0-alpha.9 → 1.0.0-beta.2

package/dist/components/layer-tree/layer-tree.types.d.ts

@@ -1,35 +1,107 @@
+import { VariantProps } from 'class-variance-authority';
 import { InputGroup } from '../input-group';
 import { Button } from '../button';
-import { Row, Table as TanstackTable } from '@tanstack/react-table';
-export type LayerTreeDataSet<TData> = {
-    data: TData[];
-};
-export type LayerTreeProps<TData> = React.ComponentProps<'div'> & {
-    table: TanstackTable<TData>;
-    dataSet?: LayerTreeDataSet<TData>;
-    setDataSet?: React.Dispatch<React.SetStateAction<LayerTreeDataSet<TData>>>;
+import { OnChangeFn, Row, RowData, TableFeature, TableFeatures, Updater } from '@tanstack/react-table';
+import { default as React } from 'react';
+declare module '@tanstack/react-table' {
+    interface Plugins {
+        rowLockedFeature: TableFeature;
+        rowVisibilityFeature: TableFeature;
+    }
+    interface TableState_FeatureMap {
+        rowLockedFeature: LayerTreeState_RowLocked;
+        rowVisibilityFeature: LayerTreeState_RowVisibility;
+    }
+    interface TableOptions_FeatureMap<TFeatures extends TableFeatures, TData extends RowData> {
+        rowLockedFeature: LayerTreeOptions_RowLocked<TData>;
+        rowVisibilityFeature: LayerTreeOptions_RowVisibility<TData>;
+    }
+    interface Table_FeatureMap<TFeatures extends TableFeatures, TData extends RowData> {
+        rowLockedFeature: LayerTreeTable_RowLocked;
+        rowVisibilityFeature: LayerTreeTable_RowVisibility;
+    }
+    interface Row_FeatureMap<TFeatures extends TableFeatures, TData extends RowData> {
+        rowLockedFeature: LayerTreeRow_RowLocked;
+        rowVisibilityFeature: LayerTreeRow_RowVisibility;
+    }
+}
+export type LayerTreeProps = React.ComponentProps<'div'> & {
+    onDNDStart?: (event: {
+        nodeId: string;
+    }) => void;
+    onDNDEnd?: (event: {
+        sourceNodeId: string;
+        targetNodeId: string;
+    }) => void;
 };
 export type LayerTreeBodyProps = React.ComponentProps<'div'>;
-export type LayerTreeRowProps<TData> = React.ComponentProps<'div'> & {
-    row: Row<TData>;
-};
-export type LayerTreeNodeToggleProps<TData> = Omit<React.ComponentProps<typeof Button>, 'value' | 'children'> & {
-    value: boolean;
-    columnId: {
-        [K in keyof TData]: TData[K] extends boolean ? K : never;
-    }[keyof TData];
-    rows: Row<TData>[];
-    children: (value: boolean) => React.ReactNode;
+export type LayerTreeRowProps = React.ComponentProps<'div'> & {
+    rowId: string;
 };
-export type LayerTreeNodeProps<TData> = React.ComponentProps<'button'> & {
-    row: Row<TData>;
-    icon?: React.ElementType;
+export type LayerTreeTriggerCellProps = React.ComponentProps<'button'> & {
     dndDisabled?: boolean;
 };
 export type LayerTreeSearchProps = React.ComponentProps<typeof InputGroup> & {
     placeholder?: string;
 };
-export type LayerTreeExpandAllProps = React.ComponentProps<'button'>;
-export type LayerTreeNodeActionProps = React.ComponentProps<'button'>;
+export type LayerTreeExpandAllProps = React.ComponentProps<typeof Button>;
 export type LayerTreeFooterProps = React.ComponentProps<'div'>;
 export type LayerTreeSortProps = React.ComponentProps<'button'>;
+export type LayerTreeIconCellProps = React.ComponentProps<'div'>;
+export type LayerTreeLockedCellProps = React.ComponentProps<typeof Button>;
+export type LayerTreeLockedAllProps = React.ComponentProps<typeof Button>;
+export type LayerTreeVisibilityCellProps = React.ComponentProps<typeof Button>;
+export type LayerTreeVisibilityAllProps = React.ComponentProps<typeof Button>;
+export type LayerTreeTextCellProps = React.ComponentProps<'span'> & VariantProps<typeof layerTreeTextCellVariants>;
+export declare const layerTreeTextCellVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface LayerTreeColumnMeta {
+    fill?: boolean;
+}
+export interface LayerTreeTableMeta {
+    translations?: {
+        buttonLabels?: {
+            ascending?: string;
+            descending?: string;
+        };
+    };
+}
+export type RowVisibilityState = Record<string, boolean>;
+export interface LayerTreeState_RowVisibility {
+    rowVisibility: RowVisibilityState;
+}
+export interface LayerTreeOptions_RowVisibility<TData extends RowData = RowData> {
+    enableRowVisibility?: boolean;
+    onRowVisibilityChange?: OnChangeFn<RowVisibilityState>;
+    getRowVisible?: (row: Row<TableFeatures, TData>) => boolean;
+}
+export interface LayerTreeTable_RowVisibility {
+    setRowVisibility: (updater: Updater<RowVisibilityState>) => void;
+    resetRowVisibility: () => void;
+    toggleAllRowsVisible: (value?: boolean) => void;
+    getIsAllRowsVisible: () => boolean;
+}
+export interface LayerTreeRow_RowVisibility {
+    getIsVisible: () => boolean;
+    toggleVisibility: (value?: boolean) => void;
+}
+export type RowLockedState = Record<string, boolean>;
+export interface LayerTreeState_RowLocked {
+    rowLocked: RowLockedState;
+}
+export interface LayerTreeOptions_RowLocked<TData extends RowData = RowData> {
+    enableRowLocked?: boolean;
+    onRowLockedChange?: OnChangeFn<RowLockedState>;
+    getRowLocked?: (row: Row<TableFeatures, TData>) => boolean;
+}
+export interface LayerTreeTable_RowLocked {
+    setRowLocked: (updater: Updater<RowLockedState>) => void;
+    resetRowLocked: () => void;
+    toggleAllRowsLocked: (value?: boolean) => void;
+    getIsAllRowsLocked: () => boolean;
+}
+export interface LayerTreeRow_RowLocked {
+    getIsLocked: () => boolean;
+    toggleLocked: (value?: boolean) => void;
+}

package/dist/components/menu/menu-checkbox-item.d.ts

@@ -1,2 +1,2 @@
 import { MenuCheckboxItemProps } from './menu.types';
-export declare const MenuCheckboxItem: ({ className, children, ref, ...props }: MenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuCheckboxItem: ({ className, children, ref, ...props }: MenuCheckboxItemProps) => import("react").JSX.Element;

package/dist/components/menu/menu-group-label.d.ts

@@ -1,2 +1,2 @@
 import { MenuGroupLabelProps } from './menu.types';
-export declare const MenuGroupLabel: ({ className, children, ref, ...props }: MenuGroupLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuGroupLabel: ({ className, children, ref, ...props }: MenuGroupLabelProps) => import("react").JSX.Element;

package/dist/components/menu/menu-group.d.ts

@@ -1,2 +1,2 @@
 import { MenuGroupProps } from './menu.types';
-export declare const MenuGroup: ({ className, children, ref, ...props }: MenuGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuGroup: ({ className, children, ref, ...props }: MenuGroupProps) => import("react").JSX.Element;

package/dist/components/menu/menu-item.d.ts

@@ -1,2 +1,2 @@
 import { MenuItemProps } from './menu.types';
-export declare const MenuItem: ({ tone, className, children, ref, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ tone, className, children, ref, ...props }: MenuItemProps) => import("react").JSX.Element;

package/dist/components/menu/menu-popup.d.ts

@@ -1,2 +1,2 @@
 import { MenuPopupProps } from './menu.types';
-export declare const MenuPopup: ({ className, children, ref, ...props }: MenuPopupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuPopup: ({ className, children, ref, ...props }: MenuPopupProps) => import("react").JSX.Element;

package/dist/components/menu/menu-radio-group.d.ts

@@ -1,2 +1,2 @@
 import { MenuRadioGroupProps } from './menu.types';
-export declare const MenuRadioGroup: ({ className, children, ref, ...props }: MenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuRadioGroup: ({ className, children, ref, ...props }: MenuRadioGroupProps) => import("react").JSX.Element;

package/dist/components/menu/menu-radio-item.d.ts

@@ -1,2 +1,2 @@
 import { MenuRadioItemProps } from './menu.types';
-export declare const MenuRadioItem: ({ className, children, ref, ...props }: MenuRadioItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuRadioItem: ({ className, children, ref, ...props }: MenuRadioItemProps) => import("react").JSX.Element;

package/dist/components/menu/menu-separator.d.ts

@@ -1,2 +1,2 @@
 import { MenuSeparatorProps } from './menu.types';
-export declare const MenuSeparator: ({ className, ref, ...props }: MenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuSeparator: ({ className, ref, ...props }: MenuSeparatorProps) => import("react").JSX.Element;

package/dist/components/menu/menu-shortcut.d.ts

@@ -1,2 +1,2 @@
 import { MenuShortcutProps } from './menu.types';
-export declare const MenuShortcut: ({ className, children, ref, ...props }: MenuShortcutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuShortcut: ({ className, children, ref, ...props }: MenuShortcutProps) => import("react").JSX.Element;

package/dist/components/menu/menu-submenu-trigger.d.ts

@@ -1,2 +1,2 @@
 import { MenuSubmenuTriggerProps } from './menu.types';
-export declare const MenuSubmenuTrigger: ({ tone, className, children, ref, ...props }: MenuSubmenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuSubmenuTrigger: ({ tone, className, children, ref, ...props }: MenuSubmenuTriggerProps) => import("react").JSX.Element;

package/dist/components/menu/menu-submenu.d.ts

@@ -1,2 +1,2 @@
 import { MenuSubmenuProps } from './menu.types';
-export declare const MenuSubmenu: ({ children, ...props }: MenuSubmenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuSubmenu: ({ children, ...props }: MenuSubmenuProps) => import("react").JSX.Element;

package/dist/components/menu/menu-trigger.d.ts

@@ -1,2 +1,2 @@
 import { MenuTriggerProps } from './menu.types';
-export declare const MenuTrigger: ({ className, children, ref, ...props }: MenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuTrigger: ({ className, children, ref, ...props }: MenuTriggerProps) => import("react").JSX.Element;

package/dist/components/menu/menu.d.ts

@@ -1,2 +1,2 @@
 import { MenuProps } from './menu.types';
-export declare const Menu: ({ children, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ children, ...props }: MenuProps) => import("react").JSX.Element;

package/dist/components/meter/meter-footer.d.ts

@@ -1,2 +1,2 @@
 import { MeterFooterProps } from './meter.types';
-export declare const MeterFooter: ({ className, children, ref, ...props }: MeterFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterFooter: ({ className, children, ref, ...props }: MeterFooterProps) => import("react").JSX.Element;

package/dist/components/meter/meter-header.d.ts

@@ -1,2 +1,2 @@
 import { MeterHeaderProps } from './meter.types';
-export declare const MeterHeader: ({ className, children, ref, ...props }: MeterHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterHeader: ({ className, children, ref, ...props }: MeterHeaderProps) => import("react").JSX.Element;

package/dist/components/meter/meter-indicator.d.ts

@@ -1,2 +1,2 @@
 import { MeterIndicatorProps } from './meter.types';
-export declare const MeterIndicator: ({ className, children, ref, ...props }: MeterIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterIndicator: ({ className, children, ref, ...props }: MeterIndicatorProps) => import("react").JSX.Element;

package/dist/components/meter/meter-label.d.ts

@@ -1,2 +1,2 @@
 import { MeterLabelProps } from './meter.types';
-export declare const MeterLabel: ({ className, children, ref, ...props }: MeterLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterLabel: ({ className, children, ref, ...props }: MeterLabelProps) => import("react").JSX.Element;

package/dist/components/meter/meter-subtitle.d.ts

@@ -1,2 +1,2 @@
 import { MeterSubtitleProps } from './meter.types';
-export declare const MeterSubtitle: ({ className, children, ref, ...props }: MeterSubtitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterSubtitle: ({ className, children, ref, ...props }: MeterSubtitleProps) => import("react").JSX.Element;

package/dist/components/meter/meter-track.d.ts

@@ -1,2 +1,2 @@
 import { MeterTrackProps } from './meter.types';
-export declare const MeterTrack: ({ className, children, ref, ...props }: MeterTrackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterTrack: ({ className, children, ref, ...props }: MeterTrackProps) => import("react").JSX.Element;

package/dist/components/meter/meter-value.d.ts

@@ -1,2 +1,2 @@
 import { MeterValueProps } from './meter.types';
-export declare const MeterValue: ({ className, ref, ...props }: MeterValueProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeterValue: ({ className, ref, ...props }: MeterValueProps) => import("react").JSX.Element;

package/dist/components/meter/meter.d.ts

@@ -1,2 +1,2 @@
 import { MeterProps } from './meter.types';
-export declare const Meter: ({ orientation, size, tone, className, children, ref, ...props }: MeterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Meter: ({ orientation, size, tone, className, children, ref, ...props }: MeterProps) => import("react").JSX.Element;

package/dist/components/nav-bar/index.d.ts

@@ -0,0 +1,5 @@
+export type { NavBarProps, NavBarItemIconProps, NavBarItemProps, NavBarItemLabelProps, } from './nav-bar.types';
+export { NavBar } from './nav-bar';
+export { NavBarItem } from './nav-bar-item';
+export { NavBarItemIcon } from './nav-bar-item-icon';
+export { NavBarItemLabel } from './nav-bar-item-label';

package/dist/components/nav-bar/nav-bar-item-icon.d.ts

@@ -0,0 +1,2 @@
+import { NavBarItemIconProps } from './nav-bar.types';
+export declare const NavBarItemIcon: ({ className, children, ref, ...props }: NavBarItemIconProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar-item-label.d.ts

@@ -0,0 +1,2 @@
+import { NavBarItemLabelProps } from './nav-bar.types';
+export declare const NavBarItemLabel: ({ className, children, ref, ...props }: NavBarItemLabelProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar-item.d.ts

@@ -0,0 +1,2 @@
+import { NavBarItemProps } from './nav-bar.types';
+export declare const NavBarItem: ({ isActive, tone, className, children, ref, ...props }: NavBarItemProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar.d.ts

@@ -0,0 +1,2 @@
+import { NavBarProps } from './nav-bar.types';
+export declare const NavBar: ({ itemOrientation, size, variant, className, children, ref, ...props }: NavBarProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar.types.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+export type NavBarProps = React.ComponentProps<'div'> & VariantProps<typeof navBarVariants>;
+export type NavBarItemProps = React.ComponentProps<'button'> & VariantProps<typeof navBarItemVariants> & {
+    isActive?: boolean;
+};
+export type NavBarItemIconProps = React.ComponentProps<'div'>;
+export type NavBarItemLabelProps = React.ComponentProps<'span'>;
+export declare const navBarVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+    itemOrientation?: "horizontal" | "vertical" | null | undefined;
+    variant?: "outline" | "floating" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const navBarItemVariants: (props?: ({
+    tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/navigation-menu/index.d.ts

@@ -0,0 +1,9 @@
+export type { NavigationMenuContentProps, NavigationMenuIconProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuPopupProps, NavigationMenuProps, NavigationMenuTriggerProps, } from './navigation-menu.types';
+export { NavigationMenu } from './navigation-menu';
+export { NavigationMenuContent } from './navigation-menu-content';
+export { NavigationMenuIcon } from './navigation-menu-icon';
+export { NavigationMenuItem } from './navigation-menu-item';
+export { NavigationMenuLink } from './navigation-menu-link';
+export { NavigationMenuList } from './navigation-menu-list';
+export { NavigationMenuPopup } from './navigation-menu-popup';
+export { NavigationMenuTrigger } from './navigation-menu-trigger';

package/dist/components/navigation-menu/navigation-menu-content.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuContentProps } from './navigation-menu.types';
+export declare const NavigationMenuContent: ({ className, children, ref, ...props }: NavigationMenuContentProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-icon.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuIconProps } from './navigation-menu.types';
+export declare const NavigationMenuIcon: ({ className, children, ref, ...props }: NavigationMenuIconProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-item.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuItemProps } from './navigation-menu.types';
+export declare const NavigationMenuItem: ({ className, children, ref, ...props }: NavigationMenuItemProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-link.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuLinkProps } from './navigation-menu.types';
+export declare const NavigationMenuLink: ({ tone, className, children, ref, ...props }: NavigationMenuLinkProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-list.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuListProps } from './navigation-menu.types';
+export declare const NavigationMenuList: ({ className, children, ref, ...props }: NavigationMenuListProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-popup.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuPopupProps } from './navigation-menu.types';
+export declare const NavigationMenuPopup: ({ className, children, ref, ...props }: NavigationMenuPopupProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu-trigger.d.ts

@@ -0,0 +1,6 @@
+import { NavigationMenuTriggerProps } from './navigation-menu.types';
+export declare const navigationMenuTriggerVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+    tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const NavigationMenuTrigger: ({ size, tone, className, children, ref, ...props }: NavigationMenuTriggerProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenuProps } from './navigation-menu.types';
+export declare const NavigationMenu: ({ className, children, ref, ...props }: NavigationMenuProps) => import("react").JSX.Element;

package/dist/components/navigation-menu/navigation-menu.types.d.ts

@@ -0,0 +1,16 @@
+import { NavigationMenu } from '@base-ui/react';
+import { VariantProps } from 'class-variance-authority';
+import { navigationMenuTriggerVariants } from './navigation-menu-trigger';
+export type NavigationMenuProps = React.ComponentProps<typeof NavigationMenu.Root>;
+export type NavigationMenuListProps = React.ComponentProps<typeof NavigationMenu.List>;
+export type NavigationMenuItemProps = React.ComponentProps<typeof NavigationMenu.Item>;
+export type NavigationMenuTriggerProps = React.ComponentProps<typeof NavigationMenu.Trigger> & VariantProps<typeof navigationMenuTriggerVariants> & {
+    isActive?: boolean;
+};
+export type NavigationMenuIconProps = React.ComponentProps<typeof NavigationMenu.Icon>;
+export type NavigationMenuContentProps = React.ComponentProps<typeof NavigationMenu.Content>;
+export type NavigationMenuPopupProps = React.ComponentProps<typeof NavigationMenu.Positioner>;
+export declare const navigationMenuLinkVariants: (props?: ({
+    tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type NavigationMenuLinkProps = VariantProps<typeof navigationMenuLinkVariants> & React.ComponentProps<'div'>;

package/dist/components/number-field/number-field.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { NumberFieldTypesProps } from './number-field.types';
-export declare const NumberField: ({ label, size, className, ref, ...props }: NumberFieldTypesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NumberField: ({ size, variant, children, label, disableInput, className, ref, ...props }: NumberFieldTypesProps) => React.JSX.Element;

package/dist/components/number-field/number-field.types.d.ts

@@ -2,7 +2,9 @@ import { NumberField as BaseNumberField } from '@base-ui/react/number-field';
 import { VariantProps } from 'class-variance-authority';
 export declare const numberFieldVariants: (props?: ({
     size?: "small" | "large" | "medium" | null | undefined;
+    variant?: "ghost" | "primary" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type NumberFieldTypesProps = React.ComponentProps<typeof BaseNumberField.Root> & VariantProps<typeof numberFieldVariants> & {
     label?: string;
+    disableInput?: boolean;
 };

package/dist/components/popover/popover-button.d.ts

@@ -1,2 +1,2 @@
 import { PopoverButtonProps } from './popover.types';
-export declare const PopoverButton: ({ variant, tone, className, children, ref, ...props }: PopoverButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverButton: ({ variant, tone, className, children, ref, ...props }: PopoverButtonProps) => import("react").JSX.Element;

package/dist/components/popover/popover-content.d.ts

@@ -1,2 +1,2 @@
 import { PopoverContentProps } from './popover.types';
-export declare const PopoverContent: ({ className, children, ref, ...props }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverContent: ({ className, children, ref, ...props }: PopoverContentProps) => import("react").JSX.Element;

package/dist/components/popover/popover-description.d.ts

@@ -1,2 +1,2 @@
 import { PopoverDescriptionProps } from './popover.types';
-export declare const PopoverDescription: ({ className, ref, children, ...props }: PopoverDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverDescription: ({ className, ref, children, ...props }: PopoverDescriptionProps) => import("react").JSX.Element;

package/dist/components/popover/popover-header.d.ts

@@ -1,2 +1,2 @@
 import { PopoverHeaderProps } from './popover.types';
-export declare const PopoverHeader: ({ className, children, ref, ...props }: PopoverHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverHeader: ({ className, children, ref, ...props }: PopoverHeaderProps) => import("react").JSX.Element;

package/dist/components/popover/popover-panel.d.ts

@@ -1,2 +1,2 @@
 import { PopoverPanelProps } from './popover.types';
-export declare const PopoverPanel: ({ className, ref, children, ...props }: PopoverPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverPanel: ({ className, ref, children, ...props }: PopoverPanelProps) => import("react").JSX.Element;

package/dist/components/popover/popover-title.d.ts

@@ -1,2 +1,2 @@
 import { PopoverTitleProps } from './popover.types';
-export declare const PopoverTitle: ({ className, ref, children, ...props }: PopoverTitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverTitle: ({ className, ref, children, ...props }: PopoverTitleProps) => import("react").JSX.Element;

package/dist/components/popover/popover-trigger.d.ts

@@ -1,2 +1,2 @@
 import { PopoverTriggerProps } from './popover.types';
-export declare const PopoverTrigger: ({ className, ref, children, ...props }: PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverTrigger: ({ className, ref, children, ...props }: PopoverTriggerProps) => import("react").JSX.Element;

package/dist/components/popover/popover.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from './popover.types';
-export declare const Popover: ({ children, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Popover: ({ children, ...props }: PopoverProps) => import("react").JSX.Element;

package/dist/components/preview-card/index.d.ts

@@ -0,0 +1,4 @@
+export type { PreviewCardPopupProps, PreviewCardProps, PreviewCardTriggerProps, } from './preview-card.types';
+export { PreviewCard } from './preview-card';
+export { PreviewCardPopup } from './preview-card-popup';
+export { PreviewCardTrigger } from './preview-card-trigger';

package/dist/components/preview-card/preview-card-popup.d.ts

@@ -0,0 +1,2 @@
+import { PreviewCardPopupProps } from './preview-card.types';
+export declare const PreviewCardPopup: ({ className, children, ref, ...props }: PreviewCardPopupProps) => import("react").JSX.Element;

package/dist/components/preview-card/preview-card-trigger.d.ts

@@ -0,0 +1,2 @@
+import { PreviewCardTriggerProps } from './preview-card.types';
+export declare const PreviewCardTrigger: ({ className, children, ref, ...props }: PreviewCardTriggerProps) => import("react").JSX.Element;

package/dist/components/preview-card/preview-card.d.ts

@@ -0,0 +1,2 @@
+import { PreviewCardProps } from './preview-card.types';
+export declare const PreviewCard: ({ children, ...props }: PreviewCardProps) => import("react").JSX.Element;

package/dist/components/preview-card/preview-card.types.d.ts

@@ -0,0 +1,4 @@
+import { PreviewCard } from '@base-ui/react';
+export type PreviewCardProps = React.ComponentProps<typeof PreviewCard.Root>;
+export type PreviewCardTriggerProps = React.ComponentProps<typeof PreviewCard.Trigger>;
+export type PreviewCardPopupProps = React.ComponentProps<typeof PreviewCard.Positioner>;

package/dist/components/profile/profile-action.d.ts

@@ -1,2 +1,2 @@
 import { ProfileActionProps } from './profile.types';
-export declare const ProfileAction: ({ className, children, ref, ...props }: ProfileActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileAction: ({ className, children, ref, ...props }: ProfileActionProps) => import("react").JSX.Element;

package/dist/components/profile/profile-content.d.ts

@@ -1,2 +1,2 @@
 import { ProfileContentProps } from './profile.types';
-export declare const ProfileContent: ({ compact, className, children, ref, ...props }: ProfileContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileContent: ({ compact, className, children, ref, ...props }: ProfileContentProps) => import("react").JSX.Element;

package/dist/components/profile/profile-name.d.ts

@@ -1,2 +1,2 @@
 import { ProfileNameProps } from './profile.types';
-export declare const ProfileName: ({ className, children, ref, ...props }: ProfileNameProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileName: ({ className, children, ref, ...props }: ProfileNameProps) => import("react").JSX.Element;

package/dist/components/profile/profile-subname.d.ts

@@ -1,2 +1,2 @@
 import { ProfileSubnameProps } from './profile.types';
-export declare const ProfileSubname: ({ className, children, ref, ...props }: ProfileSubnameProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileSubname: ({ className, children, ref, ...props }: ProfileSubnameProps) => import("react").JSX.Element;

package/dist/components/profile/profile.d.ts

@@ -1,2 +1,2 @@
 import { ProfileProps } from './profile.types';
-export declare const Profile: ({ className, children, ref, ...props }: ProfileProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Profile: ({ className, children, ref, ...props }: ProfileProps) => import("react").JSX.Element;

package/dist/components/progress/progress-bar.d.ts

@@ -1,2 +1,2 @@
 import { ProgressBarProps } from './progress.types';
-export declare const ProgressBar: ({ className, children, ref, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ className, children, ref, ...props }: ProgressBarProps) => import("react").JSX.Element;

package/dist/components/progress/progress-indicator.d.ts

@@ -1,2 +1,2 @@
 import { ProgressIndicatorProps } from './progress.types';
-export declare const ProgressIndicator: ({ title, description, className, children, ref, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressIndicator: ({ title, description, className, children, ref, ...props }: ProgressIndicatorProps) => import("react").JSX.Element;

package/dist/components/progress/progress.d.ts

@@ -1,2 +1,2 @@
 import { ProgressProps } from './progress.types';
-export declare const Progress: ({ currentIndex, className, children, ref, ...props }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Progress: ({ currentIndex, className, children, ref, ...props }: ProgressProps) => import("react").JSX.Element;

package/dist/components/radar-ping/radar-ping.d.ts

@@ -1,2 +1,2 @@
 import { RadarPingProps } from './radar-ping.types';
-export declare const RadarPing: ({ hidePing, tone, size, className, children, ref, ...props }: RadarPingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadarPing: ({ hidePing, tone, size, className, children, ref, ...props }: RadarPingProps) => import("react").JSX.Element;

package/dist/components/radio-group/radio-group.d.ts

@@ -1,2 +1,3 @@
 import { RadioGroupProps } from './radio-group.types';
-export declare const RadioGroup: ({ className, children, ref, ...props }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare const RadioGroup: ({ className, children, ref, ...props }: RadioGroupProps) => React.JSX.Element;

package/dist/components/radio-group/radio.d.ts

@@ -1,2 +1,2 @@
 import { RadioProps } from './radio-group.types';
-export declare const Radio: ({ variant, className, children, ref, ...props }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Radio: ({ variant, className, children, ref, ...props }: RadioProps) => import("react").JSX.Element;

package/dist/components/resizeable/resizeable-handle.d.ts

@@ -1,2 +1,2 @@
 import { ResizeableHandleProps } from './resizeable.types';
-export declare const ResizeableHandle: ({ withHandle, className, ...props }: ResizeableHandleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResizeableHandle: ({ withHandle, className, ...props }: ResizeableHandleProps) => import("react").JSX.Element;

package/dist/components/resizeable/resizeable-panel-group.d.ts

@@ -1,2 +1,2 @@
 import { ResizeablePanelGroupProps } from './resizeable.types';
-export declare const ResizeablePanelGroup: ({ className, ...props }: ResizeablePanelGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResizeablePanelGroup: ({ className, ...props }: ResizeablePanelGroupProps) => import("react").JSX.Element;

package/dist/components/resizeable/resizeable-panel.d.ts

@@ -1,2 +1,2 @@
 import { ResizeablePanelProps } from './resizeable.types';
-export declare const ResizeablePanel: ({ className, ...props }: ResizeablePanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResizeablePanel: ({ className, ...props }: ResizeablePanelProps) => import("react").JSX.Element;

package/dist/components/scroll-area/scroll-area.d.ts

@@ -1,2 +1,2 @@
 import { ScrollAreaProps } from './scroll-area.types';
-export declare const ScrollArea: ({ orientation, defaultHeight, className, children, ref, ...props }: ScrollAreaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollArea: ({ defaultHeight, orientation, variant, className, children, ref, ...props }: ScrollAreaProps) => import("react").JSX.Element;

package/dist/components/scroll-area/scroll-area.types.d.ts

@@ -1,6 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
 import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';
 import { ComponentProps } from 'react';
-export type ScrollAreaProps = ComponentProps<typeof BaseScrollArea.Root> & {
-    orientation?: 'horizontal' | 'vertical';
+export declare const scrollAreaVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    variant?: "ghost" | "outline" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ScrollAreaProps = ComponentProps<typeof BaseScrollArea.Root> & VariantProps<typeof scrollAreaVariants> & {
     defaultHeight?: number;
 };

package/dist/components/select/index.d.ts

@@ -8,3 +8,5 @@ export { SelectTrigger } from './select-trigger';
 export { SelectValue } from './select-value';
 export { SelectGroup } from './select-group';
 export { SelectGroupLabel } from './select-group-label';
+export { SelectDescription } from './select-description';
+export { SelectTitle } from './select-title';

package/dist/components/select/select-description.d.ts

@@ -0,0 +1,2 @@
+import { SelectDescriptionProps } from './select.types';
+export declare const SelectDescription: ({ className, children, ref, ...props }: SelectDescriptionProps) => import("react").JSX.Element;

package/dist/components/select/select-group-label.d.ts

@@ -1,2 +1,2 @@
 import { SelectGroupLabelProps } from './select.types';
-export declare const SelectGroupLabel: ({ className, children, ref, ...props }: SelectGroupLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectGroupLabel: ({ className, children, ref, ...props }: SelectGroupLabelProps) => import("react").JSX.Element;

package/dist/components/select/select-group.d.ts

@@ -1,2 +1,2 @@
 import { SelectGroupProps } from './select.types';
-export declare const SelectGroup: ({ className, children, ref, ...props }: SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectGroup: ({ className, children, ref, ...props }: SelectGroupProps) => import("react").JSX.Element;

package/dist/components/select/select-icon.d.ts

@@ -1,2 +1,2 @@
 import { SelectIconProps } from './select.types';
-export declare const SelectIcon: ({ className, children, ref, ...props }: SelectIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectIcon: ({ className, children, ref, ...props }: SelectIconProps) => import("react").JSX.Element;

package/dist/components/select/select-item.d.ts

@@ -1,2 +1,2 @@
 import { SelectItemProps } from './select.types';
-export declare const SelectItem: ({ className, children, ref, ...props }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectItem: ({ className, children, ref, ...props }: SelectItemProps) => import("react").JSX.Element;

package/dist/components/select/select-list.d.ts

@@ -1,2 +1,2 @@
 import { SelectListProps } from './select.types';
-export declare const SelectList: ({ className, children, ref, ...props }: SelectListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectList: ({ className, children, ref, ...props }: SelectListProps) => import("react").JSX.Element;

package/dist/components/select/select-popup.d.ts

@@ -1,2 +1,2 @@
 import { SelectPopupProps } from './select.types';
-export declare const SelectPopup: ({ className, children, ref, ...props }: SelectPopupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectPopup: ({ className, children, ref, ...props }: SelectPopupProps) => import("react").JSX.Element;