@blockbite/ui 2.0.20 → 2.0.22

package/dist/AutocompleteDropdown.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 interface OptionPanelDropdownProps {
-    defaultValue: string;
+    value: string;
     options: {
         label: string;
         value: string;
@@ -8,5 +7,5 @@ interface OptionPanelDropdownProps {
     onPressedChange: (value: string) => void;
     swatch?: boolean;
 }
-export declare function AutocompleteDropdown({ defaultValue, options, swatch, onPressedChange, }: OptionPanelDropdownProps): React.JSX.Element;
+export declare function AutocompleteDropdown({ value, options, swatch, onPressedChange, }: OptionPanelDropdownProps): JSX.Element;
 export {};

package/dist/Badge.d.ts

@@ -1,9 +1,8 @@
-import { default as React } from 'react';
 type BadgeProps = {
     children?: React.ReactNode;
     className?: string;
     label?: string;
     onClick?: () => void;
 };
-export declare const Badge: ({ children, className, label, onClick }: BadgeProps) => React.JSX.Element;
+export declare const Badge: ({ children, className, label, onClick }: BadgeProps) => JSX.Element;
 export {};

package/dist/BitePreview.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 export declare const BitePreview: ({ htmlContent, cssContent, frontendAssets }: {
     htmlContent: any;
     cssContent: any;
     frontendAssets: any;
-}) => React.JSX.Element;
+}) => JSX.Element;

