@janbox/storefront-builder 1.0.0

package/dist/editor/components/breakpoint-selection.d.ts

@@ -0,0 +1,2 @@
+declare const BreakpointSelection: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BreakpointSelection;

package/dist/editor/components/color-picker-popover.d.ts

@@ -0,0 +1,10 @@
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+import { WbPopoverProps } from '../ui';
+type ColorPickerContentProps = {
+    color?: string;
+    onChange?: (color: string) => void;
+};
+export declare const ColorPickerContent: ({ color, onChange }: ColorPickerContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export type ColorPickerPopoverProps = ShallowMerge<WbPopoverProps, ColorPickerContentProps>;
+export declare const ColorPickerPopover: ({ color, onChange, children, placement, ...props }: ColorPickerPopoverProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/components/color-preview.d.ts

@@ -0,0 +1,6 @@
+interface ColorPreviewProps {
+    color?: string;
+    size?: number;
+}
+export declare const ColorPreview: ({ color, size }: ColorPreviewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/components/css-size-input.d.ts

@@ -0,0 +1,10 @@
+import { ShallowMerge } from '@janbox/storefront-ui/types';
+import { CssUnit } from '../types';
+import { WbInputNumberProps } from '../ui';
+export type CssSizeInputProps = ShallowMerge<WbInputNumberProps, {
+    units?: CssUnit[];
+    value?: string | number;
+    onChange?: (value?: string | number) => void;
+    defaultValue?: Partial<Record<CssUnit, number>>;
+}>;
+export declare const CssSizeInput: ({ units, size, value, onChange, defaultValue, ...props }: CssSizeInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/components/degree-picker.d.ts

@@ -0,0 +1 @@
+export declare const DegreePicker: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/components/frame-preview/index.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren, JSX } from 'react';
+export type FramePreviewProps = PropsWithChildren<{
+    viewport?: {
+        width?: number | ((boundingWidth: number) => number);
+        height?: number | ((boundingHeight: number) => number);
+    };
+    containerProps?: JSX.IntrinsicElements['div'];
+}>;
+export declare const FramePreview: ({ children, viewport, containerProps }: FramePreviewProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/components/image-source-selection.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface ImageSourceSelectionProps {
+    source?: string;
+    onChange?: (source?: string) => void;
+    previewStyle?: React.CSSProperties;
+}
+export declare const ImageSourceSelection: ({ source, onChange, previewStyle }: ImageSourceSelectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+export * from './breakpoint-selection';
+export * from './color-picker-popover';
+export * from './color-preview';
+export * from './css-size-input';
+export * from './degree-picker';
+export * from './image-source-selection';
+export * from './toolbar-field';
+export * from './toolbar-group';
+export * from './toolbar-container';
+export * from './text-inline-editor';
+export * from './frame-preview';

package/dist/editor/components/text-inline-editor.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { useEditor } from '@tiptap/react';
+export type TextInlineEditorPropsOptions = Parameters<typeof useEditor>[0];
+export type TextInlineEditorPropsDeps = Parameters<typeof useEditor>[1];
+export type TextInlineEditorProps = {
+    options?: TextInlineEditorPropsOptions;
+    deps?: TextInlineEditorPropsDeps;
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const TextInlineEditor: ({ options, deps, ref }: TextInlineEditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/components/toolbar-container.d.ts

@@ -0,0 +1 @@
+export declare const ToolbarContainer: (props: React.JSX.IntrinsicElements["div"]) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/components/toolbar-field.d.ts

@@ -0,0 +1,9 @@
+interface ToolbarFieldProps {
+    responsive?: boolean;
+    name?: React.ReactNode;
+    children?: React.ReactNode;
+    direction?: 'vertical' | 'horizontal';
+    guide?: React.ReactNode;
+}
+export declare const ToolbarField: ({ name, responsive, children, direction, guide }: ToolbarFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/components/toolbar-group.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'react';
+type ToolbarGroupProps = {
+    name: string;
+    responsive?: boolean;
+    slots?: {
+        right?: React.ReactNode;
+    };
+} & JSX.IntrinsicElements['section'];
+export declare const ToolbarGroup: ({ name, children, responsive, slots }: ToolbarGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import { CssUnit } from '../types';
+import { Screen } from '@janbox/storefront-ui/theme';
+import { ColorVariant } from '@janbox/storefront-ui/types';
+export type ColorVariantOption = {
+    value: ColorVariant;
+    label: string;
+};
+export declare const colorVariantOptions: ColorVariantOption[];
+export declare const previewScreenSize: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+};
+export declare const breakpointOptions: {
+    icon: string;
+    size: Screen;
+    name: string;
+}[];
+export declare const defaultCssUnit: CssUnit;

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

@@ -0,0 +1,22 @@
+import { Screen } from '@janbox/storefront-ui/theme';
+import { ToResponsiveProps } from '@janbox/storefront-ui/types';
+import { Get, Paths } from 'type-fest';
+export * from './use-editor-state';
+export declare const useEditorResponsive: () => {
+    getResponsiveProp: <O extends object, P extends Paths<O>, R = Get<O, `${P}`>>(record: ToResponsiveProps<O>, field: P, screen?: Screen, options?: {
+        condition?: (value?: R) => boolean;
+    }) => R;
+    currentScreen: Screen;
+};
+export declare const useEditorQueryParams: () => {
+    queryParams: {
+        mode: "compact" | "full";
+        screen: Screen;
+        action: string | undefined;
+    };
+    setQueryParams: (newParams: Partial<{
+        mode: "compact" | "full";
+        screen: Screen;
+        action: string | undefined;
+    }>, navigateOpts?: import('react-router').NavigateOptions) => void;
+};

package/dist/editor/hooks/use-editor-state.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@janbox/storefront-ui/theme';
+export type EditorState = {
+    theme: Theme;
+};
+export declare const useEditorState: (initialState?: EditorState) => [EditorState, (partial: Partial<EditorState>) => void];

package/dist/editor/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib';
+export * from './hooks';

package/dist/editor/lib/events.d.ts

@@ -0,0 +1,5 @@
+export type WorkbenchEventType = {
+    close: void;
+    submit: void;
+};
+export declare const WorkbenchEvent: import('mitt').Emitter<WorkbenchEventType>;

package/dist/editor/lib/header/index.d.ts

@@ -0,0 +1 @@
+export declare const Header: () => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { Theme } from '@janbox/storefront-ui/theme';
+import { SidebarProps } from './sidebar';
+import { Resolver } from '../../types';
+export type EditorProps = {
+    theme: Theme;
+    insert: SidebarProps['insert'];
+    resolver: Resolver;
+};
+export type { InsertElementGroup, InsertSectionGroup } from './sidebar/insert-action';
+export declare const Editor: ({ theme, insert }: EditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/lib/node-renderer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './node-actions';
+export * from './node-focused';
+export * from './node-renderer';

package/dist/editor/lib/node-renderer/node-actions.d.ts

@@ -0,0 +1 @@
+export declare const DefaultNodeActions: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/lib/node-renderer/node-focused.d.ts

@@ -0,0 +1 @@
+export declare const DefaultNodeFocused: () => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/editor/lib/node-renderer/node-renderer.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export declare const DefaultNodeRenderer: ({ render }: {
+    render: React.ReactElement;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/lib/register.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/editor/lib/sidebar/index.d.ts

@@ -0,0 +1,5 @@
+import { InsertActionProps } from './insert-action';
+export type SidebarProps = {
+    insert: InsertActionProps;
+};
+export declare const Sidebar: ({ insert }: SidebarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/lib/sidebar/insert-action.d.ts

@@ -0,0 +1,30 @@
+import { WbSvgLoaderProps } from '../../ui';
+import { NodeTree } from '../../../types';
+export type InsertElementGroup = {
+    name: string;
+    elements: {
+        name: string;
+        template: React.ReactElement | (() => NodeTree | React.ReactElement);
+        icon: WbSvgLoaderProps;
+        autoFocus?: boolean | ((nodeTree: NodeTree) => boolean);
+        onCreate?: (nodeTree: NodeTree) => void;
+    }[];
+};
+export type InsertSectionGroup = {
+    name: string;
+    icon: WbSvgLoaderProps;
+    sections: {
+        template: React.ReactElement | (() => NodeTree | React.ReactElement);
+        autoFocus?: boolean | ((nodeTree: NodeTree) => boolean);
+        onCreate?: (nodeTree: NodeTree) => void;
+    }[];
+};
+export interface InsertActionProps {
+    elements: InsertElementGroup[];
+    sections: InsertSectionGroup[];
+}
+export declare const InsertAction: ({ elements, sections }: InsertActionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SectionInsertionGroup: ({ group }: {
+    group: InsertSectionGroup;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SectionInsertion: ({ template, autoFocus, onCreate }: InsertSectionGroup["sections"][number]) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/lib/sidebar/layers-action.d.ts

@@ -0,0 +1,4 @@
+declare const LayersAction: ({ onClose }: {
+    onClose?: () => void;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default LayersAction;

package/dist/editor/toolbars/anchor-target/anchor-target.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributeAnchorTarget } from 'react';
+export type AnchorTargetToolbarProps = {
+    value?: HTMLAttributeAnchorTarget;
+    onChange?: (value: HTMLAttributeAnchorTarget) => void;
+    name?: string;
+};
+export declare const AnchorTargetToolbar: ({ value, onChange, name }: AnchorTargetToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/toolbars/anchor-target/index.d.ts

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

package/dist/editor/toolbars/aspect-ratio/aspect-ratio.d.ts

@@ -0,0 +1,17 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type CssAspectRatioValue = {
+    aspectRatio?: StyledCSS['aspectRatio'];
+};
+type AspectRatioOption = {
+    value: string;
+    label: string;
+};
+interface AspectRatioToolbarProps {
+    suggestOptions?: AspectRatioOption[];
+    responsive?: boolean;
+    name?: React.ReactNode;
+    value?: CssAspectRatioValue;
+    onChange?: (value: CssAspectRatioValue) => void;
+}
+export declare const AspectRatioToolbar: ({ suggestOptions, responsive, name, value, onChange, }: AspectRatioToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/toolbars/aspect-ratio/index.d.ts

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

package/dist/editor/toolbars/background/background-toolbar.d.ts

@@ -0,0 +1,2 @@
+import { BackgroundToolbarProps } from './types';
+export declare const BackgroundToolbar: ({ value, onChange }: BackgroundToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/toolbars/background/bg-color-tab.d.ts

@@ -0,0 +1,7 @@
+import { CssBackgroundValue } from './types';
+interface BgColorTabProps {
+    value?: CssBackgroundValue;
+    onChange?: (value: CssBackgroundValue) => void;
+}
+declare const BgColorTab: ({ value, onChange }: BgColorTabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BgColorTab;

package/dist/editor/toolbars/background/bg-image-tab.d.ts

@@ -0,0 +1,7 @@
+import { CssBackgroundValue } from './types';
+interface BgImageTabProps {
+    value?: CssBackgroundValue;
+    onChange?: (value: CssBackgroundValue) => void;
+}
+declare const BgImageTab: ({ onChange, value }: BgImageTabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BgImageTab;

package/dist/editor/toolbars/background/dataset.d.ts

@@ -0,0 +1,11 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export declare const backgroundRepeatOptions: {
+    value: StyledCSS['backgroundRepeat'];
+    icon: string;
+}[];
+export declare const backgroundPositions: StyledCSS['backgroundPosition'][];
+export declare const backgroundSizes: StyledCSS['backgroundSize'][];
+export declare const backgroundAttachmentOptions: {
+    value: StyledCSS['backgroundAttachment'];
+    label: string;
+}[];

package/dist/editor/toolbars/background/index.d.ts

@@ -0,0 +1,2 @@
+export * from './background-toolbar';
+export * from './types';

package/dist/editor/toolbars/background/types.d.ts

@@ -0,0 +1,14 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type CssBackgroundValue = {
+    backgroundColor?: StyledCSS['backgroundColor'];
+    backgroundPosition?: StyledCSS['backgroundPosition'];
+    backgroundRepeat?: StyledCSS['backgroundRepeat'];
+    background?: StyledCSS['background'];
+    backgroundImage?: StyledCSS['backgroundImage'];
+    backgroundSize?: StyledCSS['backgroundSize'];
+    backgroundAttachment?: StyledCSS['backgroundAttachment'];
+};
+export interface BackgroundToolbarProps {
+    value?: CssBackgroundValue;
+    onChange?: (value: CssBackgroundValue) => void;
+}

package/dist/editor/toolbars/border/border.d.ts

@@ -0,0 +1,8 @@
+import { CssBorderValue } from './types';
+interface BorderToolbarProps {
+    responsive?: boolean;
+    value?: CssBorderValue;
+    onChange?: (value: CssBorderValue) => void;
+}
+export declare const BorderToolbar: ({ responsive, value, onChange }: BorderToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/toolbars/border/index.d.ts

@@ -0,0 +1,2 @@
+export * from './border';
+export * from './types';

package/dist/editor/toolbars/border/types.d.ts

@@ -0,0 +1,9 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type CssBorderValue = {
+    borderStyle?: StyledCSS['borderStyle'];
+    borderColor?: StyledCSS['borderColor'];
+    borderTopWidth?: StyledCSS['borderTopWidth'];
+    borderRightWidth?: StyledCSS['borderRightWidth'];
+    borderBottomWidth?: StyledCSS['borderBottomWidth'];
+    borderLeftWidth?: StyledCSS['borderLeftWidth'];
+};

package/dist/editor/toolbars/border-radius/border-radius.d.ts

@@ -0,0 +1,14 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type CssBorderRadiusValue = {
+    borderTopLeftRadius?: StyledCSS['borderTopLeftRadius'];
+    borderTopRightRadius?: StyledCSS['borderTopRightRadius'];
+    borderBottomRightRadius?: StyledCSS['borderBottomRightRadius'];
+    borderBottomLeftRadius?: StyledCSS['borderBottomLeftRadius'];
+};
+export interface BorderRadiusToolbarProps {
+    value?: CssBorderRadiusValue;
+    onChange?: (value: CssBorderRadiusValue) => void;
+    name?: string;
+    responsive?: boolean;
+}
+export declare const BorderRadiusToolbar: ({ value, onChange, name, responsive }: BorderRadiusToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/toolbars/border-radius/index.d.ts

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

package/dist/editor/toolbars/child-nodes/child-node.d.ts

@@ -0,0 +1,7 @@
+import { Node } from '../../../types';
+interface ChildNodeProps {
+    node: Node;
+    nodeIndex: number;
+}
+declare const ChildNode: ({ node, nodeIndex }: ChildNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ChildNode;

package/dist/editor/toolbars/child-nodes/index.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface ChildNodesToolbarProps {
+    getNewNodeElement: () => ReactElement;
+}
+export declare const ChildNodesToolbar: ({ getNewNodeElement }: ChildNodesToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/toolbars/color/color.d.ts

@@ -0,0 +1,12 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type CssColorValue = {
+    color?: StyledCSS['color'];
+};
+interface ColorToolbarProps {
+    value?: CssColorValue;
+    onChange?: (value: CssColorValue) => void;
+    name?: string;
+    responsive?: boolean;
+}
+export declare const ColorToolbar: ({ name, responsive, value, onChange }: ColorToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/toolbars/color/index.d.ts

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

package/dist/editor/toolbars/color-variant/color-variant.d.ts

@@ -0,0 +1,5 @@
+import { ColorVariantOption } from '../../constants';
+import { WbSelectProps } from '../../ui';
+import { ColorVariant } from '@janbox/storefront-ui/types';
+export type ColorVariantToolbarProps = Partial<WbSelectProps<ColorVariant, ColorVariantOption>>;
+export declare const ColorVariantToolbar: (props: ColorVariantToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/toolbars/color-variant/index.d.ts

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

package/dist/editor/toolbars/column-gap/column-gap.d.ts

@@ -0,0 +1,11 @@
+export type CssColumnGapValue = {
+    columnGap?: number;
+};
+interface ColumnGapToolbarProps {
+    responsive?: boolean;
+    name?: string;
+    value?: CssColumnGapValue;
+    onChange?: (value: CssColumnGapValue) => void;
+}
+export declare const ColumnGapToolbar: ({ name, responsive, value, onChange }: ColumnGapToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/toolbars/column-gap/index.d.ts

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

package/dist/editor/toolbars/display/display.d.ts

@@ -0,0 +1,13 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type CssDisplayValue = {
+    display?: StyledCSS['display'];
+};
+interface DisplayToolbarProps {
+    name?: string;
+    responsive?: boolean;
+    value?: CssDisplayValue;
+    onChange?: (value: CssDisplayValue) => void;
+    availableDisplays?: StyledCSS['display'][];
+}
+export declare const DisplayToolbar: ({ name, responsive, availableDisplays, onChange, value, }: DisplayToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/toolbars/display/index.d.ts

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

package/dist/editor/toolbars/display-on/display-on.d.ts

@@ -0,0 +1,5 @@
+interface DisplayOnToolbarProps {
+    propertyPath?: string;
+}
+export declare const DisplayOnToolbar: ({ propertyPath }: DisplayOnToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/toolbars/display-on/index.d.ts

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

package/dist/editor/toolbars/flex/flex.d.ts

@@ -0,0 +1,13 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type CssFlexValue = {
+    flexBasis?: StyledCSS['flexBasis'];
+    flexGrow?: StyledCSS['flexGrow'];
+    flexShrink?: StyledCSS['flexShrink'];
+};
+export type FlexToolbarProps = {
+    responsive?: boolean;
+    name?: string;
+    value?: CssFlexValue;
+    onChange?: (value: CssFlexValue) => void;
+};
+export declare const FlexToolbar: ({ value, onChange, name, responsive }: FlexToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/toolbars/flex/index.d.ts

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

package/dist/editor/toolbars/flex-align-items/flex-align-items.d.ts

@@ -0,0 +1,14 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type FlexCssAlignItemsValue = {
+    alignItems?: StyledCSS['alignItems'];
+};
+interface FlexAlignItemsToolbarProps {
+    responsive?: boolean;
+    name?: string;
+    value?: FlexCssAlignItemsValue;
+    onChange?: (value: FlexCssAlignItemsValue) => void;
+    blacklist?: StyledCSS['alignItems'][];
+    flexDirection?: StyledCSS['flexDirection'];
+}
+export declare const FlexAlignItemsToolbar: ({ name, responsive, value, onChange, blacklist, flexDirection, }: FlexAlignItemsToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/toolbars/flex-align-items/index.d.ts

@@ -0,0 +1 @@
+export * from './flex-align-items';

package/dist/editor/toolbars/flex-wrap/flex-wrap.d.ts

@@ -0,0 +1,12 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type CssFlexWrapValue = {
+    flexWrap?: StyledCSS['flexWrap'];
+};
+interface FlexWrapToolbarProps {
+    responsive?: boolean;
+    name?: string;
+    value?: CssFlexWrapValue;
+    onChange?: (value: CssFlexWrapValue) => void;
+}
+export declare const FlexWrapToolbar: ({ name, responsive, value, onChange }: FlexWrapToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/toolbars/flex-wrap/index.d.ts

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

package/dist/editor/toolbars/font-size/font-size.d.ts

@@ -0,0 +1,12 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export interface CssFontSizeValue {
+    fontSize?: StyledCSS['fontSize'];
+}
+interface FontSizeToolbarProps {
+    responsive?: boolean;
+    name?: string;
+    value?: CssFontSizeValue;
+    onChange?: (value: CssFontSizeValue) => void;
+}
+export declare const FontSizeToolbar: ({ name, responsive, value, onChange }: FontSizeToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/toolbars/font-size/index.d.ts

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

package/dist/editor/toolbars/font-weight/dataset.d.ts

@@ -0,0 +1,5 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export declare const fontWeightOptions: {
+    label: string;
+    value: StyledCSS['fontWeight'] | 'auto';
+}[];

package/dist/editor/toolbars/font-weight/font-weight.d.ts

@@ -0,0 +1,9 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type FontWeightToolbarValue = Pick<StyledCSS, 'fontWeight'>;
+export interface FontWeightToolbarProps {
+    responsive?: boolean;
+    name?: string;
+    value?: FontWeightToolbarValue;
+    onChange?: (value: FontWeightToolbarValue) => void;
+}
+export declare const FontWeightToolbar: ({ value, responsive, name, onChange }: FontWeightToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/toolbars/font-weight/index.d.ts

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

package/dist/editor/toolbars/grid-align-items/grid-align-items.d.ts

@@ -0,0 +1,12 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type CssGridAlignItemsValue = {
+    alignItems?: StyledCSS['alignItems'];
+};
+interface GridAlignItemsToolbarProps {
+    responsive?: boolean;
+    name?: string;
+    value?: CssGridAlignItemsValue;
+    onChange?: (value: CssGridAlignItemsValue) => void;
+}
+export declare const GridAlignItemsToolbar: ({ name, responsive, value, onChange }: GridAlignItemsToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/toolbars/grid-align-items/index.d.ts

@@ -0,0 +1 @@
+export * from './grid-align-items';

package/dist/editor/toolbars/height/height.d.ts

@@ -0,0 +1,22 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+import { CssUnit } from '../../types';
+export type CssHeightValue = {
+    height?: StyledCSS['height'];
+};
+type MenuOptionState = {
+    visible?: boolean;
+    clearable?: boolean;
+};
+interface HeightToolbarProps {
+    name?: string;
+    responsive?: boolean;
+    value?: CssHeightValue;
+    onChange?: (value: CssHeightValue) => void;
+    units?: CssUnit[];
+    menu?: {
+        autoOption?: MenuOptionState;
+        fitContentOption?: MenuOptionState;
+    };
+}
+export declare const HeightToolbar: ({ name, value, onChange, responsive, units, menu, }: HeightToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/toolbars/height/index.d.ts

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