@blockbite/ui 2.0.24 → 2.0.26

package/dist/AutocompleteDropdown.d.ts

@@ -3,6 +3,7 @@ interface OptionPanelDropdownProps {
     options: {
         label: string;
         value: string;
+        style?: string;
     }[];
     onPressedChange: (value: string) => void;
     swatch?: boolean;

package/dist/Badge.d.ts

@@ -3,6 +3,7 @@ type BadgeProps = {
     className?: string;
     label?: string;
     onClick?: () => void;
+    status?: 'default' | 'info' | 'success' | 'warning' | 'error';
 };
-export declare const Badge: ({ children, className, label, onClick }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ children, className, label, onClick, status, }: BadgeProps) => JSX.Element;
 export {};

package/dist/ChapterDivider.d.ts

@@ -3,7 +3,9 @@ type ChapterDividerProps = {
     className?: string;
     help?: string;
     badge?: string;
+    addon?: React.ReactNode;
+    gradient?: boolean;
     [key: string]: any;
 };
-export declare const ChapterDivider: ({ title, className, help, badge, ...props }: ChapterDividerProps) => JSX.Element;
+export declare const ChapterDivider: ({ title, className, help, badge, addon, line, ...props }: ChapterDividerProps) => JSX.Element;
 export {};

package/dist/DataItemList.d.ts

