dawn-ui-react 1.0.0-alpha.36 → 1.0.0-alpha.38

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

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

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

@@ -15,4 +15,4 @@ export type AccordionItemProps = React.ComponentProps<typeof BaseAccordion.Item>
 export type AccordionHeaderProps = React.ComponentProps<typeof BaseAccordion.Header>;
 export type AccordionTitleProps = React.ComponentProps<'div'>;
 export type AccordionSubtitleProps = React.ComponentProps<'div'>;
-export type AccordionTriggerProps = React.ComponentProps<typeof BaseAccordion.Trigger>;
+export type AccordionIconProps = React.ComponentProps<'div'>;

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

@@ -1,8 +1,8 @@
 export { Accordion } from './accordion';
-export type { AccordionHeaderProps, AccordionItemProps, AccordionProps, AccordionPanelProps, AccordionSubtitleProps, AccordionTitleProps, AccordionTriggerProps, } from './accordion.types';
+export type { AccordionHeaderProps, AccordionItemProps, AccordionProps, AccordionPanelProps, AccordionSubtitleProps, AccordionTitleProps, AccordionIconProps, } from './accordion.types';
 export { AccordionHeader } from './accordion-header';
 export { AccordionItem } from './accordion-item';
 export { AccordionPanel } from './accordion-panel';
 export { AccordionSubtitle } from './accordion-subtitle';
 export { AccordionTitle } from './accordion-title';
-export { AccordionTrigger } from './accordion-trigger';
+export { AccordionIcon } from './accordion-icon';

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

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

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

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

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

