@developer_tribe/react-builder 1.0.5 → 1.0.6

package/dist/components/AttributesEditorPanel.d.ts

@@ -1,8 +1,8 @@
 import type { Node } from '../types/Node';
 import type { ProjectColors } from '../types/Project';
 interface AttributesEditorPanelProps {
-    attributes: any;
-    onChange: (data: Node) => void;
+    attributes?: any;
+    onChange?: (data: Node) => void;
     projectColors?: ProjectColors;
 }
 export declare function AttributesEditorPanel({ attributes, onChange, projectColors, }: AttributesEditorPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/BottomBar.d.ts

@@ -0,0 +1,8 @@
+type BottomBarProps = {
+    className?: string;
+};
+/**
+ * Empty placeholder bottom bar (Figma-like). We'll complete later.
+ */
+export declare function BottomBar({ className }: BottomBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Checkbox.d.ts

@@ -7,7 +7,7 @@ export type CheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 't
     inputClassName?: string;
     onChange?: CheckboxChangeHandler;
 };
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "className"> & {
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "type" | "className"> & {
     label?: React.ReactNode;
     helperText?: React.ReactNode;
     className?: string;

package/dist/components/LoadingComponent.d.ts

@@ -0,0 +1 @@
+export declare function LoadingComponent(): import("react/jsx-runtime").JSX.Element;

package/dist/components/MobilePanelToggleButton.d.ts

@@ -0,0 +1,8 @@
+export type MobilePanelToggleButtonProps = {
+    label: string;
+    isActive: boolean;
+    ariaLabel: string;
+    ariaControls: string;
+    onClick: () => void;
+};
+export declare function MobilePanelToggleButton({ label, isActive, ariaLabel, ariaControls, onClick, }: MobilePanelToggleButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/hooks/useMinimumDelay.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Ensures a boolean becomes `true` only after a minimum delay.
+ * Resets to `false` whenever `deps` change.
+ *
+ * Common use-case: keep a loading indicator visible for at least N ms.
+ */
+export declare function useMinimumDelay(delayMs: number, deps?: unknown[]): boolean;

package/dist/hooks/useMobileEditorPanels.d.ts

@@ -0,0 +1,12 @@
+export type MobileEditorPanel = 'builder' | 'attributes';
+export type UseMobileEditorPanelsOptions = {
+    breakpoint?: number;
+};
+export declare function useMobileEditorPanels(options?: UseMobileEditorPanelsOptions): {
+    isMobile: boolean;
+    mobilePanel: MobileEditorPanel | null;
+    toggleMobilePanel: (panel: MobileEditorPanel) => void;
+    closeMobilePanels: () => void;
+    leftPanelIsOpen: boolean;
+    attributesPanelIsOpen: boolean;
+};

package/dist/hooks/useSyncProjectPageStore.d.ts

@@ -0,0 +1,15 @@
+import type { AppConfig } from '../types/PreviewConfig';
+import type { ProjectColors } from '../types/Project';
+export type UseSyncProjectPageStoreArgs = {
+    appConfig: AppConfig;
+    name: string;
+    projectColors: ProjectColors | undefined;
+    setAppConfig: (appConfig: AppConfig) => void;
+    setProjectName: (name: string) => void;
+    setProjectColors: (colors: ProjectColors | undefined) => void;
+};
+/**
+ * Syncs ProjectPage props into the render store.
+ * Kept as a small hook to keep ProjectPage UI-focused.
+ */
+export declare function useSyncProjectPageStore({ appConfig, name, projectColors, setAppConfig, setProjectName, setProjectColors, }: UseSyncProjectPageStoreArgs): void;