@janbox/storefront-builder 1.0.0

package/dist/editor/ui/floating/wb-floating/types.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+import { AutoUpdateOptions, OffsetOptions, Placement, SizeOptions, UseClickProps, UseDismissProps, UseFloatingOptions, UseFloatingReturn, UseFocusProps, UseHoverProps } from '@floating-ui/react';
+export type WbFloatingProps = PropsWithChildren<{
+    placement?: Placement;
+    onOpenChange?: UseFloatingOptions['onOpenChange'];
+    open?: boolean;
+    elements?: UseFloatingOptions['elements'];
+    clickProps?: UseClickProps;
+    dismissProps?: UseDismissProps;
+    hoverProps?: UseHoverProps;
+    focusProps?: UseFocusProps;
+    offsetOptions?: OffsetOptions;
+    sizeOptions?: SizeOptions;
+    autoUpdateOptions?: AutoUpdateOptions;
+}>;
+export type WbFloatingRef = UseFloatingReturn;

package/dist/editor/ui/floating/wb-floating-close/index.d.ts

@@ -0,0 +1,2 @@
+export * from './wb-floating-close';
+export * from './types';

package/dist/editor/ui/floating/wb-floating-close/types.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'react';
+import { OpenChangeReason } from '@floating-ui/react';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+export type WbFloatingCloseProps = ShallowMerge<JSX.IntrinsicElements['div'], {
+    event?: keyof HTMLElementEventMap;
+    reason?: OpenChangeReason;
+}>;

package/dist/editor/ui/floating/wb-floating-close/wb-floating-close.d.ts

@@ -0,0 +1,2 @@
+import { WbFloatingCloseProps } from './types';
+export declare const WbFloatingClose: import('react').ForwardRefExoticComponent<Omit<WbFloatingCloseProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/editor/ui/floating/wb-floating-content/index.d.ts

@@ -0,0 +1,2 @@
+export * from './wb-floating-content';
+export * from './types';

package/dist/editor/ui/floating/wb-floating-content/types.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, HTMLProps } from 'react';
+import { FloatingFocusManager, FloatingOverlay, FloatingPortal } from '@floating-ui/react';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+export type WbFloatingContentProps = ShallowMerge<HTMLProps<HTMLDivElement>, {
+    floatingPortalProps?: Partial<ComponentProps<typeof FloatingPortal>>;
+    floatingOverlayProps?: Partial<ShallowMerge<ComponentProps<typeof FloatingOverlay>, {
+        disabled: boolean;
+    }>>;
+    floatingFocusManagerProps?: Partial<ComponentProps<typeof FloatingFocusManager>>;
+}>;

package/dist/editor/ui/floating/wb-floating-content/wb-floating-content.d.ts

