@baseline-ui/core 0.9.0 → 0.11.0

package/dist/index.d.mts

@@ -353,6 +353,12 @@ interface LinkProps extends AriaLinkOptions, StylingProps {
     children: React.ReactNode;
     /** The size of the link. */
     size?: "sm" | "md" | "lg";
+    /**
+     * The type of the link.
+     *
+     * @default "body"
+     */
+    type?: "body" | "label";
 }
 
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
@@ -1726,6 +1732,91 @@ interface ScrollControlButtonProps extends StylingProps, Pick<ActionButtonProps,
 
 declare const ScrollControlButton: React.ForwardRefExoticComponent<ScrollControlButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
+interface AlertDialogProps extends StylingProps {
+    /**
+     * The title of the dialog. This is the main heading of the dialog and is
+     * displayed at the top of the dialog.
+     */
+    title: string;
+    /**
+     * The message of the dialog. This is the main content of the dialog and is
+     * displayed below the title.
+     */
+    message?: React.ReactNode;
+    /**
+     * The label for the cancel button. This is the text that is displayed on the
+     * button that allows the user to cancel the dialog.
+     */
+    cancelLabel?: string;
+    /**
+     * The label for the confirm button. This is the text that is displayed on the
+     * button that allows the user to confirm the dialog.
+     */
+    primaryActionLabel?: string;
+    /**
+     * The function that is called when the user confirms the dialog. This is
+     * called when the user clicks the primary action button.
+     */
+    onPrimaryAction?: () => void;
+    /**
+     * The function that is called when the user cancels the dialog. This is
+     * called when the user clicks the cancel button or the close button.
+     */
+    onCancel?: () => void;
+    /** The button that should be focused when the dialog is opened. */
+    autoFocusButton?: "primary" | "cancel";
+    /** Whether the primary action button should be disabled. */
+    isPrimaryActionDisabled?: boolean;
+    /**
+     * The props that are passed to the text input. If this is provided, a text
+     * input will be displayed at the bottom of the dialog.
+     */
+    textInputProps?: TextInputProps;
+    /**
+     * The icon that is displayed at the top of the dialog. This is typically used
+     * to display an icon that represents the type of alert that is being shown.
+     */
+    icon?: React.FC<IconProps>;
+    /** The color of the icon. This is the color that is used to fill the icon. */
+    iconColor?: string;
+    /**
+     * Whether the close button should be displayed in the top end corner of the
+     * dialog. If this is `true`, a close button will be displayed. If this is
+     * `false`, no close button will be displayed.
+     *
+     * @default true
+     */
+    showCloseButton?: boolean;
+}
+
+declare const AlertDialog: React.ForwardRefExoticComponent<AlertDialogProps & React.RefAttributes<HTMLDivElement>>;
+
+interface MarkdownProps extends StylingProps {
+    /** The markdown to render. */
+    children: string;
+}
+
+declare const Markdown: React.ForwardRefExoticComponent<MarkdownProps & React.RefAttributes<HTMLDivElement>>;
+
+interface DrawerProps extends StylingProps, AriaDialogProps {
+    /** The children to render. */
+    children: React.ReactNode;
+    /**
+     * The valid values for the background type are "medium" and "subtle".
+     *
+     * @default "medium"
+     */
+    background?: "medium" | "subtle";
+    /** The title to display in the drawer. */
+    title: string;
+    /** The props of additional `ActionIconButton` to display in the drawer header. */
+    action?: ActionIconButtonProps;
+    /** The callback to call when the drawer is requested to be closed. */
+    onCloseRequest?: () => void;
+}
+
+declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
  *
@@ -2065,4 +2156,4 @@ interface TextSelectionProps {
  */
 declare function useDevice(element?: HTMLElement | null): "mobile" | "tablet" | "desktop";
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, type ColorSwatchProps, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Editor, type EditorProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInputButton, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Menu, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, type ColorSwatchProps, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInputButton, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };

package/dist/index.d.ts

@@ -353,6 +353,12 @@ interface LinkProps extends AriaLinkOptions, StylingProps {
     children: React.ReactNode;
     /** The size of the link. */
     size?: "sm" | "md" | "lg";
+    /**
+     * The type of the link.
+     *
+     * @default "body"
+     */
+    type?: "body" | "label";
 }
 
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
@@ -1726,6 +1732,91 @@ interface ScrollControlButtonProps extends StylingProps, Pick<ActionButtonProps,
 
 declare const ScrollControlButton: React.ForwardRefExoticComponent<ScrollControlButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
+interface AlertDialogProps extends StylingProps {
+    /**
+     * The title of the dialog. This is the main heading of the dialog and is
+     * displayed at the top of the dialog.
+     */
+    title: string;
+    /**
+     * The message of the dialog. This is the main content of the dialog and is
+     * displayed below the title.
+     */
+    message?: React.ReactNode;
+    /**
+     * The label for the cancel button. This is the text that is displayed on the
+     * button that allows the user to cancel the dialog.
+     */
+    cancelLabel?: string;
+    /**
+     * The label for the confirm button. This is the text that is displayed on the
+     * button that allows the user to confirm the dialog.
+     */
+    primaryActionLabel?: string;
+    /**
+     * The function that is called when the user confirms the dialog. This is
+     * called when the user clicks the primary action button.
+     */
+    onPrimaryAction?: () => void;
+    /**
+     * The function that is called when the user cancels the dialog. This is
+     * called when the user clicks the cancel button or the close button.
+     */
+    onCancel?: () => void;
+    /** The button that should be focused when the dialog is opened. */
+    autoFocusButton?: "primary" | "cancel";
+    /** Whether the primary action button should be disabled. */
+    isPrimaryActionDisabled?: boolean;
+    /**
+     * The props that are passed to the text input. If this is provided, a text
+     * input will be displayed at the bottom of the dialog.
+     */
+    textInputProps?: TextInputProps;
+    /**
+     * The icon that is displayed at the top of the dialog. This is typically used
+     * to display an icon that represents the type of alert that is being shown.
+     */
+    icon?: React.FC<IconProps>;
+    /** The color of the icon. This is the color that is used to fill the icon. */
+    iconColor?: string;
+    /**
+     * Whether the close button should be displayed in the top end corner of the
+     * dialog. If this is `true`, a close button will be displayed. If this is
+     * `false`, no close button will be displayed.
+     *
+     * @default true
+     */
+    showCloseButton?: boolean;
+}
+
+declare const AlertDialog: React.ForwardRefExoticComponent<AlertDialogProps & React.RefAttributes<HTMLDivElement>>;
+
+interface MarkdownProps extends StylingProps {
+    /** The markdown to render. */
+    children: string;
+}
+
+declare const Markdown: React.ForwardRefExoticComponent<MarkdownProps & React.RefAttributes<HTMLDivElement>>;
+
+interface DrawerProps extends StylingProps, AriaDialogProps {
+    /** The children to render. */
+    children: React.ReactNode;
+    /**
+     * The valid values for the background type are "medium" and "subtle".
+     *
+     * @default "medium"
+     */
+    background?: "medium" | "subtle";
+    /** The title to display in the drawer. */
+    title: string;
+    /** The props of additional `ActionIconButton` to display in the drawer header. */
+    action?: ActionIconButtonProps;
+    /** The callback to call when the drawer is requested to be closed. */
+    onCloseRequest?: () => void;
+}
+
+declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
  *
@@ -2065,4 +2156,4 @@ interface TextSelectionProps {
  */
 declare function useDevice(element?: HTMLElement | null): "mobile" | "tablet" | "desktop";
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, type ColorSwatchProps, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Editor, type EditorProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInputButton, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Menu, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, type ColorSwatchProps, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInputButton, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };