@blockbite/ui 2.1.0 → 2.1.2

package/dist/ChapterHeading.d.ts

@@ -0,0 +1,11 @@
+type ChapterHeadingProps = {
+    title?: string;
+    className?: string;
+    help?: string;
+    badge?: string;
+    addon?: React.ReactNode;
+    gradient?: boolean;
+    [key: string]: any;
+};
+export declare const ChapterHeading: ({ title, className, help, badge, addon, ...props }: ChapterHeadingProps) => JSX.Element;
+export {};

package/dist/GradientSwatchPicker.d.ts

@@ -22,9 +22,25 @@ export type GradientSwatchPickerProps = {
     colors: PaletteColor[];
     activeOptionValue?: any;
     onChange?: (nextClassGroups: any) => void;
+    onGradientChange?: (value: TailwindGradientValue) => void;
 };
 export declare function classGroupsToGradientValue(groups: Record<string, any> | null | undefined, palette: PaletteColor[]): TailwindGradientValue | null;
 export declare function gradientValueToClassGroups(value: TailwindGradientValue): Record<string, any>;
+export declare function gradientDirectionToCoords(direction: Direction): {
+    x1: string;
+    y1: string;
+    x2: string;
+    y2: string;
+};
+export declare function gradientArrayToClassGroups(items?: Array<{
+    id: string;
+    value: string;
+}>): Record<string, any>;
+export declare function gradientArrayToClassString(items?: Array<{
+    id: string;
+    value: string;
+}>): string;
+export declare function resolveGradientStopColor(token: string, prefix?: 'color' | 'bb-color'): string;
 export declare function gradientClassGroupsToArray(groups: Record<string, any>): Array<{
     id: string;
     value: string;

package/dist/MediaPicker.d.ts

@@ -1,4 +1 @@
-export declare function MediaPicker({ mediaProps, mediaCallback }: {
-    mediaProps: any;
-    mediaCallback: any;
-}): JSX.Element;
+export declare function MediaPicker({ mediaProps, mediaCallback, className }: any): JSX.Element;

package/dist/Notice.d.ts

@@ -2,6 +2,8 @@ type NoticeProps = {
     children: React.ReactNode;
     className?: string;
     status?: 'success' | 'error' | 'warning' | 'info';
+    isDismissible?: boolean;
+    onDismiss?: () => void;
 };
-export declare const Notice: ({ children, status, className, }: NoticeProps) => JSX.Element;
+export declare const Notice: ({ children, status, className, isDismissible, onDismiss, }: NoticeProps) => JSX.Element;
 export {};

package/dist/SaveButton.d.ts

@@ -0,0 +1,17 @@
+import { Button as WordpressButton } from '@wordpress/components';
+type SaveButtonProps = {
+    children?: React.ReactNode;
+    asChild?: boolean;
+    className?: string;
+    display?: 'icon' | 'icon-lg' | 'label' | 'auto' | '' | null;
+    onClick?: () => void | Promise<void>;
+    label?: string;
+    savedLabel?: string;
+    savedDuration?: number;
+    size?: 'small' | 'default' | 'compact';
+    variant?: 'primary' | 'secondary' | 'link' | 'primary' | 'tertiary';
+    icon?: any;
+    disabled?: boolean;
+} & Omit<React.ComponentProps<typeof WordpressButton>, 'onClick' | 'size'>;
+export declare const SaveButton: ({ children, size, label, className, onClick, variant, display, icon, disabled, savedLabel, savedDuration, ...buttonProps }: SaveButtonProps) => JSX.Element;
+export {};

package/dist/Tabs.d.ts

@@ -6,7 +6,7 @@ type TabsProps = {
     children?: React.ReactNode;
     style?: React.CSSProperties;
 };
-export declare const TabsWrapper: ({ children, defaultValue, value, onValueChange, className, ...rest }: TabsProps) => JSX.Element;
+export declare const TabsWrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => JSX.Element;
 type TabsListProps = {
     options: {
         name: string;
@@ -25,7 +25,7 @@ type TabsContentProps = {
 };
 export declare const TabsContent: ({ value, children, className, }: TabsContentProps) => string | number | boolean | Iterable<import('../wp.element').ReactNode> | JSX.Element;
 export declare const Tabs: {
-    Wrapper: ({ children, defaultValue, value, onValueChange, className, ...rest }: TabsProps) => JSX.Element;
+    Wrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => JSX.Element;
     List: ({ options, children, className, onValueChange, }: TabsListProps) => JSX.Element;
     Content: ({ value, children, className, }: TabsContentProps) => string | number | boolean | Iterable<import('../wp.element').ReactNode> | JSX.Element;
 };

package/dist/TagInput.d.ts

@@ -5,16 +5,22 @@ type TagInputProps = {
     label?: string;
     helper?: string;
     placeholder?: string;
+    css?: string;
     onChange?: (tokens: string[]) => void;
     onInputChange?: (inputValue: string) => void;
+    colorTokenClasses?: Record<string, string>;
     suggestions?: string[];
     onLoadMore?: () => void;
     hasMore?: boolean;
     isLoading?: boolean;
+    /** If true, user can add arbitrary tokens (not only suggestions). Default true. */
+    allowCustom?: boolean;
+    /** If true, tokens are de-duped. Default true. */
+    dedupe?: boolean;
     [key: string]: any;
 };
 export declare const TagInput: {
-    ({ className, inputClassName, value, label, helper, placeholder, onChange, onInputChange, suggestions, onLoadMore, hasMore, isLoading, ...props }: TagInputProps): JSX.Element;
+    ({ className, inputClassName, value, label, helper, placeholder, onChange, onInputChange, colorTokenClasses, suggestions, onLoadMore, css, hasMore, isLoading, allowCustom, dedupe, ...props }: TagInputProps): JSX.Element;
     displayName: string;
 };
-export {};
+export default TagInput;

package/dist/index.d.ts

@@ -1,11 +1,10 @@
 export { AutocompleteDropdown } from './AutocompleteDropdown.js';
 export { Badge } from './Badge.js';
 export { BitePreview } from './BitePreview.js';
-export { Button } from './Button.js';
 export { ButtonToggle } from './ButtonToggle.js';
 export { ButtonToggleGroup } from './ButtonToggle.js';
 export { Chapter } from './Chapter.js';
-export { ChapterDivider } from './ChapterDivider.js';
+export { ChapterHeading } from './ChapterHeading.js';
 export { Checkbox } from './Checkbox.js';
 export { DataItemList } from './DataItemList.js';
 export { DisappearingMessage } from './DisappearingMessage.js';
@@ -15,6 +14,10 @@ export { FloatingPanel } from './FloatingPanel.js';
 export { FocalPointControl } from './FocalPointControl.js';
 export { classGroupsToGradientValue } from './GradientSwatchPicker.js';
 export { gradientValueToClassGroups } from './GradientSwatchPicker.js';
+export { gradientDirectionToCoords } from './GradientSwatchPicker.js';
+export { gradientArrayToClassGroups } from './GradientSwatchPicker.js';
+export { gradientArrayToClassString } from './GradientSwatchPicker.js';
+export { resolveGradientStopColor } from './GradientSwatchPicker.js';
 export { gradientClassGroupsToArray } from './GradientSwatchPicker.js';
 export { gradientValueToArray } from './GradientSwatchPicker.js';
 export { arrayToGradient } from './GradientSwatchPicker.js';
@@ -40,6 +43,7 @@ export { ProjectsNavigation } from './ProjectsNavigation.js';
 export { RangeSlider } from './RangeSlider.js';
 export { ResponsiveImage } from './ResponsiveImage.js';
 export { ResponsiveVideo } from './ResponsiveVideo.js';
+export { SaveButton } from './SaveButton.js';
 export { ScrollList } from './ScrollList.js';
 export { SelectControlWrapper } from './SelectControlWrapper.js';
 export { SingleBlockTypeAppender } from './SingleBlockTypeAppender.js';