@@ -0,0 +1,2 @@
+import { WbFloatingContentProps } from './types';
+export declare const WbFloatingContent: import('react').ForwardRefExoticComponent<Omit<WbFloatingContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/editor/ui/form-label/form-label.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+export type FormLabelProps = ShallowMerge<JSX.IntrinsicElements['div'], {
+    required?: boolean;
+}>;
+export declare const WbFormLabel: ({ required, className, children, ...props }: FormLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/form-label/index.d.ts

@@ -0,0 +1 @@
+export * from './form-label';

package/dist/editor/ui/icon/icon.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react';
+export type WbIconProps = JSX.IntrinsicElements['svg'] & {
+    size?: number;
+    source: string;
+};
+export declare const WbIcon: ({ source, size, width, height, ...props }: WbIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/icon/index.d.ts

@@ -0,0 +1 @@
+export * from './icon';

package/dist/editor/ui/icon-button/icon-button.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'react';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+import { WbButtonSize } from '../../types';
+import { WbTooltipProps } from '../tooltip';
+export type WbIconButtonProps = ShallowMerge<JSX.IntrinsicElements['button'], {
+    size?: WbButtonSize;
+    tooltip?: Omit<WbTooltipProps, 'children'>;
+    isHighlighted?: boolean;
+}>;
+export declare const WbIconButton: import('react').ForwardRefExoticComponent<Omit<WbIconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/editor/ui/icon-button/index.d.ts

@@ -0,0 +1 @@
+export * from './icon-button';

package/dist/editor/ui/index.d.ts

@@ -0,0 +1,25 @@
+export * from './icon-button';
+export * from './button-group';
+export * from './button';
+export * from './input-number';
+export * from './input';
+export * from './popover';
+export * from './color-picker';
+export * from './menu';
+export * from './radio-button';
+export * from './tabs';
+export * from './scroll-view';
+export * from './select';
+export * from './loading-overlay';
+export * from './switch';
+export * from './textarea';
+export * from './tooltip';
+export * from './collapse';
+export * from './icon';
+export * from './dropzone';
+export * from './dialog';
+export * from './form-label';
+export * from './date-picker';
+export * from './virtualized-list';
+export * from './svg-loader';
+export * from './floating';

package/dist/editor/ui/input/index.d.ts

@@ -0,0 +1 @@
+export * from './input';

package/dist/editor/ui/input/input.d.ts

@@ -0,0 +1,22 @@
+import { JSX, Ref } from 'react';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+export type WbInputProps = ShallowMerge<JSX.IntrinsicElements['input'], {
+    size?: '28' | '32' | '36';
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    classes?: {
+        input?: string;
+        main?: string;
+        container?: string;
+    };
+    fullWidth?: boolean;
+    value?: string | number;
+    wrapRef?: Ref<HTMLDivElement>;
+    mode?: 'onChange' | 'onBlur';
+    debounce?: number;
+    transform?: (value: string) => string;
+    error?: boolean;
+    helperText?: string;
+    selectOnFocus?: boolean;
+}>;
+export declare const WbInput: ({ prefix, suffix, classes, className, size, transform, fullWidth, wrapRef, onChange: onChangeProp, mode, debounce, value, ref, error, helperText, selectOnFocus, ...props }: WbInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/input-number/index.d.ts

@@ -0,0 +1 @@
+export * from './input-number';

package/dist/editor/ui/input-number/input-number.d.ts

@@ -0,0 +1,11 @@
+import { WbInputProps } from '../input';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+export type WbInputNumberProps = ShallowMerge<WbInputProps, {
+    min?: number;
+    max?: number;
+    fractionDigits?: number;
+    step?: number;
+    value?: number | string;
+    defaultValue?: number;
+}>;
+export declare const WbInputNumber: ({ min, max, fractionDigits, value, defaultValue, step, ref, ...props }: WbInputNumberProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/loading-overlay/index.d.ts

@@ -0,0 +1 @@
+export * from './loading-overlay';

package/dist/editor/ui/loading-overlay/loading-overlay.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+export type EsLoadingOverlayProps = ShallowMerge<JSX.IntrinsicElements['div'], {
+    isLoading?: boolean;
+    hideChildrenOnLoading?: boolean;
+    size?: number;
+}>;
+export declare const WbLoadingOverlay: ({ className, style, children, isLoading, hideChildrenOnLoading, size, ...props }: EsLoadingOverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/menu/context.d.ts

@@ -0,0 +1,5 @@
+import { UseFloatingReturn, UseInteractionsReturn } from '@floating-ui/react';
+type WbMenuContextType = UseFloatingReturn & UseInteractionsReturn;
+export declare const WbMenuContext: import('react').Context<WbMenuContextType>;
+export declare const useWbMenuContext: () => WbMenuContextType;
+export {};

package/dist/editor/ui/menu/index.d.ts

@@ -0,0 +1,4 @@
+export * from './menu';
+export * from './menu-trigger';
+export * from './menu-list';
+export * from './menu-item';

package/dist/editor/ui/menu/menu-core.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+import { Placement, ReferenceType, UseDismissProps, UseFloatingOptions, OffsetOptions } from '@floating-ui/react';
+export type PortalTriggerEvent = 'click' | 'hover';
+export type WbMenuCoreProps = PropsWithChildren<{
+    placement?: Placement;
+    onOpenChange?: UseFloatingOptions['onOpenChange'];
+    open?: boolean;
+    dissmiss?: UseDismissProps;
+    trigger?: PortalTriggerEvent;
+    reference?: ReferenceType | null;
+    offset?: OffsetOptions;
+}>;
+export declare const WbMenuCore: ({ open, placement, onOpenChange, dissmiss, children, reference, trigger, offset, }: WbMenuCoreProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/menu/menu-item.d.ts

@@ -0,0 +1,5 @@
+import { LiHTMLAttributes } from 'react';
+export interface WbMenuItemProps extends LiHTMLAttributes<HTMLLIElement> {
+    isActive?: boolean;
+}
+export declare const WbMenuItem: import('react').ForwardRefExoticComponent<WbMenuItemProps & import('react').RefAttributes<HTMLLIElement>>;

package/dist/editor/ui/menu/menu-list.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const WbMenuList: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & import('react').RefAttributes<HTMLUListElement>>;

package/dist/editor/ui/menu/menu-trigger.d.ts

@@ -0,0 +1,2 @@
+import { HTMLProps } from 'react';
+export declare const WbMenuTrigger: import('react').ForwardRefExoticComponent<Omit<HTMLProps<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;

package/dist/editor/ui/menu/menu.d.ts

@@ -0,0 +1,3 @@
+import { WbMenuCoreProps } from './menu-core';
+export type MenuProps = WbMenuCoreProps;
+export declare const WbMenu: React.FC<MenuProps>;

package/dist/editor/ui/popover/context.d.ts

@@ -0,0 +1,5 @@
+import { UseFloatingReturn, UseInteractionsReturn } from '@floating-ui/react';
+type WbPopoverContextType = UseFloatingReturn & UseInteractionsReturn;
+export declare const WbPopoverContext: import('react').Context<WbPopoverContextType>;
+export declare const useWbPopoverContext: () => WbPopoverContextType;
+export {};

package/dist/editor/ui/popover/index.d.ts

@@ -0,0 +1,4 @@
+export * from './popover';
+export * from './popover-trigger';
+export * from './popover-content';
+export * from './popover-close';

package/dist/editor/ui/popover/popover-close.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+import { OpenChangeReason } from '@floating-ui/react';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+export type WbPopoverCloseProps = ShallowMerge<JSX.IntrinsicElements['div'], {
+    event?: keyof HTMLElementEventMap;
+    reason?: OpenChangeReason;
+}>;
+export declare const WbPopoverClose: ({ event, reason, className, ref, ...props }: WbPopoverCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/popover/popover-content.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const WbPopoverContent: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/editor/ui/popover/popover-core.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import { Elements, Placement, ReferenceType, UseDismissProps, UseFloatingOptions } from '@floating-ui/react';
+export type WbPopoverCoreProps = PropsWithChildren<{
+    placement?: Placement;
+    onOpenChange?: UseFloatingOptions['onOpenChange'];
+    open?: boolean;
+    dissmiss?: UseDismissProps;
+    triggers?: Array<'click' | 'hover'>;
+    contentStyle?: Partial<CSSStyleDeclaration> | ((elements: Elements) => Partial<CSSStyleDeclaration>);
+    reference?: ReferenceType | null;
+}>;
+export declare const WbPopoverCore: ({ open, placement, onOpenChange, dissmiss, children, contentStyle, reference, triggers, }: WbPopoverCoreProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/popover/popover-trigger.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const WbPopoverTrigger: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import('react').RefAttributes<HTMLElement>>;

package/dist/editor/ui/popover/popover.d.ts

@@ -0,0 +1,3 @@
+import { WbPopoverCoreProps } from './popover-core';
+export type WbPopoverProps = WbPopoverCoreProps;
+export declare const WbPopover: React.FC<WbPopoverProps>;

package/dist/editor/ui/radio-button/index.d.ts

@@ -0,0 +1 @@
+export * from './radio-button';

package/dist/editor/ui/radio-button/radio-button.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+export type WbRadioButtonProps = ShallowMerge<JSX.IntrinsicElements['input'], {
+    size?: number;
+}>;
+export declare const WbRadioButton: import('react').ForwardRefExoticComponent<Omit<WbRadioButtonProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/editor/ui/scroll-view/index.d.ts

@@ -0,0 +1 @@
+export * from './scroll-view';

package/dist/editor/ui/scroll-view/scroll-view.d.ts

@@ -0,0 +1,4 @@
+import { OverlayScrollbarsComponentProps, OverlayScrollbarsComponentRef } from 'overlayscrollbars-react';
+export type WbScrollViewProps = OverlayScrollbarsComponentProps;
+export type WbScrollViewRef = OverlayScrollbarsComponentRef;
+export declare const WbScrollView: ({ children, options, ...props }: WbScrollViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/select/index.d.ts

@@ -0,0 +1 @@
+export * from './select';

package/dist/editor/ui/select/select.d.ts

@@ -0,0 +1,31 @@
+import { JSX, Ref } from 'react';
+import { Placement, UseFloatingOptions, UseDismissProps } from '@floating-ui/react';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+import { WbVirtualizedListProps } from '../virtualized-list';
+interface WbSelectExtendedProps<T extends WbSelectOptionValue, O extends object> {
+    innerRef?: Ref<HTMLDivElement>;
+    placement?: Placement;
+    contentWidth?: number | 'fit-parent';
+    onOpenChange?: UseFloatingOptions['onOpenChange'];
+    visible?: boolean;
+    dissmiss?: UseDismissProps;
+    searchable?: boolean;
+    optionLabel?: keyof O | ((option: O) => React.ReactNode);
+    optionValue?: keyof O | ((option: O) => T);
+    optionSearchLabel?: keyof O | Array<keyof O> | ((option: O) => string | string[]);
+    defaultValue?: T;
+    value?: T | null;
+    options: O[];
+    onChange?: (value: T, option: O) => void;
+    placeholder?: string;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    size?: '28' | '32' | '36';
+    listProps?: Partial<WbVirtualizedListProps>;
+    selectedRenderer?: (option: O) => React.ReactNode;
+    checkedIcon?: React.ReactNode;
+}
+export type WbSelectProps<T extends WbSelectOptionValue = WbSelectOptionValue, O extends object = object> = ShallowMerge<JSX.IntrinsicElements['button'], WbSelectExtendedProps<T, O>>;
+export type WbSelectOptionValue = string | number;
+export declare const WbSelect: <T extends WbSelectOptionValue, O extends object>(props: WbSelectProps<T, O>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/ui/svg-loader/index.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'react';
+export type WbSvgLoaderProps = JSX.IntrinsicElements['svg'] & {
+    source: string;
+};
+export declare const WbSvgLoader: import('react').ForwardRefExoticComponent<Omit<WbSvgLoaderProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;

package/dist/editor/ui/switch/index.d.ts

@@ -0,0 +1 @@
+export * from './switch';

package/dist/editor/ui/switch/switch.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+export type WbSwitchProps = ShallowMerge<JSX.IntrinsicElements['input'], {}>;
+export declare const WbSwitch: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/editor/ui/tabs/context.d.ts

@@ -0,0 +1,6 @@
+export type WbTabsContextValue = {
+    activeIndex: number;
+    focusTab: (index: number) => void;
+};
+export declare const WbTabsContext: import('react').Context<WbTabsContextValue>;
+export declare const useWbTabsContext: () => WbTabsContextValue;

package/dist/editor/ui/tabs/index.d.ts

@@ -0,0 +1,5 @@
+export * from './tabs';
+export * from './tab-list';
+export * from './tab';
+export * from './tab-content';
+export * from './tab-panel';

package/dist/editor/ui/tabs/tab-content.d.ts

@@ -0,0 +1,2 @@
+import { JSX } from 'react';
+export declare const WbTabContent: ({ children, className, ...props }: JSX.IntrinsicElements["div"]) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tab-list.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+export type WbTabListProps = ShallowMerge<JSX.IntrinsicElements['ul'], {
+    layout?: 'auto-fit' | 'auto-fill';
+}>;
+export declare const WbTabList: ({ className, children, layout, ...props }: WbTabListProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tab-panel.d.ts

@@ -0,0 +1,2 @@
+import { JSX } from 'react';
+export declare const WbTabPanel: ({ className, ...props }: JSX.IntrinsicElements["div"]) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tab.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+export type WbTabProps = ShallowMerge<JSX.IntrinsicElements['li'], {
+    classes?: {
+        active?: string;
+    };
+}>;
+export declare const WbTab: ({ className, classes, ...props }: WbTabProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tabs.d.ts

@@ -0,0 +1,8 @@
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+type WbTabsProps = ShallowMerge<React.JSX.IntrinsicElements['div'], {
+    activeIndex?: number;
+    defaultIndex?: number;
+    onTabChange?: (tabIndex: number) => void;
+}>;
+export declare const WbTabs: ({ defaultIndex, activeIndex, children, onTabChange, className, ...props }: WbTabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/ui/textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './textarea';

package/dist/editor/ui/textarea/textarea.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+export type WbTextareaProps = JSX.IntrinsicElements['textarea'];
+export declare const WbTextarea: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/editor/ui/tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './tooltip';

package/dist/editor/ui/tooltip/tooltip.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { Placement, UseFloatingOptions } from '@floating-ui/react';
+export type WbTooltipProps = PropsWithChildren<{
+    placement?: Placement;
+    onOpenChange?: UseFloatingOptions['onOpenChange'];
+    open?: boolean;
+    content?: React.ReactNode;
+}>;
+export declare const WbTooltip: ({ placement, open, onOpenChange, children, content }: WbTooltipProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/virtualized-list/index.d.ts

@@ -0,0 +1,14 @@
+import { JSX, Ref } from 'react';
+import { useVirtualizer, VirtualItem } from '@tanstack/react-virtual';
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+import { WbScrollViewRef } from '../scroll-view';
+type WbVirtualizedListOptions = Omit<Parameters<typeof useVirtualizer<HTMLDivElement, HTMLDivElement>>[0], 'getScrollElement'>;
+type WbVirtualizedListProps = ShallowMerge<JSX.IntrinsicElements['div'], {
+    RowComponent: React.ComponentType<{
+        row: VirtualItem;
+    }>;
+    options: WbVirtualizedListOptions;
+    ref?: Ref<WbScrollViewRef>;
+}>;
+export type { VirtualItem, WbVirtualizedListProps, WbVirtualizedListOptions };
+export declare const WbVirtualizedList: ({ RowComponent, options, ref, ...props }: WbVirtualizedListProps) => import("@emotion/react/jsx-runtime").JSX.Element;