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

package/dist/components/chart/chart.types.d.ts

@@ -0,0 +1,50 @@
+import * as RechartsPrimitive from 'recharts';
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+export type ChartConfig = Record<string, {
+    label?: string;
+    icon?: React.ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})>;
+export type ChartContainerContextProps = {
+    config: ChartConfig;
+};
+export type ChartContainerProps = React.ComponentProps<'div'> & {
+    config: ChartConfig;
+    initialDimension?: {
+        width: number;
+        height: number;
+    };
+};
+export type ChartTooltipProps = RechartsPrimitive.TooltipProps;
+export type ChartTooltipContentProps = React.ComponentProps<'div'> & Partial<RechartsPrimitive.TooltipContentProps>;
+export type ChartLegendProps = RechartsPrimitive.LegendProps;
+export type ChartLegendContentProps = React.ComponentProps<'div'> & RechartsPrimitive.DefaultLegendContentProps;
+export type ChartTooltipLabelProps = React.ComponentProps<'p'>;
+export type ChartTooltipNameProps = React.ComponentProps<'p'>;
+export type ChartTooltipPayloadProps = React.ComponentProps<'div'>;
+export type ChartLegendPayloadProps = React.ComponentProps<'div'>;
+export type ChartTooltipIndicatorProps = React.ComponentProps<'div'> & {
+    shape?: 'circle' | 'square' | 'diamond' | 'triangle' | 'wye' | 'line';
+};
+export type ChartLinearGradientProps = React.ComponentProps<'defs'> & {
+    gradients: {
+        id: string;
+        stopColor: string;
+    }[];
+};
+export type ChartTooltipIconProps = React.ComponentProps<'div'>;
+export type ChartLegendIconProps = React.ComponentProps<'div'>;
+export type ChartLegendLabelProps = React.ComponentProps<'p'>;
+export type ChartLegendIndicatorProps = React.ComponentProps<'div'> & {
+    shape?: 'circle' | 'square' | 'diamond' | 'triangle' | 'wye' | 'line';
+};
+export type ChartTooltipValueProps = React.ComponentProps<'p'>;
+export {};

package/dist/components/chart/chart.utils.d.ts

@@ -0,0 +1,11 @@
+import { ChartConfig } from './chart.types';
+export declare const getPayloadConfigFromPayload: (config: ChartConfig, payload: unknown, key: string) => ({
+    label?: string;
+    icon?: React.ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<"light" | "dark", string>;
+})) | undefined;

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

@@ -0,0 +1,19 @@
+export type { ChartConfig, ChartTooltipContentProps, ChartTooltipLabelProps, ChartLegendContentProps, ChartLinearGradientProps, ChartContainerContextProps, ChartContainerProps, ChartLegendProps, ChartTooltipIndicatorProps, ChartTooltipNameProps, ChartTooltipPayloadProps, ChartTooltipProps, ChartLegendIconProps, ChartLegendLabelProps, ChartLegendIndicatorProps, ChartTooltipIconProps, ChartLegendPayloadProps, ChartTooltipValueProps, } from './chart.types';
+export { ChartContainer } from './chart-container';
+export { ChartTooltip } from './chart-tooltip';
+export { ChartTooltipContent, useChartTooltipContent } from './chart-tooltip-content';
+export { ChartTooltipLabel } from './chart-tooltip-label';
+export { ChartTooltipPayload, useChartTooltipPayload } from './chart-tooltip-payload';
+export { ChartLegend } from './chart-legend';
+export { ChartLegendContent } from './chart-legend-content';
+export { ChartLinearGradient } from './chart-linear-gradient';
+export { ChartTooltipIndicator } from './chart-tooltip-indicator';
+export { ChartTooltipName } from './chart-tooltip-name';
+export { ChartLegendIcon } from './chart-legend-icon';
+export { ChartLegendLabel } from './chart-legend-label';
+export { ChartLegendIndicator } from './chart-legend-indicator';
+export { ChartTooltipIcon } from './chart-tooltip-icon';
+export { getPayloadConfigFromPayload } from './chart.utils';
+export { ChartTooltipValue } from './chart-tooltip-value';
+export { useChart } from './chart-container';
+export { ChartContainerContext } from './chart-container';

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

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

package/dist/components/checkbox/checkbox.d.ts

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

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

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

package/dist/components/code-block/code-block-actions.d.ts

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

