dawn-ui-react 1.0.0-alpha.26 → 1.0.0-alpha.28

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

@@ -7,10 +7,10 @@ export type ChartConfig = Record<string, {
     label?: string;
     icon?: React.ComponentType;
 } & ({
-    colour?: string;
+    color?: string;
     theme?: never;
 } | {
-    colour?: never;
+    color?: never;
     theme: Record<keyof typeof THEMES, string>;
 })>;
 export type ChartContainerContextProps = {

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

@@ -3,9 +3,9 @@ export declare const getPayloadConfigFromPayload: (config: ChartConfig, payload:
     label?: string;
     icon?: React.ComponentType;
 } & ({
-    colour?: string;
+    color?: string;
     theme?: never;
 } | {
-    colour?: never;
+    color?: never;
     theme: Record<"light" | "dark", string>;
 })) | undefined;

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/{colour-channel-slider/colour-channel-slider.types.d.ts → color-channel-slider/color-channel-slider.types.d.ts}

@@ -1,8 +1,8 @@
 import { Slider as BaseSlider } from '@base-ui/react';
 import { VariantProps } from 'class-variance-authority';
-export type ColourChannelSliderProps = React.ComponentProps<typeof BaseSlider.Root> & VariantProps<typeof colourChannelSliderVariants> & {
+export type ColorChannelSliderProps = React.ComponentProps<typeof BaseSlider.Root> & VariantProps<typeof colorChannelSliderVariants> & {
     trackStyle: string[];
 };
-export declare const colourChannelSliderVariants: (props?: ({
+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/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: ({ 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,3 @@
+import { default as React } from 'react';
+import { ColorPickerLightnessSliderProps } from './color-picker.types';
+export declare const ColorPickerLightnessSlider: ({ className, ref, ...props }: ColorPickerLightnessSliderProps) => 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,3 @@
+import { default as React } from 'react';
+import { ColorPickerTransparencySliderProps } from './color-picker.types';
+export declare const ColorPickerTransparencySlider: ({ className, ref, ...props }: ColorPickerTransparencySliderProps) => 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, defaultPalette, paletteLimit, 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,101 @@
+import { default as chroma } from 'chroma-js';
+import { VariantProps } from 'class-variance-authority';
+import { Button } from '../button';
+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;
+    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_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 | chroma.Color;
+    defaultColor?: string;
+    defaultPalette?: string[];
+    paletteLimit?: number;
+    onValueChange?: (color: chroma.Color) => void;
+};
+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 ColorPickerInputProps = React.ComponentProps<typeof InputGroup>;
+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 ColorPickerPaletteListProps = Omit<React.ComponentProps<'ul'>, 'children'> & {
+    children?: (props: {
+        color: chroma.Color;
+        index: number;
+    }) => React.ReactNode;
+};
+export type ColorPickerPaletteSwatchProps = Omit<React.ComponentProps<'button'>, 'color'> & VariantProps<typeof colorPickerSwatchVariants> & {
+    color: chroma.Color;
+};
+export type ColorPickerPaletteAddProps = React.ComponentProps<typeof Button>;
+export type ColorPickerPaletteLimitProps = React.ComponentProps<'span'>;

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

@@ -0,0 +1,13 @@
+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 type { ColorPickerProps, ColorPickerPaletteAddProps, ColorPickerState, ColorPickerAction, ColorPickerAreaProps, ColorPickerContextType, ColorPickerGroupProps, ColorPickerHueSliderProps, ColorPickerInputProps, ColorPickerLabelProps, ColorPickerPaletteLimitProps, ColorPickerPaletteListProps, ColorPickerPaletteSwatchProps, ColorPickerRowProps, ColorPickerTransparencySliderProps, ColorPickerValueTypeProps, } from './color-picker.types';

package/dist/components/index.d.ts

@@ -12,8 +12,8 @@ export * from './checkbox';
 export * from './checkbox-group';
 export * from './code-block';
 export * from './collapsible';
-export * from './colour-channel-slider';
-export * from './colour-picker';
+export * from './color-channel-slider';
+export * from './color-picker';
 export * from './combobox';
 export * from './context-menu';
 export * from './dialog';

package/dist/components/table/table-body-list.d.ts

@@ -1,2 +1,2 @@
 import { TableBodyListProps } from './table.types';
-export declare const TableBodyList: ({ showDivider, className, children, ref, ...props }: TableBodyListProps) => import("react").JSX.Element | null;
+export declare const TableBodyList: <TData>({ showDivider, className, children, ref, ...props }: TableBodyListProps<TData>) => import("react").JSX.Element | null;

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

@@ -53,8 +53,9 @@ export type TableColumnToggleProps = React.ComponentProps<typeof MenuTrigger>;
 export type TableRowListProps<TData> = React.ComponentProps<'tr'> & {
     row: Row<TData>;
 };
-export type TableBodyListProps = React.ComponentProps<'tbody'> & {
+export type TableBodyListProps<TData> = Omit<React.ComponentProps<'tbody'>, 'children'> & {
     showDivider?: boolean;
+    children: (row: Row<TData>) => React.ReactNode;
 };
 export type TableBodyGridProps<TData> = Omit<React.ComponentProps<'tbody'>, 'children'> & {
     children?: (row: Row<TData>) => React.ReactNode;