@northslopetech/altitude-ui 3.0.0 → 3.1.0

package/dist/index.d.mts

@@ -2,29 +2,41 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
 import { VariantProps } from 'class-variance-authority';
+export { VariantProps, cva } from 'class-variance-authority';
 import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
 import { Button as Button$1 } from '@base-ui/react/button';
 import { useRender } from '@base-ui/react/use-render';
 import { Separator as Separator$1 } from '@base-ui/react/separator';
 import * as _base_ui_react_select from '@base-ui/react/select';
 import { Select as Select$1 } from '@base-ui/react/select';
+import { Combobox as Combobox$1 } from '@base-ui/react';
 import * as _base_ui_react_dialog from '@base-ui/react/dialog';
 import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
 import * as vaul from 'vaul';
 import { Drawer as Drawer$1 } from 'vaul';
 import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+import * as _base_ui_react_toast from '@base-ui/react/toast';
+import { Toast as Toast$1 } from '@base-ui/react/toast';
+import { PreviewCard } from '@base-ui/react/preview-card';
 import { Popover as Popover$1 } from '@base-ui/react/popover';
 import { DayPicker, DayButton, Locale } from 'react-day-picker';
 export { DateRange } from 'react-day-picker';
 import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
 import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
+import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
+import { Radio } from '@base-ui/react/radio';
 import { Switch as Switch$1 } from '@base-ui/react/switch';
+import { Slider as Slider$1 } from '@base-ui/react/slider';
 import { Input as Input$1 } from '@base-ui/react/input';
 import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
 import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
 import * as _base_ui_react_menu from '@base-ui/react/menu';
 import { Menu } from '@base-ui/react/menu';