package/dist/components/code-block/code-block-copy.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { CodeBlockCopyProps } from './code-block.types';
-export declare const CodeBlockCopy: ({ className, children, ref, ...props }: CodeBlockCopyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockCopy: ({ className, children, ref, ...props }: CodeBlockCopyProps) => React.JSX.Element;

package/dist/components/code-block/code-block-download.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { CodeBlockDownloadProps } from './code-block.types';
-export declare const CodeBlockDownload: ({ className, children, ref, ...props }: CodeBlockDownloadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockDownload: ({ className, children, ref, ...props }: CodeBlockDownloadProps) => React.JSX.Element;

package/dist/components/code-block/code-block-header.d.ts

@@ -1,3 +1,3 @@
 type CodeBlockHeaderProps = React.ComponentProps<'div'>;
-export declare const CodeBlockHeader: ({ className, children, ref, ...props }: CodeBlockHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockHeader: ({ className, children, ref, ...props }: CodeBlockHeaderProps) => import("react").JSX.Element;
 export {};

package/dist/components/code-block/code-block-name.d.ts

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

package/dist/components/code-block/code-block-select.d.ts

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

package/dist/components/code-block/code-block-tabs.d.ts

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

package/dist/components/code-block/code-block-window.d.ts

@@ -1,3 +1,2 @@
-type CodeBlockWindowProps = React.ComponentProps<'div'>;
-export declare const CodeBlockWindow: ({ className, children, ref, ...props }: CodeBlockWindowProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { CodeBlockWindowProps } from './code-block.types';
+export declare const CodeBlockWindow: ({ className, children, ref, ...props }: CodeBlockWindowProps) => import("react").JSX.Element;

package/dist/components/code-block/code-block.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { CodeBlockProps, CodeBlockProviderState } from './code-block.types';
-export declare const CodeBlock: ({ items, defaultValue, className, children, ref, ...props }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlock: ({ items, defaultValue, className, children, ref, ...props }: CodeBlockProps) => React.JSX.Element;
 export declare const useCodeBlock: () => CodeBlockProviderState;

package/dist/components/code-block/code-block.types.d.ts

@@ -21,6 +21,6 @@ export type CodeBlockCopyProps = React.ComponentProps<'button'>;
 export type CodeBlockNameProps = React.ComponentProps<'div'>;
 export type CodeBlockSelectProps = React.ComponentProps<typeof SelectTrigger>;
 export type CodeBlockHeaderGroupProps = React.ComponentProps<'div'>;
-export type CodeBlockTitleProps = React.ComponentProps<'div'>;
 export type CodeBlockDownloadProps = React.ComponentProps<'button'>;
 export type CodeBlockActionsProps = React.ComponentProps<'div'>;
+export type CodeBlockWindowProps = React.ComponentProps<'div'>;

package/dist/components/code-block/index.d.ts

@@ -1,2 +1,10 @@
-export type { CodeBlockProps } from './code-block.types';
+export type { CodeBlockProps, CodeBlockActionsProps, CodeBlockCopyProps, CodeBlockDownloadProps, CodeBlockHeaderGroupProps, CodeBlockNameProps, CodeBlockProviderState, CodeBlockSelectProps, CodeBlockTabsProps, CodeBlockWindowProps, CodeBlockValue, } from './code-block.types';
 export { CodeBlock } from './code-block';
+export { CodeBlockActions } from './code-block-actions';
+export { CodeBlockCopy } from './code-block-copy';
+export { CodeBlockDownload } from './code-block-download';
+export { CodeBlockHeader } from './code-block-header';
+export { CodeBlockName } from './code-block-name';
+export { CodeBlockSelect } from './code-block-select';
+export { CodeBlockTabs } from './code-block-tabs';
+export { CodeBlockWindow } from './code-block-window';

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

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

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

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

package/dist/components/collapsible/collapsible.d.ts

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

package/dist/components/color-channel-slider/color-channel-slider.d.ts

@@ -0,0 +1,2 @@
+import { ColorChannelSliderProps } from './color-channel-slider.types';
+export declare const ColorChannelSlider: ({ size, trackStyle, className, children, ref, ...props }: ColorChannelSliderProps) => import("react").JSX.Element;

package/dist/components/color-channel-slider/color-channel-slider.types.d.ts

@@ -0,0 +1,8 @@
+import { Slider as BaseSlider } from '@base-ui/react';
+import { VariantProps } from 'class-variance-authority';
+export type ColorChannelSliderProps = React.ComponentProps<typeof BaseSlider.Root> & VariantProps<typeof colorChannelSliderVariants> & {
+    trackStyle: string[];
+};
+export declare const colorChannelSliderVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/color-channel-slider/color-channel-slider.utils.d.ts

@@ -0,0 +1,4 @@
+export declare const getHueTrack: () => string[];
+export declare const getTransparencyTrack: (baseColor: string) => string[];
+export declare const getSaturationTrack: (baseColor: string) => string[];
+export declare const getLightnessTrack: (baseColor: string) => string[];

package/dist/components/color-channel-slider/index.d.ts

@@ -0,0 +1,2 @@
+export type { ColorChannelSliderProps } from './color-channel-slider.types';
+export { ColorChannelSlider } from './color-channel-slider';

package/dist/components/color-picker/color-picker-area.d.ts

@@ -0,0 +1,2 @@
+import { ColorPickerAreaProps } from './color-picker.types';
+export declare const ColorPickerArea: ({ className, ref, ...props }: ColorPickerAreaProps) => import("react").JSX.Element;

package/dist/components/color-picker/color-picker-group.d.ts

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

package/dist/components/color-picker/color-picker-hue-slider.d.ts

@@ -0,0 +1,2 @@
+import { ColorPickerHueSliderProps } from './color-picker.types';
+export declare const ColorPickerHueSlider: ({ className, ref, ...props }: ColorPickerHueSliderProps) => import("react").JSX.Element;

package/dist/components/color-picker/color-picker-input.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ColorPickerInputProps } from './color-picker.types';
+export declare const ColorPickerInput: ({ showPopover, showTransparencyField, className, children, ref, ...props }: ColorPickerInputProps) => React.JSX.Element;

package/dist/components/color-picker/color-picker-label.d.ts

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

package/dist/components/color-picker/color-picker-lightness-slider.d.ts

@@ -0,0 +1,2 @@
+import { ColorPickerLightnessSliderProps } from './color-picker.types';
+export declare const ColorPickerLightnessSlider: ({ className, ref, ...props }: ColorPickerLightnessSliderProps) => import("react").JSX.Element;

package/dist/components/color-picker/color-picker-palette-add.d.ts

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

package/dist/components/color-picker/color-picker-palette-limit.d.ts

@@ -0,0 +1,2 @@
+import { ColorPickerPaletteLimitProps } from './color-picker.types';
+export declare const ColorPickerPaletteLimit: ({ className, children, ref, ...props }: ColorPickerPaletteLimitProps) => import("react").JSX.Element | null;

package/dist/components/color-picker/color-picker-palette-list.d.ts

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

package/dist/components/color-picker/color-picker-palette-swatch.d.ts

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

package/dist/components/color-picker/color-picker-row.d.ts

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

package/dist/components/color-picker/color-picker-transparency-slider.d.ts

@@ -0,0 +1,2 @@
+import { ColorPickerTransparencySliderProps } from './color-picker.types';
+export declare const ColorPickerTransparencySlider: ({ className, ref, ...props }: ColorPickerTransparencySliderProps) => import("react").JSX.Element;

package/dist/components/color-picker/color-picker-value-type.d.ts

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

package/dist/components/color-picker/color-picker.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ColorPickerProps, ColorPickerContextType } from './color-picker.types';
+export declare const ColorPicker: ({ variant, value: controlledValue, defaultColor, palette: controlledPalette, defaultPalette, onPaletteChange, paletteLimit, defaultValueType, onValueChange, className, children, ref, ...props }: ColorPickerProps) => React.JSX.Element;
+export declare const useColorPicker: () => ColorPickerContextType;

package/dist/components/color-picker/color-picker.types.d.ts

@@ -0,0 +1,111 @@
+import { default as chroma } from 'chroma-js';
+import { VariantProps } from 'class-variance-authority';
+import { ColorChannelSlider } from '../color-channel-slider';
+import { InputGroup } from '../input-group';
+import { SelectTrigger } from '../select';
+export type ColorPickerContextType = {
+    color: chroma.Color;
+    setColor: (color: chroma.Color) => void;
+    hue: number;
+    saturation: number;
+    value: number;
+    alpha: number;
+    setHue: (hue: number) => void;
+    setSaturation: (saturation: number) => void;
+    setValue: (value: number) => void;
+    setSaturationValue: (saturation: number, value: number) => void;
+    setAlpha: (alpha: number) => void;
+    setLightness: (lightness: number) => void;
+    valueType: ValueType;
+    setValueType: (valueType: ValueType) => void;
+    palette: chroma.Color[];
+    setPalette: (palette: chroma.Color[]) => void;
+    addPaletteColor: (color: chroma.Color) => void;
+    paletteLimit?: number;
+};
+export type ColorPickerState = {
+    hue: number;
+    saturation: number;
+    value: number;
+    alpha: number;
+    valueType: ValueType;
+    palette: chroma.Color[];
+};
+export type ColorPickerAction = {
+    type: 'set_color';
+    color: chroma.Color;
+} | {
+    type: 'set_hue';
+    hue: number;
+} | {
+    type: 'set_saturation';
+    saturation: number;
+} | {
+    type: 'set_value';
+    value: number;
+} | {
+    type: 'set_saturation_value';
+    saturation: number;
+    value: number;
+} | {
+    type: 'set_alpha';
+    alpha: number;
+} | {
+    type: 'set_lightness';
+    lightness: number;
+} | {
+    type: 'set_value_type';
+    valueType: ValueType;
+} | {
+    type: 'set_palette';
+    palette: chroma.Color[];
+} | {
+    type: 'add_palette_color';
+    color: chroma.Color;
+};
+export type ColorPickerProps = React.ComponentProps<'div'> & VariantProps<typeof colorPickerVariants> & {
+    value?: string;
+    onValueChange?: (color: string) => void;
+    defaultColor?: string;
+    palette?: string[];
+    defaultPalette?: string[];
+    onPaletteChange?: (palette: string[]) => void;
+    paletteLimit?: number;
+    defaultValueType?: ValueTypeValue;
+};
+export declare const colorPickerVariants: (props?: ({
+    variant?: "ghost" | "outline" | "elevated" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const colorPickerSwatchVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const VALUE_TYPES: ValueType[];
+export type ValueType = {
+    label: string;
+    value: string;
+    getValue: (color: chroma.Color) => any;
+    parseValue: (value: string) => chroma.Color | undefined;
+};
+export type ValueTypeValue = 'rgb' | 'css' | 'hex' | 'hsl' | 'hsv';
+export type ColorPickerInputProps = React.ComponentProps<typeof InputGroup> & {
+    showPopover?: boolean;
+    showTransparencyField?: boolean;
+};
+export type ColorPickerAreaProps = React.ComponentProps<'div'>;
+export type ColorPickerHueSliderProps = Partial<React.ComponentProps<typeof ColorChannelSlider>>;
+export type ColorPickerLightnessSliderProps = Partial<React.ComponentProps<typeof ColorChannelSlider>>;
+export type ColorPickerTransparencySliderProps = Partial<React.ComponentProps<typeof ColorChannelSlider>>;
+export type ColorPickerValueTypeProps = React.ComponentProps<typeof SelectTrigger>;
+export type ColorPickerRowProps = React.ComponentProps<'div'>;
+export type ColorPickerGroupProps = React.ComponentProps<'div'>;
+export type ColorPickerLabelProps = React.ComponentProps<'span'>;
+export type ColorPickerPaletteListChild = (props: {
+    color: string;
+    index: number;
+}) => React.ReactNode;
+export type ColorPickerPaletteListProps = React.ComponentProps<'ul'>;
+export type ColorPickerPaletteSwatchProps = Omit<React.ComponentProps<'button'>, 'color'> & VariantProps<typeof colorPickerSwatchVariants> & {
+    color: string;
+};
+export type ColorPickerPaletteAddProps = React.ComponentProps<'button'>;
+export type ColorPickerPaletteLimitProps = React.ComponentProps<'span'>;

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,14 @@
+export { ColorPicker } from './color-picker';
+export { ColorPickerArea } from './color-picker-area';
+export { ColorPickerGroup } from './color-picker-group';
+export { ColorPickerHueSlider } from './color-picker-hue-slider';
+export { ColorPickerInput } from './color-picker-input';
+export { ColorPickerLabel } from './color-picker-label';
+export { ColorPickerPaletteLimit } from './color-picker-palette-limit';
+export { ColorPickerPaletteList } from './color-picker-palette-list';
+export { ColorPickerPaletteSwatch } from './color-picker-palette-swatch';
+export { ColorPickerRow } from './color-picker-row';
+export { ColorPickerTransparencySlider } from './color-picker-transparency-slider';
+export { ColorPickerValueType } from './color-picker-value-type';
+export { ColorPickerLightnessSlider } from './color-picker-lightness-slider';
+export type { ColorPickerProps, ColorPickerPaletteAddProps, ColorPickerState, ColorPickerAction, ColorPickerAreaProps, ColorPickerContextType, ColorPickerGroupProps, ColorPickerHueSliderProps, ColorPickerInputProps, ColorPickerLabelProps, ColorPickerPaletteLimitProps, ColorPickerPaletteListProps, ColorPickerPaletteSwatchProps, ColorPickerRowProps, ColorPickerTransparencySliderProps, ColorPickerValueTypeProps, ColorPickerLightnessSliderProps, } from './color-picker.types';

package/dist/components/combobox/combobox-chip.d.ts

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

package/dist/components/combobox/combobox-chips.d.ts

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

package/dist/components/combobox/combobox-collection.d.ts

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

package/dist/components/combobox/combobox-empty.d.ts

@@ -1,2 +1,2 @@
 import { ComboboxEmptyProps } from '@base-ui/react/combobox';
-export declare const ComboboxEmpty: ({ className, children, ref, ...props }: ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxEmpty: ({ className, children, ref, ...props }: ComboboxEmptyProps) => import("react").JSX.Element;

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

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

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

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

package/dist/components/combobox/combobox-input.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { ComboboxInputProps } from './combobox.types';
-export declare const ComboboxInput: ({ inline, variant, className, children, ref, ...props }: ComboboxInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxInput: ({ inline, variant, className, children, ref, ...props }: ComboboxInputProps) => React.JSX.Element;

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

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

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

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

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

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

package/dist/components/combobox/combobox-status.d.ts

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

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

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

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

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

package/dist/components/combobox/combobox-virtualized-list.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ComboboxVirtualizedListProps } from './combobox.types';
+export declare const ComboboxVirtualizedList: <TItem>({ open, virtualizerRef, estimateSize, overscan, className, children, ...props }: ComboboxVirtualizedListProps<TItem>) => React.JSX.Element | null;

package/dist/components/combobox/combobox.d.ts

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

package/dist/components/combobox/combobox.types.d.ts

@@ -1,5 +1,6 @@
 import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
 import { inputVariants } from '../input/input.types';
+import { Virtualizer } from '@tanstack/react-virtual';
 import { VariantProps } from 'class-variance-authority';
 export type ComboboxEmptyProps = React.ComponentProps<typeof BaseCombobox.Empty>;
 export type ComboboxInputProps = React.ComponentProps<typeof BaseCombobox.Input> & VariantProps<typeof inputVariants> & {
@@ -19,4 +20,12 @@ export type ComboboxGroupProps = React.ComponentProps<typeof BaseCombobox.Group>
 export type ComboboxGroupLabelProps = React.ComponentProps<typeof BaseCombobox.GroupLabel>;
 export type ComboboxCollectionProps = React.ComponentProps<typeof BaseCombobox.Collection>;
 export type ComboboxStatusProps = React.ComponentProps<typeof BaseCombobox.Status>;
+export type ComboboxVirtualizedListProps<TItem> = Omit<React.ComponentProps<'div'>, 'children'> & {
+    open: boolean;
+    virtualizerRef?: React.RefObject<Virtualizer<HTMLDivElement, HTMLDivElement> | null>;
+    estimateSize?: number;
+    overscan?: number;
+    children?: React.ReactNode | ((item: TItem) => React.ReactNode);
+};
 export declare const useFilter: typeof BaseCombobox.useFilter;
+export declare const useFilteredItems: typeof BaseCombobox.useFilteredItems;

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

@@ -1,5 +1,5 @@
 export { Combobox } from './combobox';
-export type { ComboboxChipProps, ComboboxChipsProps, ComboboxCollectionProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputProps, ComboboxItemProps, ComboboxListProps, ComboboxPopupProps, ComboboxProps, ComboboxStatusProps, ComboboxTriggerProps, ComboboxValueProps, } from './combobox.types';
+export type { ComboboxChipProps, ComboboxChipsProps, ComboboxCollectionProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputProps, ComboboxItemProps, ComboboxListProps, ComboboxPopupProps, ComboboxProps, ComboboxStatusProps, ComboboxTriggerProps, ComboboxValueProps, ComboboxVirtualizedListProps, useFilteredItems, useFilter, } from './combobox.types';
 export { ComboboxChip } from './combobox-chip';
 export { ComboboxChips } from './combobox-chips';
 export { ComboboxCollection } from './combobox-collection';
@@ -13,3 +13,4 @@ export { ComboboxPopup } from './combobox-popup';
 export { ComboboxStatus } from './combobox-status';
 export { ComboboxTrigger } from './combobox-trigger';
 export { ComboboxValue } from './combobox-value';
+export { ComboboxVirtualizedList } from './combobox-virtualized-list';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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