@@ -5,5 +5,5 @@ export declare const alertVariants: (props?: ({
 export type AlertProps = React.ComponentProps<'div'> & VariantProps<typeof alertVariants>;
 export type AlertTitleProps = React.ComponentProps<'div'>;
 export type AlertDescriptionProps = React.ComponentProps<'div'>;
-export type AlertContentProps = React.ComponentProps<'div'>;
-export type AlertActionsProps = React.ComponentProps<'div'>;
+export type AlertActionProps = React.ComponentProps<'div'>;
+export type AlertIconProps = React.ComponentProps<'div'>;

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

@@ -1,6 +1,6 @@
 export { Alert } from './alert';
-export type { AlertDescriptionProps, AlertTitleProps, AlertProps, AlertContentProps, AlertActionsProps, } from './alert.types';
+export type { AlertActionProps, AlertDescriptionProps, AlertIconProps, AlertProps, AlertTitleProps, } from './alert.types';
 export { AlertDescription } from './alert-description';
 export { AlertTitle } from './alert-title';
-export { AlertContent } from './alert-content';
-export { AlertActions } from './alert-actions';
+export { AlertAction } from './alert-action';
+export { AlertIcon } from './alert-icon';

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

@@ -1,2 +1,2 @@
-import { AlertDialogActionsProps } from './alert-dialog.types';
-export declare const AlertDialogActions: ({ className, children, ref, ...props }: AlertDialogActionsProps) => import("react").JSX.Element;
+import { AlertDialogFooterProps } from './alert-dialog.types';
+export declare const AlertDialogFooter: ({ className, children, ref, ...props }: AlertDialogFooterProps) => import("react").JSX.Element;

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

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

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

@@ -10,7 +10,7 @@ export type AlertDialogHeaderProps = React.ComponentProps<'div'>;
 export type AlertDialogTitleProps = React.ComponentProps<typeof BaseAlertDialog.Title>;
 export type AlertDialogDescriptionProps = React.ComponentProps<typeof BaseAlertDialog.Description>;
 export type AlertDialogCloseProps = React.ComponentProps<typeof BaseAlertDialog.Close>;
-export type AlertDialogContentProps = React.ComponentProps<'div'>;
-export type AlertDialogActionsProps = React.ComponentProps<'div'>;
+export type AlertDialogFooterProps = React.ComponentProps<'div'>;
 export type AlertDialogConfirmProps = React.ComponentProps<typeof BaseAlertDialog.Close>;
+export type AlertDialogIconProps = React.ComponentProps<'div'>;
 export declare const alertDialogHandle: BaseAlertDialog.Handle<import('react').ComponentType<{}>>;

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

@@ -1,11 +1,11 @@
 export { AlertDialog } from './alert-dialog';
-export type { AlertDialogCloseProps, AlertDialogConfirmProps, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogActionsProps, AlertDialogHeaderProps, AlertDialogPopupProps, AlertDialogProps, AlertDialogTitleProps, AlertDialogTriggerProps, } from './alert-dialog.types';
+export type { AlertDialogCloseProps, AlertDialogConfirmProps, AlertDialogDescriptionProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogPopupProps, AlertDialogProps, AlertDialogTitleProps, AlertDialogTriggerProps, AlertDialogIconProps, } from './alert-dialog.types';
 export { AlertDialogClose } from './alert-dialog-close';
 export { AlertDialogConfirm } from './alert-dialog-confirm';
-export { AlertDialogContent } from './alert-dialog-content';
 export { AlertDialogDescription } from './alert-dialog-description';
-export { AlertDialogActions } from './alert-dialog-footer';
+export { AlertDialogFooter } from './alert-dialog-footer';
 export { AlertDialogHeader } from './alert-dialog-header';
 export { AlertDialogPopup } from './alert-dialog-popup';
 export { AlertDialogTitle } from './alert-dialog-title';
 export { AlertDialogTrigger } from './alert-dialog-trigger';
+export { AlertDialogIcon } from './alert-dialog-icon';

package/dist/components/bento-box/bento-box-action.d.ts

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

package/dist/components/bento-box/bento-box-content.d.ts

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

package/dist/components/bento-box/bento-box-description.d.ts

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

package/dist/components/bento-box/bento-box-footer.d.ts

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

package/dist/components/bento-box/bento-box-header.d.ts

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

package/dist/components/bento-box/bento-box-title.d.ts

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

package/dist/components/bento-box/bento-box.d.ts

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

package/dist/components/bento-box/bento-box.types.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const bentoBoxVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type BentoBoxProps = React.ComponentProps<'div'> & VariantProps<typeof bentoBoxVariants>;
+export type BentoBoxHeaderProps = React.ComponentProps<'div'>;
+export type BentoBoxTitleProps = React.ComponentProps<'span'>;
+export type BentoBoxContentProps = React.ComponentProps<'div'>;
+export type BentoBoxDescriptionProps = React.ComponentProps<'span'>;
+export type BentoBoxActionProps = React.ComponentProps<'div'>;
+export type BentoBoxFooterProps = React.ComponentProps<'div'>;

package/dist/components/bento-box/index.d.ts

@@ -0,0 +1,8 @@
+export type { BentoBoxActionProps, BentoBoxContentProps, BentoBoxDescriptionProps, BentoBoxFooterProps, BentoBoxHeaderProps, BentoBoxProps, BentoBoxTitleProps, } from './bento-box.types';
+export { BentoBox } from './bento-box';
+export { BentoBoxAction } from './bento-box-action';
+export { BentoBoxContent } from './bento-box-content';
+export { BentoBoxDescription } from './bento-box-description';
+export { BentoBoxFooter } from './bento-box-footer';
+export { BentoBoxHeader } from './bento-box-header';
+export { BentoBoxTitle } from './bento-box-title';

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, color: controlledValue, defaultColor, palette: controlledPalette, defaultPalette, onPaletteChange, paletteLimit, defaultValueType, onValueChange, className, children, ref, ...props }: ColorPickerProps) => React.JSX.Element;
+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

@@ -64,14 +64,14 @@ export type ColorPickerAction = {
     color: chroma.Color;
 };
 export type ColorPickerProps = React.ComponentProps<'div'> & VariantProps<typeof colorPickerVariants> & {
-    color?: string;
+    value?: string;
+    onValueChange?: (color: string) => void;
     defaultColor?: string;
     palette?: string[];
     defaultPalette?: string[];
     onPaletteChange?: (palette: string[]) => void;
     paletteLimit?: number;
     defaultValueType?: ValueTypeValue;
-    onValueChange?: (color: chroma.Color) => void;
 };
 export declare const colorPickerVariants: (props?: ({
     variant?: "ghost" | "outline" | "elevated" | null | undefined;
@@ -99,15 +99,13 @@ 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;
+export type ColorPickerPaletteListChild = (props: {
+    color: string;
     index: number;
-}) => React.ReactNode);
-export type ColorPickerPaletteListProps = Omit<React.ComponentProps<'ul'>, 'children'> & {
-    children?: ColorPickerPaletteListChild | ColorPickerPaletteListChild[];
-};
+}) => React.ReactNode;
+export type ColorPickerPaletteListProps = React.ComponentProps<'ul'>;
 export type ColorPickerPaletteSwatchProps = Omit<React.ComponentProps<'button'>, 'color'> & VariantProps<typeof colorPickerSwatchVariants> & {
-    color: chroma.Color;
+    color: string;
 };
 export type ColorPickerPaletteAddProps = React.ComponentProps<'button'>;
 export type ColorPickerPaletteLimitProps = React.ComponentProps<'span'>;

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

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

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

@@ -9,4 +9,5 @@ export type DialogCloseProps = ComponentProps<typeof BaseDialog.Close>;
 export type DialogContentProps = React.ComponentProps<'div'>;
 export type DialogHeaderProps = React.ComponentProps<'div'>;
 export type DialogFooterProps = React.ComponentProps<'div'>;
+export type DialogIconProps = React.ComponentProps<'div'>;
 export declare const DialogHelper: typeof BaseDialog;

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

@@ -1,10 +1,11 @@
 export { Dialog } from './dialog';
-export type { DialogCloseProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogProps, DialogTitleProps, DialogTriggerProps, } from './dialog.types';
+export type { DialogCloseProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogIconProps, DialogPopupProps, DialogProps, DialogTitleProps, DialogTriggerProps, } from './dialog.types';
 export { DialogClose } from './dialog-close';
 export { DialogContent } from './dialog-content';
 export { DialogDescription } from './dialog-description';
 export { DialogFooter } from './dialog-footer';
 export { DialogHeader } from './dialog-header';
+export { DialogIcon } from './dialog-icon';
 export { DialogPopup } from './dialog-popup';
 export { DialogTitle } from './dialog-title';
 export { DialogTrigger } from './dialog-trigger';

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export * from './alert-dialog';
 export * from './autocomplete';
 export * from './avatar';
 export * from './badge';
+export * from './bento-box';
 export * from './breadcrumb';
 export * from './button';
 export * from './button-group';
@@ -32,6 +33,7 @@ export * from './meter';
 export * from './nav-bar';
 export * from './navigation-menu';
 export * from './number-field';
+export * from './preview-card';
 export * from './popover';
 export * from './profile';
 export * from './progress';

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

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

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

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

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

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

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

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

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

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

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

@@ -105,6 +105,7 @@ export interface TableColumnMeta {
     filterVariant?: 'range' | 'select' | 'date' | 'string' | 'number';
 }
 export interface TableMeta {
+    viewMode?: 'table' | 'grid';
     translations?: {
         filterOperatorLabels?: Partial<Record<FilterOperator, string>>;
         buttonLabels?: {