-import { Table as Table$1, Row, Column } from '@tanstack/react-table';
+import * as RechartsPrimitive from 'recharts';
+import { DefaultTooltipContentProps, DefaultLegendContentProps } from 'recharts';
+import { ClassValue } from 'clsx';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import { ColumnDef, RowSelectionState, Table as Table$1, Row, Column } from '@tanstack/react-table';
 
 declare const alertVariants: (props?: ({
     variant?: "default" | "info" | "success" | "warning" | "error" | null | undefined;
@@ -74,6 +86,46 @@ declare function ButtonGroupText({ className, size, ref, render, ...props }: But
 type ButtonGroupSeparatorProps = Omit<React$1.ComponentProps<typeof Separator>, "orientation">;
 declare function ButtonGroupSeparator({ className, ref, ...props }: ButtonGroupSeparatorProps): react_jsx_runtime.JSX.Element;
 
+declare const emptyVariants: (props?: ({
+    variant?: "default" | "outline" | "background" | "outline-dashed" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface EmptyProps extends React$1.ComponentProps<"div">, VariantProps<typeof emptyVariants> {
+}
+declare const Empty: {
+    ({ className, variant, children, ref, ...props }: EmptyProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type EmptyMediaProps = React$1.ComponentPropsWithoutRef<"div"> & VariantProps<typeof emptyMediaVariants>;
+declare const EmptyMedia: {
+    ({ className, variant, ...props }: EmptyMediaProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+type EmptyContentProps = React$1.ComponentProps<"div">;
+declare const EmptyContent: {
+    ({ className, ref, ...props }: EmptyContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+type EmptyTitleProps = React$1.ComponentProps<"p"> & {
+    as?: React$1.ElementType;
+};
+declare const EmptyTitle: {
+    ({ className, as: Component, ref, ...props }: EmptyTitleProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+type EmptyDescriptionProps = React$1.ComponentProps<"p">;
+declare const EmptyDescription: {
+    ({ className, ref, ...props }: EmptyDescriptionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+type EmptyActionsProps = React$1.ComponentProps<"div">;
+declare const EmptyActions: {
+    ({ className, ref, ...props }: EmptyActionsProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 /**
  * Current-generation text variant styles using @utility classes from design tokens.
  */
@@ -147,6 +199,66 @@ declare function SelectSeparator({ className, ref, ...props }: React$1.Component
 declare function SelectScrollUpButton({ className, ref, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpArrow>): react_jsx_runtime.JSX.Element;
 declare function SelectScrollDownButton({ className, ref, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownArrow>): react_jsx_runtime.JSX.Element;
 
+/**
+ * @fileoverview Utility functions for Altitude UI components.
+ * Provides class name merging and variant utilities.
+ */
+
+/**
+ * Merges Tailwind CSS classes intelligently, handling conflicts and conditional classes.
+ * Combines clsx for conditional class handling with tailwind-merge for deduplication.
+ *
+ * @param inputs - Class values to merge (strings, objects, arrays)
+ * @returns Merged and deduplicated class string
+ *
+ * @example
+ * ```typescript
+ * // Basic usage
+ * cn('px-2 py-1', 'px-4') // Returns: 'py-1 px-4'
+ *
+ * // Conditional classes
+ * cn('base-class', { 'active': isActive, 'disabled': isDisabled })
+ *
+ * // Array of classes
+ * cn(['class1', 'class2'], 'class3')
+ * ```
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+declare const comboboxInputVariants: (props?: ({
+    size?: "default" | "small" | "mini" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Combobox: typeof Combobox$1.Root;
+declare const useComboboxFilter: typeof Combobox$1.useFilter;
+declare function ComboboxTrigger({ className, ...props }: Combobox$1.Trigger.Props): react_jsx_runtime.JSX.Element;
+interface ComboboxInputProps extends Omit<Combobox$1.Input.Props, "size" | "ref">, VariantProps<typeof comboboxInputVariants> {
+    showTrigger?: boolean;
+    showClear?: boolean;
+    ref?: React$1.Ref<HTMLDivElement>;
+}
+declare function ComboboxInput({ className, children, size, disabled, showTrigger, showClear, ref, ...props }: ComboboxInputProps): react_jsx_runtime.JSX.Element;
+declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: Combobox$1.Popup.Props & Pick<Combobox$1.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): react_jsx_runtime.JSX.Element;
+declare function ComboboxList({ className, ...props }: Combobox$1.List.Props): react_jsx_runtime.JSX.Element;
+declare function ComboboxItem({ className, children, ...props }: Combobox$1.Item.Props): react_jsx_runtime.JSX.Element;
+declare function ComboboxGroup({ className, ...props }: Combobox$1.Group.Props): react_jsx_runtime.JSX.Element;
+declare function ComboboxLabel({ className, ...props }: Combobox$1.GroupLabel.Props): react_jsx_runtime.JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: Combobox$1.Separator.Props): react_jsx_runtime.JSX.Element;
+declare const comboboxChipsVariants: (props?: ({
+    size?: "default" | "small" | "mini" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ComboboxChipsProps extends React$1.ComponentPropsWithRef<typeof Combobox$1.Chips>, VariantProps<typeof comboboxChipsVariants> {
+    showTrigger?: boolean;
+    disabled?: boolean;
+}
+declare function ComboboxChips({ className, children, size, showTrigger, disabled, ...props }: ComboboxChipsProps): react_jsx_runtime.JSX.Element;
+declare function ComboboxChip({ className, children, showRemove, removeLabel, ...props }: Combobox$1.Chip.Props & {
+    showRemove?: boolean;
+    removeLabel?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ComboboxChipsInput({ className, ...props }: Combobox$1.Input.Props): react_jsx_runtime.JSX.Element;
+declare function useComboboxAnchor(): React$1.RefObject<HTMLDivElement | null>;
+
 type LabelProps = React$1.ComponentProps<"label">;
 declare function Label({ className, ref, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
 
@@ -222,7 +334,7 @@ type DrawerProps = React$1.ComponentProps<typeof Drawer$1.Root>;
  * </Drawer>
  * ```
  */
-declare const Drawer: typeof vaul.Root;
+declare const Drawer: ({ direction, ...props }: DrawerProps) => react_jsx_runtime.JSX.Element;
 type DrawerTriggerProps = React$1.ComponentPropsWithoutRef<typeof Drawer$1.Trigger>;
 declare const DrawerTrigger: React$1.ForwardRefExoticComponent<DrawerTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DrawerPortal: typeof vaul.Portal;
@@ -269,6 +381,132 @@ type TooltipProps = Tooltip$1.Root.Props;
 type TooltipTriggerProps = Tooltip$1.Trigger.Props;
 type TooltipProviderProps = Tooltip$1.Provider.Props;
 
+type ToastManager = ReturnType<typeof Toast$1.createToastManager>;
+/**
+ * Shared, module-level toast manager. Mirrors the ergonomics of `sonner`:
+ * mount a single `<Toaster />` anywhere in the tree, then call `toast(...)`
+ * from anywhere in the app — no context or hook required at the call site.
+ */
+declare const toastManager: _base_ui_react_toast.ToastManager;
+/** Friendly options accepted by the `toast()` helpers. */
+interface ToastOptions {
+    /** Secondary line rendered under the title. */
+    description?: React$1.ReactNode;
+    /**
+     * Time in ms before the toast auto-dismisses. `0` keeps it until dismissed.
+     * @default 5000 (inherited from the Toaster)
+     */
+    duration?: number;
+    /** Announce urgently (`high`) for errors, politely (`low`) otherwise. */
+    priority?: "low" | "high";
+    /** Optional inline action button. */
+    action?: {
+        label: React$1.ReactNode;
+        onClick?: (event: React$1.MouseEvent<HTMLButtonElement>) => void;
+    };
+    /** Stable id — pass to update or dedupe a toast. */
+    id?: string;
+}
+/** Builds the friendly `toast(...)` helper bound to a specific manager. */
+declare function makeToast(manager: ToastManager): ((title: React$1.ReactNode, options?: ToastOptions) => string) & {
+    success: (title: React$1.ReactNode, options?: ToastOptions) => string;
+    error: (title: React$1.ReactNode, options?: ToastOptions) => string;
+    info: (title: React$1.ReactNode, options?: ToastOptions) => string;
+    warning: (title: React$1.ReactNode, options?: ToastOptions) => string;
+    /** Resolve/reject a promise into loading → success/error toasts. */
+    promise: <Value, Data extends object>(promiseValue: Promise<Value>, options: _base_ui_react_toast.ToastManagerPromiseOptions<Value, Data>) => Promise<Value>;
+    /** Dismiss a specific toast by id. */
+    dismiss: (id: string) => void;
+    /** Imperatively update an existing toast. */
+    update: <Data extends object>(id: string, updates: _base_ui_react_toast.ToastManagerUpdateOptions<Data>) => void;
+};
+/**
+ * Create and display a toast.
+ *
+ * @example
+ * toast("Saved");
+ * toast.success("Profile updated", { description: "Changes are live." });
+ * toast.promise(save(), { loading: "Saving…", success: "Saved", error: "Failed" });
+ */
+declare const toast: ((title: React$1.ReactNode, options?: ToastOptions) => string) & {
+    success: (title: React$1.ReactNode, options?: ToastOptions) => string;
+    error: (title: React$1.ReactNode, options?: ToastOptions) => string;
+    info: (title: React$1.ReactNode, options?: ToastOptions) => string;
+    warning: (title: React$1.ReactNode, options?: ToastOptions) => string;
+    /** Resolve/reject a promise into loading → success/error toasts. */
+    promise: <Value, Data extends object>(promiseValue: Promise<Value>, options: _base_ui_react_toast.ToastManagerPromiseOptions<Value, Data>) => Promise<Value>;
+    /** Dismiss a specific toast by id. */
+    dismiss: (id: string) => void;
+    /** Imperatively update an existing toast. */
+    update: <Data extends object>(id: string, updates: _base_ui_react_toast.ToastManagerUpdateOptions<Data>) => void;
+};
+/** The `toast` helper: callable, plus `.success`/`.error`/`.info`/`.warning`/`.promise`/`.dismiss`/`.update`. */
+type Toast = ReturnType<typeof makeToast>;
+/** All positions supported by the {@link Toaster}. */
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+interface ToasterProps {
+    /** Where toasts appear on screen. @default "bottom-right" */
+    position?: ToastPosition;
+    /** Default auto-dismiss time in ms for toasts without an explicit duration. */
+    timeout?: number;
+    /** Maximum number of visible toasts before the oldest is dropped. */
+    limit?: number;
+    /** Additional classes for the viewport. */
+    className?: string;
+    /**
+     * The manager whose toasts this viewport renders. Defaults to the shared
+     * module-level manager that backs the global {@link toast}. Pass a manager
+     * from {@link createToaster} to run an isolated, independent toaster.
+     */
+    toastManager?: ToastManager;
+}
+/**
+ * Mount once near the root of your app. Renders the toast viewport and wires
+ * up the shared {@link toast} manager so `toast(...)` works app-wide.
+ */
+declare function Toaster({ position, timeout, limit, className, toastManager: manager, }: ToasterProps): react_jsx_runtime.JSX.Element;
+/**
+ * Create an isolated `{ toast, Toaster }` pair backed by its own manager.
+ * Use this when you need multiple independent toasters on screen at once
+ * (e.g. demos, embedded widgets) so each one only renders its own toasts.
+ * Most apps want the global {@link toast} + a single {@link Toaster} instead.
+ *
+ * Call this once at module scope (or memoize it) — calling it during render
+ * creates a fresh manager and `Toaster` identity every time, which remounts
+ * the viewport and drops any visible toasts.
+ */
+declare function createToaster(): {
+    toast: ((title: React$1.ReactNode, options?: ToastOptions) => string) & {
+        success: (title: React$1.ReactNode, options?: ToastOptions) => string;
+        error: (title: React$1.ReactNode, options?: ToastOptions) => string;
+        info: (title: React$1.ReactNode, options?: ToastOptions) => string;
+        warning: (title: React$1.ReactNode, options?: ToastOptions) => string;
+        /** Resolve/reject a promise into loading → success/error toasts. */
+        promise: <Value, Data extends object>(promiseValue: Promise<Value>, options: _base_ui_react_toast.ToastManagerPromiseOptions<Value, Data>) => Promise<Value>;
+        /** Dismiss a specific toast by id. */
+        dismiss: (id: string) => void;
+        /** Imperatively update an existing toast. */
+        update: <Data extends object>(id: string, updates: _base_ui_react_toast.ToastManagerUpdateOptions<Data>) => void;
+    };
+    Toaster: (props: Omit<ToasterProps, "toastManager">) => react_jsx_runtime.JSX.Element;
+};
+
+declare function HoverCard({ ...props }: PreviewCard.Root.Props): react_jsx_runtime.JSX.Element;
+declare namespace HoverCard {
+    var displayName: string;
+}
+declare function HoverCardTrigger({ ...props }: PreviewCard.Trigger.Props): react_jsx_runtime.JSX.Element;
+declare namespace HoverCardTrigger {
+    var displayName: string;
+}
+type HoverCardContentProps = PreviewCard.Popup.Props & Pick<PreviewCard.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
+declare function HoverCardContent({ className, side, sideOffset, align, alignOffset, ...props }: HoverCardContentProps): react_jsx_runtime.JSX.Element;
+declare namespace HoverCardContent {
+    var displayName: string;
+}
+type HoverCardProps = PreviewCard.Root.Props;
+type HoverCardTriggerProps = PreviewCard.Trigger.Props;
+
 declare function Popover({ ...props }: Popover$1.Root.Props): react_jsx_runtime.JSX.Element;
 declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): react_jsx_runtime.JSX.Element;
 type PopoverContentProps = Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
@@ -511,6 +749,57 @@ type CheckboxProps = React$1.ComponentProps<typeof Checkbox$1.Root>;
  */
 declare function Checkbox({ className, ref, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
+declare const radioGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    layout?: "inline" | "block" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const radioItemVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type RadioGroupProps = React$1.ComponentProps<typeof RadioGroup$1> & VariantProps<typeof radioGroupVariants>;
+type RadioGroupItemProps = React$1.ComponentProps<typeof Radio.Root>;
+/**
+ * RadioGroup container that manages selection state across a set of radio items.
+ * @param {"vertical" | "horizontal"} [props.orientation] - Layout direction of the group
+ * @param {"inline" | "block"} [props.layout] - inline: items shrink-wrap; block: items stretch full width.
+ *   `block` requires the DOM shape `RadioGroup > div > (RadioGroupItem + label)` — use RadioGroupCard to satisfy this automatically.
+ * @param {any} [props.value] - Controlled selected value
+ * @param {any} [props.defaultValue] - Initial selected value (uncontrolled)
+ * @param {(value: any) => void} [props.onValueChange] - Callback when selection changes
+ * @param {boolean} [props.disabled] - Disables all items in the group
+ * @param {string} [props.className] - Additional class names
+ */
+declare function RadioGroup({ className, orientation, layout, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+/**
+ * Individual radio button item within a RadioGroup.
+ * @param {any} props.value - The value this item represents in the group
+ * @param {boolean} [props.disabled] - Disables this specific item
+ * @param {boolean} [props.aria-invalid] - Applies error styling
+ * @param {string} [props.className] - Additional class names
+ */
+declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): react_jsx_runtime.JSX.Element;
+interface RadioGroupCardProps extends Omit<RadioGroupItemProps, "className" | "ref"> {
+    /** Primary label text */
+    label: string;
+    /** Optional secondary description text */
+    description?: string;
+    /** When true, places the radio button on the right side */
+    flipped?: boolean;
+    /** Additional class names for the card wrapper */
+    className?: string;
+    /** Ref forwarded to the outer <label> element */
+    ref?: React$1.Ref<HTMLLabelElement>;
+}
+/**
+ * Card-style radio option that makes the entire card clickable.
+ * Combines a RadioGroupItem with a label and optional description.
+ * The ref is forwarded to the outer <label> element.
+ * @param {string} props.label - Primary label text
+ * @param {string} [props.description] - Optional secondary description
+ * @param {boolean} [props.flipped] - Positions the radio on the right when true
+ * @param {boolean} [props.disabled] - Disables the card and radio item
+ * @param {string} [props.className] - Additional class names for the card wrapper
+ */
+declare function RadioGroupCard({ className, label, description, flipped, id, ref, ...props }: RadioGroupCardProps): react_jsx_runtime.JSX.Element;
+
 declare const switchVariants: (props?: ({
     size?: "default" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -526,6 +815,28 @@ interface SwitchProps extends Switch$1.Root.Props, VariantProps<typeof switchVar
  */
 declare function Switch({ className, size, ref, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
 
+type SliderProps = Slider$1.Root.Props & {
+    /**
+     * Accessible labels for each thumb, in order. Required in range mode to
+     * distinguish thumbs for screen readers (e.g. ["Minimum", "Maximum"]).
+     */
+    thumbLabels?: string[];
+};
+/**
+ * Slider component with Altitude design system styling.
+ * Supports single-value and range (multi-thumb) modes, and horizontal/vertical orientation.
+ * @param {number | number[]} [props.value] - Controlled value; array enables range mode
+ * @param {number | number[]} [props.defaultValue] - Uncontrolled initial value
+ * @param {number} [props.min=0] - Minimum value
+ * @param {number} [props.max=100] - Maximum value
+ * @param {number} [props.step] - Step increment
+ * @param {"horizontal" | "vertical"} [props.orientation="horizontal"] - Slider orientation
+ * @param {boolean} [props.disabled] - Disables interaction and applies disabled styles
+ * @param {string[]} [props.thumbLabels] - Accessible labels for each thumb (required in range mode)
+ * @param {string} [props.className] - Additional CSS classes
+ */
+declare function Slider({ className, defaultValue, value, min, max, thumbLabels, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
+
 declare const inputVariants: (props?: ({
     roundness?: "default" | "round" | null | undefined;
     size?: "default" | "small" | "mini" | "large" | null | undefined;
@@ -587,7 +898,7 @@ type InputGroupTextareaProps = React$1.ComponentProps<typeof Textarea>;
 declare function InputGroupTextarea({ className, ref, ...props }: InputGroupTextareaProps): react_jsx_runtime.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "primary" | "ghost" | "secondary" | "outline" | "urgent" | null | undefined;
+    variant?: "primary" | "ghost" | "outline" | "secondary" | "urgent" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
     /** Left icon slot. */
@@ -597,6 +908,13 @@ interface BadgeProps extends React$1.ComponentProps<"span">, VariantProps<typeof
 }
 declare function Badge({ className, variant, iconLeft, iconRight, onKeyDown, style, children, ref, ...props }: BadgeProps): react_jsx_runtime.JSX.Element | null;
 
+declare const tagVariants: (props?: ({
+    color?: "cyan" | "indigo" | "orange" | "pink" | "violet" | "verdant" | "stone" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TagProps extends Omit<React$1.ComponentProps<"span">, "color">, VariantProps<typeof tagVariants> {
+}
+declare function Tag({ className, color, ref, ...props }: TagProps): react_jsx_runtime.JSX.Element;
+
 declare function AlertDialog({ ...props }: AlertDialog$1.Root.Props): react_jsx_runtime.JSX.Element;
 declare function AlertDialogTrigger({ ref, ...props }: AlertDialog$1.Trigger.Props): react_jsx_runtime.JSX.Element;
 interface AlertDialogContentProps extends AlertDialog$1.Popup.Props {
@@ -954,6 +1272,108 @@ declare const PanelIcon: {
     ({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
+declare const ZoomInIcon: {
+    ({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const ZoomOutIcon: {
+    ({ className, size, weight, ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ValueType = number | string | Array<number | string>;
+type NameType = number | string;
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type ChartConfig = Record<string, {
+    label?: React$1.ReactNode;
+    icon?: React$1.ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})>;
+type ChartContextProps = {
+    config: ChartConfig;
+};
+declare function useChart(): ChartContextProps;
+declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React$1.ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+    initialDimension?: {
+        width: number;
+        height: number;
+    };
+}): react_jsx_runtime.JSX.Element;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+} & Omit<DefaultTooltipContentProps<ValueType, NameType>, "accessibilityLayer">): react_jsx_runtime.JSX.Element | null;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<"div"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+} & DefaultLegendContentProps): react_jsx_runtime.JSX.Element | null;
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+};
+declare function useCarousel(): CarouselContextProps;
+type CarouselProps = React$1.ComponentProps<"div"> & {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    setApi?: (api: CarouselApi) => void;
+};
+/**
+ * A carousel component powered by Embla Carousel.
+ *
+ * Usage:
+ * ```tsx
+ * <Carousel aria-label="Featured items">
+ *   <CarouselPrevious />
+ *   <CarouselContent>
+ *     <CarouselItem>...</CarouselItem>
+ *   </CarouselContent>
+ *   <CarouselNext />
+ * </Carousel>
+ * ```
+ *
+ * Place `CarouselPrevious` and `CarouselNext` as direct siblings of
+ * `CarouselContent` inside the carousel — they render inline with the slides.
+ *
+ * Always pass `aria-label` to give the `role="region"` landmark an accessible name.
+ */
+declare function Carousel({ opts, plugins, setApi, className, children, ref, ...props }: CarouselProps): react_jsx_runtime.JSX.Element;
+type CarouselContentProps = React$1.ComponentProps<"div">;
+declare function CarouselContent({ className, ref, ...props }: CarouselContentProps): react_jsx_runtime.JSX.Element;
+type CarouselItemProps = React$1.ComponentProps<"div"> & {
+    /** 0-based index of this slide. Provide together with `total` to auto-generate an accessible position label ("Slide 1 of 5"). */
+    index?: number;
+    /** Total number of slides. Provide together with `index` to auto-generate an accessible position label. */
+    total?: number;
+};
+declare function CarouselItem({ className, index, total, "aria-label": ariaLabel, ref, ...props }: CarouselItemProps): react_jsx_runtime.JSX.Element;
+type CarouselPreviousProps = React$1.ComponentProps<typeof Button>;
+declare function CarouselPrevious({ className, variant, size, ref, ...props }: CarouselPreviousProps): react_jsx_runtime.JSX.Element;
+type CarouselNextProps = React$1.ComponentProps<typeof Button>;
+declare function CarouselNext({ className, variant, size, ref, ...props }: CarouselNextProps): react_jsx_runtime.JSX.Element;
 
 declare function Table({ className, ref, ...props }: React$1.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
 declare function TableHeader({ className, ref, ...props }: React$1.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
@@ -976,6 +1396,22 @@ type TableHeadProps = React$1.ComponentProps<typeof TableHead>;
 type TableCellProps = React$1.ComponentProps<typeof TableCell>;
 type TableCaptionProps = React$1.ComponentProps<typeof TableCaption>;
 
+interface DataTableProps<TData> extends Omit<React$1.ComponentProps<"table">, "children"> {
+    columns: ColumnDef<TData, unknown>[];
+    data: TData[];
+    getRowId: (row: TData) => string;
+    "aria-label": string;
+    showPagination?: boolean;
+    pageSizeOptions?: number[];
+    initialPageSize?: number;
+    enableRowSelection?: boolean;
+    onRowSelectionChange?: (state: RowSelectionState) => void;
+    enableSorting?: boolean;
+    emptyState?: React$1.ReactNode;
+    loading?: boolean;
+}
+declare function DataTable<TData>({ columns, data, getRowId, showPagination, pageSizeOptions, initialPageSize, enableRowSelection, onRowSelectionChange: onRowSelectionChangeProp, enableSorting, emptyState, loading, ...tableProps }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+
 type DataTableViewProps<TData> = React$1.ComponentProps<typeof Table> & {
     table: Table$1<TData>;
     emptyState?: React$1.ReactNode;
@@ -1001,4 +1437,4 @@ type DataTableViewOptionsProps<TData> = React$1.ComponentProps<typeof Button> &
 };
 declare function DataTableViewOptions<TData>({ table, ...props }: DataTableViewOptionsProps<TData>): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertActions, type AlertActionsProps, AlertBody, type AlertBodyProps, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowsDownUpIcon, Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarProps, Badge, type BadgeProps, BellIcon, BookmarkIcon, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, Calendar, CalendarDayButton, CalendarIcon, type CalendarProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChatIcon, CheckIcon, Checkbox, type CheckboxProps, CheckmarkIcon, CheckmarkSquareIcon, CloseIcon, CogIcon, CredentialsIcon, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTablePagination, type DataTablePaginationProps, DataTableView, DataTableViewOptions, type DataTableViewOptionsProps, type DataTableViewProps, DatePicker, type DatePickerProps, DatePickerTrigger, type DatePickerTriggerProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DocumentIcon, DollarIcon, DownloadIcon, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerOverlay, type DrawerOverlayProps, DrawerPortal, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EditIcon, EnvelopeIcon, ExclamationIcon, EyeClosedIcon, EyeOpenIcon, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterDescendingIcon, FilterIcon, GraphBarIcon, GraphDonutIcon, GraphLineIcon, GraphPieIcon, HamburgerMenuIcon, HomeIcon, type IconProps, type IconWeight, InformationIcon, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputGroupText, type InputGroupTextProps, InputGroupTextarea, type InputGroupTextareaProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemMediaProps, type ItemProps, ItemSeparator, ItemTitle, Label, type LabelProps, LocationIcon, LockIcon, LogoutIcon, MagnifyingGlassIcon, MinusIcon, MoreMenuIcon, PanelIcon, PhoneIcon, PlusIcon, Popover, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PrintIcon, QuestionCircleIcon, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, ShareIcon, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupContent, type SidebarGroupContentProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, StarIcon, StatementIcon, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIcon, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Text, type TextProps, Textarea, type TextareaProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, TrashIcon, Upload, type UploadProps, UserIcon, UserMultiIcon, WarningIcon, WrenchIcon, alertVariants, avatarVariants, badgeVariants, buttonGroupTextVariants, buttonGroupVariants, buttonVariants, checkboxVariants, dropdownMenuItemVariants, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants, inputVariants, itemMediaVariants, itemVariants, selectTriggerVariants, switchVariants, tabsListVariants, tabsTriggerVariants, textVariants, uploadVariants, useSidebar };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertActions, type AlertActionsProps, AlertBody, type AlertBodyProps, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowsDownUpIcon, Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarProps, Badge, type BadgeProps, BellIcon, BookmarkIcon, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, Calendar, CalendarDayButton, CalendarIcon, type CalendarProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, ChatIcon, CheckIcon, Checkbox, type CheckboxProps, CheckmarkIcon, CheckmarkSquareIcon, CloseIcon, CogIcon, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, type ComboboxChipsProps, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, type ComboboxInputProps, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, CredentialsIcon, DataTable, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableView, DataTableViewOptions, type DataTableViewOptionsProps, type DataTableViewProps, DatePicker, type DatePickerProps, DatePickerTrigger, type DatePickerTriggerProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DocumentIcon, DollarIcon, DownloadIcon, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerOverlay, type DrawerOverlayProps, DrawerPortal, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EditIcon, Empty, EmptyActions, type EmptyActionsProps, EmptyContent, type EmptyContentProps, EmptyDescription, type EmptyDescriptionProps, EmptyMedia, type EmptyMediaProps, type EmptyProps, EmptyTitle, type EmptyTitleProps, EnvelopeIcon, ExclamationIcon, EyeClosedIcon, EyeOpenIcon, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterDescendingIcon, FilterIcon, GraphBarIcon, GraphDonutIcon, GraphLineIcon, GraphPieIcon, HamburgerMenuIcon, HomeIcon, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, type IconProps, type IconWeight, InformationIcon, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputGroupText, type InputGroupTextProps, InputGroupTextarea, type InputGroupTextareaProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemMediaProps, type ItemProps, ItemSeparator, ItemTitle, Label, type LabelProps, LocationIcon, LockIcon, LogoutIcon, MagnifyingGlassIcon, MinusIcon, MoreMenuIcon, PanelIcon, PhoneIcon, PlusIcon, Popover, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PrintIcon, QuestionCircleIcon, RadioGroup, RadioGroupCard, type RadioGroupCardProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, ShareIcon, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupContent, type SidebarGroupContentProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, Slider, type SliderProps, StarIcon, StatementIcon, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIcon, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Tag, type TagProps, Text, type TextProps, Textarea, type TextareaProps, type Toast, type ToastOptions, type ToastPosition, Toaster, type ToasterProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, TrashIcon, Upload, type UploadProps, UserIcon, UserMultiIcon, WarningIcon, WrenchIcon, ZoomInIcon, ZoomOutIcon, alertVariants, avatarVariants, badgeVariants, buttonGroupTextVariants, buttonGroupVariants, buttonVariants, checkboxVariants, cn, comboboxChipsVariants, comboboxInputVariants, createToaster, dropdownMenuItemVariants, emptyMediaVariants, emptyVariants, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants, inputVariants, itemMediaVariants, itemVariants, radioGroupVariants, radioItemVariants, selectTriggerVariants, switchVariants, tabsListVariants, tabsTriggerVariants, tagVariants, textVariants, toast, toastManager, uploadVariants, useCarousel, useChart, useComboboxAnchor, useComboboxFilter, useSidebar };