@blockbite/ui 2.0.27 → 2.1.0

package/dist/ButtonToggle.d.ts

@@ -27,7 +27,7 @@ type ButtonToggleGroupProps = {
     display?: 'icon' | 'label' | '' | null;
     variant?: 'primary' | 'secondary';
     stretch?: boolean;
-    icon?: any;
+    icon?: JSX.Element;
     onPressedChange?: (value: string) => void;
 };
 export declare const ButtonToggle: React.FC<Omit<ButtonToggleProps, 'defaultPressed'> & {

package/dist/ChapterDivider.d.ts

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

package/dist/DataItemList.d.ts

@@ -10,6 +10,7 @@ type DataListProps<T extends {
     onUpdate: (id: T['id'], updates: Partial<T>) => void;
     onSwitch: (prevId: T['id'], updates: Partial<T>) => void;
     renderItemActions?: (item: T) => React.ReactNode;
+    renderItemContent?: (item: T, isActive: boolean) => React.ReactNode;
     addons?: JSX.Element;
     className?: string;
     footerSlot?: React.ReactNode;
@@ -19,5 +20,5 @@ type DataListProps<T extends {
 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;
+}>({ data, active, setActive, onCreate, onDelete, onUpdate, onSwitch, renderItemActions, renderItemContent, addons, className, footerSlot, footerSlotClassName, badge, }: DataListProps<T>) => JSX.Element;
 export default DataItemList;

package/dist/EmptyState.d.ts

@@ -3,7 +3,8 @@ type Props = {
     title: string;
     description: string;
     children?: React.ReactNode;
+    size?: 'small' | 'medium';
     [key: string]: any;
 };
-export declare function EmptyState({ icon, title, description, children, ...rest }: Props): JSX.Element;
+export declare function EmptyState({ icon, title, description, children, size, ...rest }: Props): JSX.Element;
 export {};

package/dist/GradientSwatchPicker.d.ts

@@ -0,0 +1,48 @@
+export type PaletteColor = {
+    name: string;
+    color: string;
+    value: string;
+};
+type GradientKind = 'linear' | 'radial';
+type Direction = 'to-t' | 'to-tr' | 'to-r' | 'to-br' | 'to-b' | 'to-bl' | 'to-l' | 'to-tl';
+type StopRole = 'from' | 'via' | 'to';
+type GradientStop = {
+    id: string;
+    role: StopRole;
+    colorToken: string;
+    position: number;
+    opacity: number;
+};
+export type TailwindGradientValue = {
+    kind: GradientKind;
+    direction: Direction;
+    stops: GradientStop[];
+};
+export type GradientSwatchPickerProps = {
+    colors: PaletteColor[];
+    activeOptionValue?: any;
+    onChange?: (nextClassGroups: any) => 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 gradientClassGroupsToArray(groups: Record<string, any>): Array<{
+    id: string;
+    value: string;
+}>;
+export declare function gradientValueToArray(value: TailwindGradientValue): Array<{
+    id: string;
+    value: string;
+}>;
+export declare const arrayToGradient: (arr: Array<{
+    id: string;
+    value: string;
+    selector?: string;
+}>) => TailwindGradientValue;
+export declare function normalizeStops(stops: GradientStop[]): GradientStop[];
+export type TailwindGradientPickerProps = {
+    palette: PaletteColor[];
+    value: TailwindGradientValue;
+    onChange: (value: TailwindGradientValue) => void;
+};
+export declare const TailwindGradientPicker: React.FC<TailwindGradientPickerProps>;
+export {};

package/dist/Modal.d.ts

@@ -1,10 +1,17 @@
 export declare const useModalContext: () => any;
 type ModalProps = {
     children: React.ReactElement | React.ReactElement[];
-    onOpenChange?: (checked: boolean) => void;
-    title: string;
-    className?: string;
+    /** controlled */
+    open?: boolean;
+    /** uncontrolled fallback */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title?: string;
     size?: 'small' | 'medium' | 'large' | 'fill' | 'wide';
+    /** passthrough props */
+    onRequestClose?: () => void;
+    shouldCloseOnEsc?: boolean;
+    shouldCloseOnClickOutside?: boolean;
     [key: string]: any;
 };
 export declare const Modal: React.FC<ModalProps>;

package/dist/Tabs.d.ts

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

package/dist/TagInput.d.ts

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

package/dist/index.d.ts

@@ -13,6 +13,13 @@ export { DropdownPicker } from './DropdownPicker.js';
 export { EmptyState } from './EmptyState.js';
 export { FloatingPanel } from './FloatingPanel.js';
 export { FocalPointControl } from './FocalPointControl.js';
+export { classGroupsToGradientValue } from './GradientSwatchPicker.js';
+export { gradientValueToClassGroups } from './GradientSwatchPicker.js';
+export { gradientClassGroupsToArray } from './GradientSwatchPicker.js';
+export { gradientValueToArray } from './GradientSwatchPicker.js';
+export { arrayToGradient } from './GradientSwatchPicker.js';
+export { normalizeStops } from './GradientSwatchPicker.js';
+export { TailwindGradientPicker } from './GradientSwatchPicker.js';
 export { Icon } from './Icon.js';
 export { Label } from './Label.js';
 export { LinkPicker } from './LinkPicker.js';