@@ -1,17 +1,23 @@
-import { DataItem } from '@blockbite/types';
-type DataListProps = {
-    data: DataItem[];
-    active: any;
-    setActive: (item: DataItem | undefined) => void;
+type DataListProps<T extends {
+    id: string | number;
+    title?: string;
+}> = {
+    data: T[];
+    active: T;
+    setActive: (item: T | undefined) => void;
     onCreate: () => void;
-    onDelete: (id: string) => void;
-    onUpdate: (id: string, updates: Partial<DataItem>) => void;
-    onSwitch: (prevId: string, updates: Partial<DataItem>) => void;
-    renderItemActions?: (item: DataItem) => React.ReactNode;
+    onDelete: (id: T['id']) => void;
+    onUpdate: (id: T['id'], updates: Partial<T>) => void;
+    onSwitch: (prevId: T['id'], updates: Partial<T>) => void;
+    renderItemActions?: (item: T) => React.ReactNode;
     addons?: JSX.Element;
     className?: string;
     footerSlot?: React.ReactNode;
     footerSlotClassName?: string;
+    badge?: string;
 };
-export declare const DataItemList: ({ data, active, setActive, onCreate, onDelete, onUpdate, onSwitch, renderItemActions, addons, className, footerSlot, footerSlotClassName, }: DataListProps) => JSX.Element;
+export declare const DataItemList: <T extends {
+    id: string | number;
+    title?: string;
+}>({ data, active, setActive, onCreate, onDelete, onUpdate, onSwitch, renderItemActions, addons, className, footerSlot, footerSlotClassName, badge, }: DataListProps<T>) => JSX.Element;
 export default DataItemList;

package/dist/DisappearingMessage.d.ts

@@ -4,6 +4,7 @@ type DisappearingMessageProps = {
     duration?: number;
     children?: React.ReactNode;
     show: boolean;
+    onClose?: () => void;
 };
-export declare const DisappearingMessage: ({ duration, className, children, show, message, }: DisappearingMessageProps) => JSX.Element;
+export declare const DisappearingMessage: ({ duration, className, children, show, message, onClose, }: DisappearingMessageProps) => JSX.Element;
 export {};

package/dist/Icon.d.ts

@@ -1,6 +1,4 @@
-type IconProps = {
-    icon: React.FC<React.SVGProps<SVGSVGElement>> | null;
+export declare const Icon: ({ icon, ...rest }: {
     [x: string]: any;
-};
-export declare const Icon: ({ icon: IconComponent, ...rest }: IconProps) => JSX.Element;
-export {};
+    icon: any;
+}) => JSX.Element;

package/dist/Label.d.ts

@@ -0,0 +1,7 @@
+type LabelProps = {
+    children?: React.ReactNode;
+    className?: string;
+    title?: string;
+};
+export declare const Label: ({ children, title, className }: LabelProps) => JSX.Element;
+export {};

package/dist/MetricsControl.d.ts

@@ -1,10 +1,10 @@
 type MetricsControlProps = {
-    unit: string;
     value: string;
-    units?: string[] | 'native' | 'percent' | 'grid' | 'arbitrary' | 'fluid' | 'screen' | 'all';
     inputClassName?: string;
+    classGroupControl?: any;
     onValueChange: (value: string) => void;
-    onUnitChange: (unit: string) => void;
+    tailwindUi?: any;
+    getThemeOptions?: any;
 };
 export declare const MetricsControl: React.FC<MetricsControlProps>;
 export default MetricsControl;

package/dist/Modal.d.ts

@@ -1,10 +1,11 @@
 export declare const useModalContext: () => any;
 type ModalProps = {
     children: React.ReactElement | React.ReactElement[];
-    defaultOpen: boolean;
-    onOpenChange: (checked: boolean) => void;
+    onOpenChange?: (checked: boolean) => void;
     title: string;
     className?: string;
+    size?: 'small' | 'medium' | 'large' | 'fill' | 'wide';
+    [key: string]: any;
 };
 export declare const Modal: React.FC<ModalProps>;
 export declare const ModalHeader: React.FC<{

package/dist/Popover.d.ts

@@ -1,12 +1,12 @@
 type PopoverProps = {
     children: React.ReactNode;
     className?: string;
-    defaultValue?: string;
-    value?: string;
     position?: any;
-    visible?: boolean;
-    onClick?: () => void;
+    visible: boolean;
+    anchor?: HTMLElement | null;
+    onClose?: () => void;
     onVisibleChange?: (value: boolean) => void;
+    offset?: number;
 };
 export declare const Popover: React.FC<PopoverProps>;
 export default Popover;

package/dist/ProjectsNavigation.d.ts

@@ -7,7 +7,6 @@ type Props = {
     items: ProjectItem[];
     activeId: string | number;
     onSelect: (id: string | number) => void;
-    className?: string;
 };
-export declare const ProjectsNavigation: ({ items, activeId, onSelect, className, }: Props) => JSX.Element;
+export declare const ProjectsNavigation: ({ items, activeId, onSelect }: Props) => JSX.Element;
 export {};

package/dist/RangeSlider.d.ts

@@ -5,6 +5,8 @@ export type RangeControlType = {
     max: number;
     withInputField?: boolean;
     onValueChange: (value: string) => void;
+    onReset?: () => void;
+    allowReset?: boolean;
     gridMode?: boolean;
     showTooltip?: boolean;
     [key: string]: any;

package/dist/SelectControlWrapper.d.ts

@@ -1,11 +1,12 @@
 type SelectControlWrapperProps = {
-    className?: string;
     value: string;
-    children?: React.ReactNode;
+    children?: any;
     options: any[];
     label?: string;
     emptyLabel?: string;
+    disabled?: boolean;
     onChange?: (value: string) => void;
+    className?: string;
 };
-export declare const SelectControlWrapper: ({ onChange, className, value, options, label, emptyLabel, }: SelectControlWrapperProps) => JSX.Element;
+export declare const SelectControlWrapper: ({ onChange, value, options, label, disabled, emptyLabel, className, }: SelectControlWrapperProps) => JSX.Element;
 export {};

package/dist/Spinner.d.ts

@@ -1,7 +1,5 @@
 type SpinnerProps = {
-    label?: string;
-    className?: string;
-    defaultValue: boolean;
+    [x: string]: any;
 };
-export declare const Spinner: ({ className, defaultValue }: SpinnerProps) => JSX.Element;
+export declare const Spinner: ({ ...props }: SpinnerProps) => JSX.Element;
 export {};

package/dist/SplitPane.d.ts

@@ -0,0 +1,8 @@
+export declare const SplitPane: ({ pane1, pane2, handle, className, minSize1, minSize2, }: {
+    pane1: any;
+    pane2: any;
+    handle: any;
+    className?: string;
+    minSize1?: number;
+    minSize2?: number;
+}) => JSX.Element;

package/dist/Tabs.d.ts

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

package/dist/TagInput.d.ts

@@ -0,0 +1,17 @@
+type TagInputProps = {
+    className?: string;
+    inputClassName?: string;
+    value: string[];
+    label?: string;
+    helper?: string;
+    placeholder?: string;
+    onChange?: (tokens: string[]) => void;
+    onInputChange?: (inputValue: string) => void;
+    suggestions?: string[];
+    [key: string]: any;
+};
+export declare const TagInput: {
+    ({ className, inputClassName, value, label, helper, placeholder, onChange, onInputChange, suggestions, ...props }: TagInputProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/index.d.ts

@@ -14,6 +14,7 @@ export { EmptyState } from './EmptyState.js';
 export { FloatingPanel } from './FloatingPanel.js';
 export { FocalPointControl } from './FocalPointControl.js';
 export { Icon } from './Icon.js';
+export { Label } from './Label.js';
 export { LinkPicker } from './LinkPicker.js';
 export { MediaPicker } from './MediaPicker.js';
 export { MetricsControl } from './MetricsControl.js';
@@ -37,11 +38,13 @@ export { SelectControlWrapper } from './SelectControlWrapper.js';
 export { SingleBlockTypeAppender } from './SingleBlockTypeAppender.js';
 export { SlideIn } from './SlideIn.js';
 export { Spinner } from './Spinner.js';
+export { SplitPane } from './SplitPane.js';
 export { TabsWrapper } from './Tabs.js';
 export { TabsList } from './Tabs.js';
 export { TabsContent } from './Tabs.js';
 export { Tabs } from './Tabs.js';
 export { Tag } from './Tag.js';
+export { TagInput } from './TagInput.js';
 export { TextControl } from './TextControl.js';
 export { TextControlLabel } from './TextControlLabel.js';
 export { ToggleGroup } from './ToggleGroup.js';