dawn-ui-react 1.0.0-alpha.33 → 1.0.0-alpha.35

package/dist/components/alert-dialog/alert-dialog.types.d.ts

@@ -1,5 +1,5 @@
-import { VariantProps } from 'class-variance-authority';
 import { AlertDialog as BaseAlertDialog } from '@base-ui/react';
+import { VariantProps } from 'class-variance-authority';
 export declare const alertDialogVariants: (props?: ({
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -13,3 +13,4 @@ export type AlertDialogCloseProps = React.ComponentProps<typeof BaseAlertDialog.
 export type AlertDialogContentProps = React.ComponentProps<'div'>;
 export type AlertDialogActionsProps = React.ComponentProps<'div'>;
 export type AlertDialogConfirmProps = React.ComponentProps<typeof BaseAlertDialog.Close>;
+export declare const alertDialogHandle: BaseAlertDialog.Handle<import('react').ComponentType<{}>>;

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

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

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

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

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

@@ -1,4 +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 ColorPicker: ({ variant, color: 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

@@ -1,6 +1,5 @@
 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';
@@ -65,10 +64,13 @@ export type ColorPickerAction = {
     color: chroma.Color;
 };
 export type ColorPickerProps = React.ComponentProps<'div'> & VariantProps<typeof colorPickerVariants> & {
-    value?: string | chroma.Color;
+    color?: string;
     defaultColor?: string;
+    palette?: string[];
     defaultPalette?: string[];
+    onPaletteChange?: (palette: string[]) => void;
     paletteLimit?: number;
+    defaultValueType?: ValueTypeValue;
     onValueChange?: (color: chroma.Color) => void;
 };
 export declare const colorPickerVariants: (props?: ({
@@ -84,6 +86,7 @@ export type ValueType = {
     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;
@@ -96,14 +99,15 @@ export type ColorPickerValueTypeProps = React.ComponentProps<typeof SelectTrigge
 export type ColorPickerRowProps = React.ComponentProps<'div'>;
 export type ColorPickerGroupProps = React.ComponentProps<'div'>;
 export type ColorPickerLabelProps = React.ComponentProps<'span'>;
+export type ColorPickerPaletteListChild = React.ReactNode | ((props: {
+    color: chroma.Color;
+    index: number;
+}) => React.ReactNode);
 export type ColorPickerPaletteListProps = Omit<React.ComponentProps<'ul'>, 'children'> & {
-    children?: (props: {
-        color: chroma.Color;
-        index: number;
-    }) => React.ReactNode;
+    children?: ColorPickerPaletteListChild | ColorPickerPaletteListChild[];
 };
 export type ColorPickerPaletteSwatchProps = Omit<React.ComponentProps<'button'>, 'color'> & VariantProps<typeof colorPickerSwatchVariants> & {
     color: chroma.Color;
 };
-export type ColorPickerPaletteAddProps = React.ComponentProps<typeof Button>;
+export type ColorPickerPaletteAddProps = React.ComponentProps<'button'>;
 export type ColorPickerPaletteLimitProps = React.ComponentProps<'span'>;

package/dist/components/form/form-context.d.ts

@@ -21,7 +21,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
     readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
     readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
     readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
-    readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+    readonly FormSetHeading: ({ size, className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
     readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
     readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
 }>, withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({ render, props, defaultValues, }: import('@tanstack/react-form').WithFieldGroupProps<TFieldGroupData, {
@@ -46,7 +46,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
     readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
     readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
     readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
-    readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+    readonly FormSetHeading: ({ size, className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
     readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
     readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
 }, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends import('@tanstack/react-form').DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | import('@tanstack/react-form').FieldsMap<TFormData, TFieldGroupData>, TOnMount extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: import('react').PropsWithChildren<NoInfer<TRenderProps> & {
@@ -72,7 +72,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
         readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
         readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
         readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
-        readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+        readonly FormSetHeading: ({ size, className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
         readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
         readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
     }> | import('@tanstack/react-form').AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | import('@tanstack/react-form').FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
@@ -97,7 +97,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
         readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
         readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
         readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
-        readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+        readonly FormSetHeading: ({ size, className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
         readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
         readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
     }>;
@@ -124,7 +124,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
     readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
     readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
     readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
-    readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+    readonly FormSetHeading: ({ size, className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
     readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
     readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
 }, TRenderProps>) => import('react').FunctionComponent<import('react').PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
@@ -150,7 +150,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
         readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
         readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
         readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
-        readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+        readonly FormSetHeading: ({ size, className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
         readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
         readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
     }>;
@@ -176,7 +176,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
     readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
     readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
     readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
-    readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+    readonly FormSetHeading: ({ size, className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
     readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
     readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
 }>;

package/dist/components/form/form-set-heading.d.ts

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

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

@@ -1,3 +1,4 @@
+import { VariantProps } from 'class-variance-authority';
 import { Button } from '../button';
 export type FormProps = React.ComponentProps<'form'>;
 export type FormSubmitProps = React.ComponentProps<typeof Button>;
@@ -6,8 +7,11 @@ export type FormErrorsProps = React.ComponentProps<'div'> & {
     headerLabel?: string;
 };
 export type FormSetProps = React.ComponentProps<'div'>;
-export type FormSetHeadingProps = React.ComponentProps<'span'>;
+export type FormSetHeadingProps = React.ComponentProps<'span'> & VariantProps<typeof formSetHeadingVariants>;
 export type FormSetContentProps = React.ComponentProps<'div'>;
 export type FormFooterProps = React.ComponentProps<'div'> & {
     orientation?: 'horizontal' | 'vertical';
 };
+export declare const formSetHeadingVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/input-group/index.d.ts

@@ -1,4 +1,5 @@
 export { InputGroup } from './input-group';
-export type { InputGroupAddonProps, InputGroupInputProps, InputGroupProps, } from './input-group.types';
+export type { InputGroupAddonProps, InputGroupInputProps, InputGroupProps, InputGroupSeparatorProps, } from './input-group.types';
 export { InputGroupAddon } from './input-group-addon';
 export { InputGroupInput } from './input-group-input';
+export { InputGroupSeparator } from './input-group-separator';

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

@@ -1,2 +1,2 @@
 import { InputGroupInputProps } from './input-group.types';
-export declare const InputGroupInput: ({ className, ref, ...props }: InputGroupInputProps) => import("react").JSX.Element;
+export declare const InputGroupInput: ({ size, className, ref, ...props }: InputGroupInputProps) => import("react").JSX.Element;

package/dist/components/input-group/input-group-separator.d.ts

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

package/dist/components/input-group/input-group.types.d.ts

@@ -1,9 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
 import { inputVariants } from '../input/input.types';
+import { Separator } from '../separator';
 import { Input as BaseInput } from '@base-ui/react/input';
 export declare const inputGroupAddonVariants: (props?: ({
     size?: "small" | "large" | "medium" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type InputGroupAddonProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>;
-export type InputGroupInputProps = React.ComponentProps<typeof BaseInput>;
+export type InputGroupInputProps = Omit<React.ComponentProps<typeof BaseInput>, 'size'> & VariantProps<typeof inputVariants>;
 export type InputGroupProps = React.ComponentProps<'div'> & VariantProps<typeof inputVariants>;
+export type InputGroupSeparatorProps = React.ComponentProps<typeof Separator>;

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

@@ -1,12 +1,17 @@
-export type { LayerTreeBodyProps, LayerTreeExpandAllProps, LayerTreeNodeProps, LayerTreeNodeToggleProps, LayerTreeProps, LayerTreeRowProps, LayerTreeSearchProps, LayerTreeNodeActionProps, LayerTreeFooterProps, LayerTreeSortProps, } from './layer-tree.types';
-export type { LayerTreeNodeBase } from './layer-tree-utils';
-export { findLayerTreeNode, insertLayerTreeNode, moveLayerTreeNode, moveLayerTreeNodeToRoot, removeLayerTreeNode, } from './layer-tree-utils';
-export { LayerTree } from './layer-tree';
+export { createAppColumnHelper as createLayerTreeColumnHelper, features as layerTreeFeatures, useAppTable as useLayerTreeTable, useCellContext as useLayerTreeCellContext, useHeaderContext as useLayerTreeHeaderContext, useTableContext as useLayerTreeContext, } from './layer-tree-context';
+export type { LayerTreeBodyProps, LayerTreeColumnMeta, LayerTreeExpandAllProps, LayerTreeFooterProps, LayerTreeIconCellProps, LayerTreeLockedAllProps, LayerTreeLockedCellProps, LayerTreeTextCellProps, LayerTreeProps, LayerTreeRowProps, LayerTreeSearchProps, LayerTreeSortProps, LayerTreeTableMeta, LayerTreeTriggerCellProps, LayerTreeVisibilityAllProps, LayerTreeVisibilityCellProps, RowLockedState, RowVisibilityState, } from './layer-tree.types';
+export { LayerTree, useLayerTree } from './layer-tree';
 export { LayerTreeBody } from './layer-tree-body';
 export { LayerTreeExpandAll } from './layer-tree-expand-all';
-export { LayerTreeNode } from './layer-tree-node';
-export { LayerTreeNodeToggle } from './layer-tree-node-toggle';
+export { LayerTreeFooter } from './layer-tree-footer';
+export { LayerTreeIconCell } from './layer-tree-icon-cell';
+export { LayerTreeLockedAll } from './layer-tree-locked-all';
+export { LayerTreeLockedCell } from './layer-tree-locked-cell';
+export { LayerTreeTextCell } from './layer-tree-text-cell';
+export { LayerTreeTriggerCell } from './layer-tree-trigger-cell';
 export { LayerTreeRow } from './layer-tree-row';
 export { LayerTreeSearch } from './layer-tree-search';
-export { LayerTreeFooter } from './layer-tree-footer';
 export { LayerTreeSort } from './layer-tree-sort';
+export { LayerTreeVisibilityAll } from './layer-tree-visibility-all';
+export { LayerTreeVisibilityCell } from './layer-tree-visibility-cell';
+export { findLayerTreeNode, insertLayerTreeNode, moveLayerTreeNode, moveLayerTreeNodeToRoot, removeLayerTreeNode, rowLockedFeature, rowVisibilityFeature, type LayerTreeNodeBase, } from './layer-tree-utils';

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

@@ -1,2 +1,2 @@
 import { LayerTreeBodyProps } from './layer-tree.types';
-export declare const LayerTreeBody: <TData>({ className, children, ...props }: LayerTreeBodyProps) => import("react").JSX.Element;
+export declare const LayerTreeBody: ({ className, children, ...props }: LayerTreeBodyProps) => import("react").JSX.Element;