package/dist/Button.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type ButtonProps = {
     children?: React.ReactNode;
     asChild?: boolean;
@@ -11,5 +10,5 @@ type ButtonProps = {
     icon?: any;
     disabled?: boolean;
 };
-export declare const Button: ({ children, size, label, className, onClick, variant, display, icon, disabled, }: ButtonProps) => React.JSX.Element;
+export declare const Button: ({ children, size, label, className, onClick, variant, display, icon, disabled, }: ButtonProps) => JSX.Element;
 export {};

package/dist/ButtonToggle.d.ts

@@ -1,9 +1,8 @@
-import { default as React } from 'react';
 type ButtonToggleProps = {
     children?: React.ReactNode;
     className?: string;
     value: string;
-    defaultPressed: string;
+    pressed: boolean;
     variant?: 'primary' | 'secondary';
     size?: 'small' | 'default' | 'compact';
     icon?: any;
@@ -21,7 +20,7 @@ type ButtonToggleGroupOptionProp = {
 type ButtonToggleGroupProps = {
     className?: string;
     options: ButtonToggleGroupOptionProp[];
-    defaultPressed?: string;
+    value: string;
     toggle?: boolean;
     size?: 'small' | 'default' | 'compact';
     tabs?: boolean;
@@ -31,6 +30,10 @@ type ButtonToggleGroupProps = {
     icon?: any;
     onPressedChange?: (value: string) => void;
 };
-export declare const ButtonToggle: React.FC<ButtonToggleProps>;
-export declare const ButtonToggleGroup: React.FC<ButtonToggleGroupProps>;
+export declare const ButtonToggle: React.FC<Omit<ButtonToggleProps, 'defaultPressed'> & {
+    pressed: boolean;
+}>;
+export declare const ButtonToggleGroup: React.FC<Omit<ButtonToggleGroupProps, 'defaultPressed'> & {
+    value: string;
+}>;
 export {};

package/dist/Chapter.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 type ChapterProps = {
     children?: React.ReactNode;
     className?: string;
     title?: string;
 };
-export declare const Chapter: ({ children, title }: ChapterProps) => React.JSX.Element;
+export declare const Chapter: ({ children, title }: ChapterProps) => JSX.Element;
 export {};

package/dist/ChapterDivider.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type ChapterDividerProps = {
     title?: string;
     className?: string;
@@ -6,5 +5,5 @@ type ChapterDividerProps = {
     badge?: string;
     [key: string]: any;
 };
-export declare const ChapterDivider: ({ title, className, help, badge, ...props }: ChapterDividerProps) => React.JSX.Element;
+export declare const ChapterDivider: ({ title, className, help, badge, ...props }: ChapterDividerProps) => JSX.Element;
 export {};

package/dist/Checkbox.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type CheckboxProps = {
     id: string;
     label?: string;
@@ -6,5 +5,5 @@ type CheckboxProps = {
     defaultChecked?: boolean;
     onCheckedChange: (checked: boolean, id: string) => void;
 };
-export declare const Checkbox: ({ label, help, defaultChecked }: CheckboxProps) => React.JSX.Element;
+export declare const Checkbox: ({ label, help, defaultChecked }: CheckboxProps) => JSX.Element;
 export {};

package/dist/DataItemList.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { DataItem } from '@blockbite/types';
 type DataListProps = {
     data: DataItem[];
@@ -14,5 +13,5 @@ type DataListProps = {
     footerSlot?: React.ReactNode;
     footerSlotClassName?: string;
 };
-export declare const DataItemList: ({ data, active, setActive, onCreate, onDelete, onUpdate, onSwitch, renderItemActions, addons, className, footerSlot, footerSlotClassName, }: DataListProps) => React.JSX.Element;
+export declare const DataItemList: ({ data, active, setActive, onCreate, onDelete, onUpdate, onSwitch, renderItemActions, addons, className, footerSlot, footerSlotClassName, }: DataListProps) => JSX.Element;
 export default DataItemList;

package/dist/DisappearingMessage.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type DisappearingMessageProps = {
     message?: string;
     className?: string;
@@ -6,5 +5,5 @@ type DisappearingMessageProps = {
     children?: React.ReactNode;
     show: boolean;
 };
-export declare const DisappearingMessage: ({ duration, className, children, show, message, }: DisappearingMessageProps) => React.JSX.Element;
+export declare const DisappearingMessage: ({ duration, className, children, show, message, }: DisappearingMessageProps) => JSX.Element;
 export {};

package/dist/DropdownPicker.d.ts

@@ -1,9 +1,9 @@
-import { default as React } from 'react';
 type DropdownPickerProps = {
     label?: string;
     className?: string;
-    defaultValue: string;
+    value: string;
     defaultIcon?: any;
+    size?: 'small' | 'medium' | 'large';
     options: {
         icon?: React.ReactElement;
         label: string;
@@ -11,6 +11,7 @@ type DropdownPickerProps = {
         value: string;
     }[];
     onPressedChange: (value: string | null) => void;
+    [x: string]: any;
 };
-export declare const DropdownPicker: ({ label, className, defaultValue, defaultIcon, onPressedChange, options, }: DropdownPickerProps) => React.JSX.Element;
+export declare const DropdownPicker: ({ label, className, value, defaultIcon, size, onPressedChange, options, ...rest }: DropdownPickerProps) => JSX.Element;
 export {};

package/dist/EmptyState.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type Props = {
     icon?: JSX.Element;
     title: string;
@@ -6,5 +5,5 @@ type Props = {
     children?: React.ReactNode;
     [key: string]: any;
 };
-export declare function EmptyState({ icon, title, description, children, ...rest }: Props): React.JSX.Element;
+export declare function EmptyState({ icon, title, description, children, ...rest }: Props): JSX.Element;
 export {};

package/dist/FloatingPanel.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 type DraggablePanelProps = {
     children: React.ReactNode;
 };
 export declare function FloatingPanel({ children, }: DraggablePanelProps & {
     children: React.ReactNode;
-}): React.JSX.Element;
+}): JSX.Element;
 export {};

package/dist/FocalPointControl.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 type FocalPointControlProps = {
-    defaultValue: string;
+    value: string;
     onValueChange: (value: string) => void;
     url?: string;
 };

package/dist/Icon.d.ts

@@ -1,7 +1,6 @@
-import { default as React } from 'react';
 type IconProps = {
     icon: React.FC<React.SVGProps<SVGSVGElement>> | null;
-    className?: string;
+    [x: string]: any;
 };
-export declare const Icon: ({ icon: IconComponent, className }: IconProps) => React.JSX.Element;
+export declare const Icon: ({ icon: IconComponent, ...rest }: IconProps) => JSX.Element;
 export {};

package/dist/LinkPicker.d.ts

@@ -1,2 +1 @@
-import { default as React } from 'react';
-export declare function LinkPicker(props: any): React.JSX.Element;
+export declare function LinkPicker(props: any): JSX.Element;

package/dist/MediaPicker.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 export declare function MediaPicker({ mediaProps, mediaCallback }: {
     mediaProps: any;
     mediaCallback: any;
-}): React.JSX.Element;
+}): JSX.Element;

package/dist/MetricsControl.d.ts

@@ -1,7 +1,6 @@
-import { default as React } from 'react';
 type MetricsControlProps = {
-    defaultUnit: string;
-    defaultValue: string;
+    unit: string;
+    value: string;
     units?: string[] | 'native' | 'percent' | 'grid' | 'arbitrary' | 'fluid' | 'screen' | 'all';
     inputClassName?: string;
     onValueChange: (value: string) => void;

package/dist/Modal.d.ts

@@ -1,9 +1,4 @@
-import { default as React } from 'react';
-type ModalContextType = {
-    closeModal: () => void;
-    openModal: () => void;
-};
-export declare const useModalContext: () => ModalContextType;
+export declare const useModalContext: () => any;
 type ModalProps = {
     children: React.ReactElement | React.ReactElement[];
     defaultOpen: boolean;

package/dist/NewWindowPortal.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 type Props = {
     windowInstance: Window;
     onClose: () => void;
     children: React.ReactNode;
 };
-export declare const NewWindowPortal: ({ windowInstance, onClose, children, }: Props) => React.ReactPortal;
+export declare const NewWindowPortal: ({ windowInstance, onClose, children, }: Props) => ReactPortal;
 export {};

package/dist/Notice.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 type NoticeProps = {
     children: React.ReactNode;
     className?: string;
     status?: 'success' | 'error' | 'warning' | 'info';
 };
-export declare const Notice: ({ children, status, className, }: NoticeProps) => React.JSX.Element;
+export declare const Notice: ({ children, status, className, }: NoticeProps) => JSX.Element;
 export {};

package/dist/PasswordInput.d.ts

@@ -1,9 +1,8 @@
-import { default as React } from 'react';
 type PasswordInputProps = {
     label: string;
     value: string;
     onChange: (value: string) => void;
     [key: string]: any;
 };
-export declare const PasswordInput: ({ label, value, onChange, ...rest }: PasswordInputProps) => React.JSX.Element;
+export declare const PasswordInput: ({ label, value, onChange, ...rest }: PasswordInputProps) => JSX.Element;
 export {};

package/dist/Popover.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type PopoverProps = {
     children: React.ReactNode;
     className?: string;

package/dist/ProjectsNavigation.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 export type ProjectItem = {
     id: string | number;
     name: string;
@@ -10,5 +9,5 @@ type Props = {
     onSelect: (id: string | number) => void;
     className?: string;
 };
-export declare const ProjectsNavigation: ({ items, activeId, onSelect, className, }: Props) => React.JSX.Element;
+export declare const ProjectsNavigation: ({ items, activeId, onSelect, className, }: Props) => JSX.Element;
 export {};

package/dist/RangeSlider.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 export type RangeControlType = {
-    defaultValue: string;
+    value: string;
     label: string;
     min: number;
     max: number;

package/dist/ResponsiveImage.d.ts

@@ -1,2 +1 @@
-import { default as React } from 'react';
-export declare function ResponsiveImage(props: any): React.JSX.Element;
+export declare function ResponsiveImage(props: any): JSX.Element;

package/dist/ResponsiveVideo.d.ts

@@ -1,2 +1 @@
-import { default as React } from 'react';
-export declare function ResponsiveVideo(props: any): React.JSX.Element;
+export declare function ResponsiveVideo(props: any): JSX.Element;

package/dist/ScrollList.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type ScrollListProps = {
     children: React.ReactNode;
     className?: string;

package/dist/SelectControlWrapper.d.ts

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

package/dist/SingleBlockTypeAppender.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 interface SingleBlockTypeAppenderProps {
     buttonText?: string;
 }
-export declare const SingleBlockTypeAppender: ({ buttonText, }: SingleBlockTypeAppenderProps) => React.JSX.Element;
+export declare const SingleBlockTypeAppender: ({ buttonText, }: SingleBlockTypeAppenderProps) => JSX.Element;
 export {};

package/dist/SlideIn.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 type SlideInProps = {
     children: React.ReactNode;
     className?: string;
     watch?: any;
 };
-export declare const SlideIn: ({ children, watch, className }: SlideInProps) => React.JSX.Element;
+export declare const SlideIn: ({ children, watch, className }: SlideInProps) => JSX.Element;
 export {};

package/dist/Spinner.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 type SpinnerProps = {
     label?: string;
     className?: string;
     defaultValue: boolean;
 };
-export declare const Spinner: ({ className, defaultValue }: SpinnerProps) => React.JSX.Element;
+export declare const Spinner: ({ className, defaultValue }: SpinnerProps) => JSX.Element;
 export {};

package/dist/Tabs.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type TabsProps = {
     className?: string;
     value?: string;
@@ -6,7 +5,7 @@ type TabsProps = {
     onValueChange?: (value: string) => void;
     children?: React.ReactNode;
 };
-export declare const TabsWrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => React.JSX.Element;
+export declare const TabsWrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => JSX.Element;
 type TabsListProps = {
     options: {
         name: string;
@@ -17,16 +16,16 @@ type TabsListProps = {
     onValueChange?: (value: string) => void;
     className?: string;
 };
-export declare const TabsList: ({ options, children, className, onValueChange, }: TabsListProps) => React.JSX.Element;
+export declare const TabsList: ({ options, children, className, onValueChange, }: TabsListProps) => JSX.Element;
 type TabsContentProps = {
     value: string;
     children: React.ReactNode;
     className?: string;
 };
-export declare const TabsContent: ({ value, children, className, }: TabsContentProps) => React.JSX.Element;
+export declare const TabsContent: ({ value, children, className, }: TabsContentProps) => JSX.Element;
 export declare const Tabs: {
-    Wrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => React.JSX.Element;
-    List: ({ options, children, className, onValueChange, }: TabsListProps) => React.JSX.Element;
-    Content: ({ value, children, className, }: TabsContentProps) => React.JSX.Element;
+    Wrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => JSX.Element;
+    List: ({ options, children, className, onValueChange, }: TabsListProps) => JSX.Element;
+    Content: ({ value, children, className, }: TabsContentProps) => JSX.Element;
 };
 export {};

package/dist/Tag.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type TagProps = {
     children: React.ReactNode;
     className?: string;
@@ -6,5 +5,5 @@ type TagProps = {
     asButton?: boolean;
     onClick?: () => void;
 };
-export declare const Tag: ({ children, onClick, color, className, }: TagProps) => React.JSX.Element;
+export declare const Tag: ({ children, onClick, color, className, }: TagProps) => JSX.Element;
 export {};

package/dist/TextControl.d.ts

@@ -1,18 +1 @@
-import { default as React } from 'react';
-type TextControlProps = {
-    className?: string;
-    inputClassName?: string;
-    defaultValue: any;
-    children?: React.ReactNode;
-    onChange?: (value: string) => void;
-    onClick?: () => void;
-    readOnly?: boolean;
-    placeholder?: string;
-    onBlur?: (value: any) => void;
-    type?: string;
-    label?: string;
-    helper?: string;
-    [key: string]: any;
-};
-export declare const TextControl: React.ForwardRefExoticComponent<Omit<TextControlProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export {};
+export declare const TextControl: any;

package/dist/TextControlLabel.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type TextControlLabelProps = {
     className?: string;
     defaultValue: any;
@@ -6,5 +5,5 @@ type TextControlLabelProps = {
     onChange?: (value: string) => void;
     onClick?: () => void;
 };
-export declare const TextControlLabel: ({ onChange, defaultValue, children, }: TextControlLabelProps) => React.JSX.Element;
+export declare const TextControlLabel: ({ onChange, defaultValue, children, }: TextControlLabelProps) => JSX.Element;
 export {};

package/dist/ToggleGroup.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type ToggleProps = {
     className?: string;
     options: {
@@ -6,7 +5,7 @@ type ToggleProps = {
         label: string;
         icon?: React.ReactElement;
     }[];
-    defaultPressed: string;
+    value: string;
     label?: string | boolean;
     variant?: 'primary' | 'secondary';
     display?: 'icon' | 'label';

package/dist/ToggleSwitch.d.ts

@@ -1,9 +1,8 @@
-import { default as React } from 'react';
 type ToggleSwitchProps = {
     label?: string;
     className?: string;
     onChange?: (checked: boolean) => void;
     checked?: boolean;
 };
-export declare const ToggleSwitch: ({ label, className, onChange, checked, }: ToggleSwitchProps) => React.JSX.Element;
+export declare const ToggleSwitch: ({ label, className, onChange, checked, }: ToggleSwitchProps) => JSX.Element;
 export {};

package/dist/Wrap.d.ts

@@ -1,9 +1,8 @@
-import { default as React } from 'react';
 type WrapProps = {
     children: React.ReactNode;
     className?: string;
     important?: boolean;
     onClick?: (e: React.MouseEvent) => void;
 };
-export declare const Wrap: ({ children, className, important, onClick, }: WrapProps) => React.JSX.Element;
+export declare const Wrap: ({ children, className, important, onClick, }: WrapProps) => JSX.Element;
 export {};