@mandolop97/constructor-nexora 1.3.1 → 1.7.0

package/dist/NexoraBuilderApp.d.ts

@@ -3,6 +3,7 @@ import { PublishPayload } from '@/components/builder/PublishDialog';
 import { BlockDefinition } from '@/lib/block-registry';
 import { BuilderLocale } from '@/lib/i18n';
 import { CustomComponentMap } from '@/components/schema/NodeRegistry';
+import { RenderContext } from '@/types/contract';
 export interface NexoraBuilderAppProps {
     initialSchema?: Schema;
     domain?: string;
@@ -30,5 +31,11 @@ export interface NexoraBuilderAppProps {
     onImageUpload?: (file: File) => Promise<string>;
     /** Resolve asset paths to full URLs */
     resolveAssetUrl?: (path: string) => string;
+    /** @deprecated Use hostData instead */
+    mockData?: Record<string, any>;
+    /** Host-provided data for edit/preview mode (products, collections, settings, etc.) */
+    hostData?: Record<string, any>;
+    /** Data context for resolving bindings — passed to PageRenderer */
+    renderContext?: RenderContext;
 }
-export declare function NexoraBuilderApp({ initialSchema, domain, pageSlug, onSave, onPublish, onPreview, onExport, className, pages, activePage, onPageChange, onSaveWithSlug, onPublishSubmit, locale: localeProp, customComponents, extraBlocks, customStylesheets, customCSS, customScripts, onImageUpload, resolveAssetUrl, }: NexoraBuilderAppProps): import("react/jsx-runtime").JSX.Element;
+export declare function NexoraBuilderApp({ initialSchema, domain, pageSlug, onSave, onPublish, onPreview, onExport, className, pages, activePage, onPageChange, onSaveWithSlug, onPublishSubmit, locale: localeProp, customComponents, extraBlocks, customStylesheets, customCSS, customScripts, onImageUpload, resolveAssetUrl, mockData: externalMockData, hostData: externalHostData, renderContext: externalRenderContext, }: NexoraBuilderAppProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/builder/ArrayEditor.d.ts

@@ -0,0 +1,27 @@
+export interface ArrayFieldDef {
+    key: string;
+    label: string;
+    type: 'text' | 'textarea' | 'number' | 'image' | 'toggle';
+    placeholder?: string;
+    rows?: number;
+    defaultValue?: any;
+}
+export interface ArrayEditorProps {
+    /** Label shown above the editor */
+    label: string;
+    /** The current array of items */
+    items: any[];
+    /** Field definitions for each item */
+    fields: ArrayFieldDef[];
+    /** Called when items change */
+    onChange: (items: any[]) => void;
+    /** Default values for a new item */
+    newItemDefaults?: Record<string, any>;
+    /** Text for the add button */
+    addLabel?: string;
+    /** Max items allowed */
+    maxItems?: number;
+    /** Callback for image uploads */
+    onImageUpload?: (file: File) => Promise<string>;
+}
+export declare function ArrayEditor({ label, items, fields, onChange, newItemDefaults, addLabel, maxItems, onImageUpload, }: ArrayEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/builder/BindingsPanel.d.ts

@@ -0,0 +1,7 @@
+import { SchemaNode, NodeProps } from '@/types/schema';
+interface BindingsPanelProps {
+    node: SchemaNode;
+    onUpdateProps: (props: Partial<NodeProps>) => void;
+}
+export declare function BindingsPanel({ node, onUpdateProps }: BindingsPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/builder/BuilderCanvas.d.ts

@@ -1,5 +1,6 @@
 import { Schema, TemplateType } from '@/types/schema';
 import { CustomComponentMap } from '@/components/schema/NodeRegistry';
+import { RenderContext } from '@/types/contract';
 interface BuilderCanvasProps {
     schema: Schema;
     device: 'desktop' | 'tablet' | 'mobile';
@@ -11,7 +12,10 @@ interface BuilderCanvasProps {
         width: number;
         height: number;
     };
+    /** @deprecated Use hostData */
     mockData?: Record<string, any>;
+    /** Host-provided data for edit/preview binding resolution */
+    hostData?: Record<string, any>;
     customStylesheets?: string[];
     customCSS?: string;
     customScripts?: string[];
@@ -28,6 +32,11 @@ interface BuilderCanvasProps {
         right?: string;
         bottom?: string;
     }) => void;
+    onCopyStyle?: (nodeId: string) => void;
+    onPasteStyle?: (nodeId: string) => void;
+    canPasteStyle?: boolean;
+    /** Pre-built render context from host — takes priority over auto-built one */
+    externalRenderContext?: RenderContext;
 }
-export declare function BuilderCanvas({ schema, device, selectedNodeId, onSelectNode, customComponents, templateType, canvasSize, mockData, customStylesheets, customCSS, customScripts, onCopyNode, onPasteNode, onDuplicateNode, onDeleteNode, canPaste, onEditSection, onSaveAsTemplate, onRepositionNode }: BuilderCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function BuilderCanvas({ schema, device, selectedNodeId, onSelectNode, customComponents, templateType, canvasSize, mockData, hostData, customStylesheets, customCSS, customScripts, onCopyNode, onPasteNode, onDuplicateNode, onDeleteNode, canPaste, onEditSection, onSaveAsTemplate, onRepositionNode, onCopyStyle, onPasteStyle, canPasteStyle, externalRenderContext }: BuilderCanvasProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/builder/BuilderEditorShell.d.ts

@@ -1,3 +1,4 @@
+import { RenderContext } from '@/types/contract';
 import { Schema, PageDefinition } from '@/types/schema';
 import { PublishPayload } from '@/components/builder/PublishDialog';
 import { CustomComponentMap } from '@/components/schema/NodeRegistry';
@@ -20,5 +21,11 @@ export interface BuilderEditorShellProps {
     customScripts?: string[];
     onImageUpload?: (file: File) => Promise<string>;
     resolveAssetUrl?: (path: string) => string;
+    /** @deprecated Use externalHostData */
+    externalMockData?: Record<string, any>;
+    /** Host-provided data for edit/preview binding resolution */
+    externalHostData?: Record<string, any>;
+    /** Pre-built render context from host */
+    externalRenderContext?: RenderContext;
 }
-export declare function BuilderEditorShell({ initialSchema, onSave: onSaveExternal, onPublish, onPreview, onExport, className, onPublishSubmit, pages, activePage, onPageChange, pageTitle, customComponents, onBack, customStylesheets, customCSS, customScripts, onImageUpload, resolveAssetUrl, }: BuilderEditorShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function BuilderEditorShell({ initialSchema, onSave: onSaveExternal, onPublish, onPreview, onExport, className, onPublishSubmit, pages, activePage, onPageChange, pageTitle, customComponents, onBack, customStylesheets, customCSS, customScripts, onImageUpload, resolveAssetUrl, externalMockData, externalHostData, externalRenderContext, }: BuilderEditorShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/builder/Inspector.d.ts

@@ -1,4 +1,4 @@
-import { SchemaNode, NodeProps, NodeStyle } from '@/types/schema';
+import { SchemaNode, NodeProps, NodeStyle, GlobalStyleDef } from '@/types/schema';
 interface InspectorProps {
     node: SchemaNode;
     onUpdateProps: (props: Partial<NodeProps>) => void;
@@ -7,6 +7,9 @@ interface InspectorProps {
     onDuplicate?: () => void;
     onImageUpload?: (file: File) => Promise<string>;
     onUpdateCustomCSS?: (css: string) => void;
+    device?: 'desktop' | 'tablet' | 'mobile';
+    globalStyles?: Record<string, GlobalStyleDef>;
+    onUpdateAppliedGlobalStyles?: (ids: string[]) => void;
 }
-export declare function Inspector({ node, onUpdateProps, onUpdateStyle, onDelete, onDuplicate, onImageUpload, onUpdateCustomCSS }: InspectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Inspector({ node, onUpdateProps, onUpdateStyle, onDelete, onDuplicate, onImageUpload, onUpdateCustomCSS, device, globalStyles, onUpdateAppliedGlobalStyles }: InspectorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/builder/ThemeEditor.d.ts

@@ -1,7 +1,9 @@
-import { ThemeTokens } from '@/types/schema';
+import { ThemeTokens, GlobalStyleDef } from '@/types/schema';
 interface ThemeEditorProps {
     themeTokens: ThemeTokens;
     onUpdate: (tokens: ThemeTokens) => void;
+    globalStyles?: Record<string, GlobalStyleDef>;
+    onUpdateGlobalStyles?: (styles: Record<string, GlobalStyleDef>) => void;
 }
-export declare function ThemeEditor({ themeTokens, onUpdate }: ThemeEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeEditor({ themeTokens, onUpdate, globalStyles, onUpdateGlobalStyles }: ThemeEditorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/schema/NodeRegistry.d.ts

@@ -4,8 +4,10 @@ export interface NodeComponentProps {
     node: SchemaNode;
     mode: RenderMode;
     renderChildren: (childIds: string[]) => React.ReactNode;
-    /** Mock data from PageDefinition, available in edit/preview mode */
+    /** @deprecated Use hostData — kept for backward compatibility */
     mockData?: Record<string, any>;
+    /** Host-provided data for edit/preview binding resolution */
+    hostData?: Record<string, any>;
 }
 export type NodeComponent = React.FC<NodeComponentProps>;
 /** Map of NodeType → custom React component provided by the host */

package/dist/components/schema/PageRenderer.d.ts

@@ -1,12 +1,16 @@
 import { Schema, RenderMode } from '@/types/schema';
 import { CustomComponentMap } from './NodeRegistry';
+import { RenderContext } from '@/types/contract';
 interface PageRendererProps {
     schema: Schema;
     mode: RenderMode;
     selectedNodeId?: string | null;
     onSelectNode?: (nodeId: string) => void;
     customComponents?: CustomComponentMap;
+    /** @deprecated Use hostData */
     mockData?: Record<string, any>;
+    /** Host-provided data for edit/preview binding resolution */
+    hostData?: Record<string, any>;
     onCopyNode?: (nodeId: string) => void;
     onPasteNode?: (nodeId: string) => void;
     onDuplicateNode?: (nodeId: string) => void;
@@ -20,6 +24,11 @@ interface PageRendererProps {
         right?: string;
         bottom?: string;
     }) => void;
+    onCopyStyle?: (nodeId: string) => void;
+    onPasteStyle?: (nodeId: string) => void;
+    canPasteStyle?: boolean;
+    /** Data context for resolving bindings in public/preview mode */
+    renderContext?: RenderContext;
 }
-export declare function PageRenderer({ schema, mode, selectedNodeId, onSelectNode, customComponents, mockData, onCopyNode, onPasteNode, onDuplicateNode, onDeleteNode, canPaste, onEditSection, onSaveAsTemplate, onRepositionNode }: PageRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageRenderer({ schema, mode, selectedNodeId, onSelectNode, customComponents, mockData, hostData, onCopyNode, onPasteNode, onDuplicateNode, onDeleteNode, canPaste, onEditSection, onSaveAsTemplate, onRepositionNode, onCopyStyle, onPasteStyle, canPasteStyle, renderContext }: PageRendererProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/schema/ScrollAnimationWrapper.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type ScrollAnimationType = 'fadeIn' | 'slideUp' | 'slideLeft' | 'slideRight' | 'scaleIn' | 'none';
+interface ScrollAnimationWrapperProps {
+    children: React.ReactNode;
+    animation: ScrollAnimationType;
+    delay?: string;
+    duration?: string;
+}
+export declare function ScrollAnimationWrapper({ children, animation, delay, duration }: ScrollAnimationWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/schema/SortableNodeWrapper.d.ts

@@ -12,6 +12,9 @@ interface SortableNodeWrapperProps {
     canPaste?: boolean;
     onEditSection?: (nodeType: string) => void;
     onSaveAsTemplate?: (nodeId: string) => void;
+    onCopyStyle?: (nodeId: string) => void;
+    onPasteStyle?: (nodeId: string) => void;
+    canPasteStyle?: boolean;
     /** Pass the node's position-related styles so the wrapper can inherit absolute/fixed positioning */
     nodeStyle?: {
         position?: string;
@@ -29,5 +32,5 @@ interface SortableNodeWrapperProps {
         bottom?: string;
     }) => void;
 }
-export declare function SortableNodeWrapper({ nodeId, children, isSelected, nodeType, onSelect, onCopy, onPaste, onDuplicate, onDelete, canPaste, onEditSection, onSaveAsTemplate, nodeStyle, onRepositionNode }: SortableNodeWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function SortableNodeWrapper({ nodeId, children, isSelected, nodeType, onSelect, onCopy, onPaste, onDuplicate, onDelete, canPaste, onEditSection, onSaveAsTemplate, onCopyStyle, onPasteStyle, canPasteStyle, nodeStyle, onRepositionNode }: SortableNodeWrapperProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/schema/ThemeContext.d.ts

@@ -0,0 +1,3 @@
+import { ThemeTokens } from '@/types/schema';
+export declare const ThemeProvider: import("react").Provider<ThemeTokens>;
+export declare function useThemeTokens(): ThemeTokens | null;

package/dist/components/schema/nodes/CommerceNodes.d.ts

@@ -4,6 +4,9 @@ interface NodeComponentProps {
     node: SchemaNode;
     mode: RenderMode;
     renderChildren: (childIds: string[]) => React.ReactNode;
+    mockData?: Record<string, any>;
 }
 export declare function ProductCardNode({ node, mode, renderChildren }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductGridNode({ node, mode, mockData }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollectionGridNode({ node, mode, mockData }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/schema/nodes/TemplateNodes.d.ts

@@ -10,4 +10,9 @@ export declare function FeatureBarNode({ node }: NodeComponentProps): import("re
 export declare function TestimonialCardNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
 export declare function NewsletterSectionNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
 export declare function HeroSectionNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageBannerNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextSectionNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function CTASectionNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function TestimonialSectionNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function FAQSectionNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: {
-    variant?: "outline" | "default" | "destructive" | "secondary";
+    variant?: "default" | "outline" | "secondary" | "destructive";
 } & import("class-variance-authority/types").ClassProp) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/components/ui/button.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: {
-    variant?: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
-    size?: "default" | "icon" | "sm" | "lg";
+    variant?: "default" | "outline" | "secondary" | "ghost" | "link" | "destructive";
+    size?: "default" | "sm" | "lg" | "icon";
 } & import("class-variance-authority/types").ClassProp) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/components/ui/resizable.d.ts

@@ -1,6 +1,6 @@
 import * as ResizablePrimitive from "react-resizable-panels";
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
-declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLObjectElement | HTMLElement | HTMLLabelElement | HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement | HTMLLinkElement | HTMLSelectElement | HTMLTextAreaElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLObjectElement | HTMLElement | HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement | HTMLLinkElement | HTMLTitleElement | HTMLSelectElement | HTMLTextAreaElement | HTMLLabelElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/dist/components/ui/sheet.d.ts

@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: {
-    side?: "top" | "left" | "right" | "bottom";
+    side?: "left" | "right" | "top" | "bottom";
 } & import("class-variance-authority/types").ClassProp) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }

package/dist/components/ui/sidebar.d.ts

@@ -45,7 +45,7 @@ declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.Clas
     isActive?: boolean;
     tooltip?: string | React.ComponentProps<typeof TooltipContent>;
 } & VariantProps<(props?: {
-    variant?: "outline" | "default";
+    variant?: "default" | "outline";
     size?: "default" | "sm" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {

package/dist/components/ui/toggle-group.d.ts

@@ -2,11 +2,11 @@ import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { type VariantProps } from "class-variance-authority";
 declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: {
-    variant?: "outline" | "default";
+    variant?: "default" | "outline";
     size?: "default" | "sm" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string>) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: {
-    variant?: "outline" | "default";
+    variant?: "default" | "outline";
     size?: "default" | "sm" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { ToggleGroup, ToggleGroupItem };

package/dist/components/ui/toggle.d.ts

@@ -2,11 +2,11 @@ import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { type VariantProps } from "class-variance-authority";
 declare const toggleVariants: (props?: {
-    variant?: "outline" | "default";
+    variant?: "default" | "outline";
     size?: "default" | "sm" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: {
-    variant?: "outline" | "default";
+    variant?: "default" | "outline";
     size?: "default" | "sm" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Toggle, toggleVariants };