@superblocksteam/library 1.99.99-next.2

package/dist-types/lib/user-facing/components/text/props.d.ts

@@ -0,0 +1,60 @@
+import { Prop, Section } from "../../properties-panel/props-builder.js";
+import type { TextAlign } from "@superblocksteam/library-shared/props";
+import type { Typographies } from "@superblocksteam/library-shared/types";
+/**
+ * TODO:
+ * - When updateHook is ported, we should check `textStyle` prop. Search for `textStyleUpdateVariantHook`
+ */
+export declare const DEFAULT_TEXT_WIDGET_TEXT_STYLE_VARIANT: keyof Typographies;
+export type VerticalAlign = "top" | "center" | "bottom";
+export declare const propertiesDefinition: {
+    general: Section<Record<string, Prop<any, any>> & {
+        text: Prop<string, false>;
+        textType: Prop<"number" | "time" | "text" | "date" | "currency", true>;
+    }>;
+    appearance: Section<Record<string, Prop<any, any>> & ({
+        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        textAlign: Prop<TextAlign, true>;
+        verticalAlign: Prop<VerticalAlign, true>;
+        wrapText: Prop<boolean, true>;
+        animateLoading: Prop<boolean, false>;
+        shouldScroll: Prop<boolean, false>;
+        icon: Prop<string, false>;
+    } & (Omit<{
+        textType: Prop<"number" | "time" | "text" | "date" | "currency", false>;
+    }, "textType" | "dateInputFormat" | "dateOutputFormat"> & ({
+        minimumFractionDigits: Prop<number, true>;
+        maximumFractionDigits: Prop<number, true>;
+        textType: Prop<"currency", true>;
+        currency: Prop<string, true>;
+        notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
+        dateInputFormat?: undefined;
+        dateOutputFormat?: undefined;
+    } | {
+        minimumFractionDigits: Prop<number, true>;
+        maximumFractionDigits: Prop<number, true>;
+        textType: Prop<"number", true>;
+        notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", true>;
+        dateInputFormat?: undefined;
+        dateOutputFormat?: undefined;
+    } | {
+        textType: Prop<"date", true>;
+        dateInputFormat: Prop<string, false>;
+        dateOutputFormat: Prop<string, false>;
+    })))>;
+    layout: Section<Record<string, Prop<any, any>> & {
+        maxHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        maxWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        width: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+    } & {
+        margin: Prop<unknown, true>;
+    } & {
+        isVisible: Prop<boolean, true>;
+        collapseWhenInvisible: Prop<boolean, false>;
+    } & {
+        shouldScroll: Prop<boolean, false>;
+    }>;
+};

package/dist-types/lib/user-facing/components/text/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const TextContainer: string;
+export declare const StyledText: string;

package/dist-types/lib/user-facing/components/text/utils.d.ts

@@ -0,0 +1,25 @@
+import type { propertiesDefinition } from "./props.js";
+import type { InternalProps } from "../../properties-panel/props-builder.js";
+import type { TextAlign } from "@superblocksteam/library-shared/props";
+import type { TextStyleWithVariant, Typographies, UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+type TextWidgetProps = InternalProps<typeof propertiesDefinition>;
+export declare const useText: ({ text, notation, minimumFractionDigits, maximumFractionDigits, textType, currency, dateInputFormat, dateOutputFormat, }: Pick<TextWidgetProps, "text" | "notation" | "minimumFractionDigits" | "maximumFractionDigits" | "textType" | "currency" | "dateInputFormat" | "dateOutputFormat">) => string | undefined;
+export declare const useTextClassName: ({ textStyleVariant, isLoading, }: {
+    textStyleVariant: keyof Typographies;
+    isLoading?: boolean;
+}) => string;
+export declare const getFontSizePx: (textStyle: TextStyleWithVariant, theme: UserAccessibleTheme) => number;
+export declare const useIcon: ({ textStyleWithVariant, }: {
+    textStyleWithVariant: TextStyleWithVariant;
+}) => {
+    iconGap: {
+        gap: string;
+    };
+    iconSize: number;
+};
+export declare const useStyle: (props: TextWidgetProps) => any;
+export declare const useIconContainerStyles: ({ iconGap, textAlign, }: {
+    iconGap: any;
+    textAlign: TextAlign;
+}) => any;
+export {};

package/dist-types/lib/user-facing/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const CANVAS_ROOT_ID = "canvas-root";
+export declare const MODAL_TARGET_ROOT_ID = "modal-target-root";

package/dist-types/lib/user-facing/entities/api/index.d.ts

@@ -0,0 +1,14 @@
+import { sbEntitySymbol } from "@superblocksteam/library-shared/types";
+import type { SbEventFlow } from "../../../index.js";
+import type { RawPropsToExternal } from "../../properties-panel/props-builder.js";
+type Props = {
+    onSuccess?: SbEventFlow;
+    onError?: SbEventFlow;
+};
+export declare const SbApi: (args: RawPropsToExternal<Props>) => {
+    [sbEntitySymbol]: true;
+    type: "SbApi";
+    onSuccess: import("../../../internal-details/lib/evaluator/base-entity-manager.js").SingleInputProp<SbEventFlow> | undefined;
+    onError: import("../../../internal-details/lib/evaluator/base-entity-manager.js").SingleInputProp<SbEventFlow> | undefined;
+} & import("@superblocksteam/library-shared/types").AnonymousSbEntity;
+export {};

package/dist-types/lib/user-facing/entities/api/props.d.ts

@@ -0,0 +1,20 @@
+import { Section, Prop, type InternalProps } from "../../properties-panel/props-builder.js";
+export type ApiEntity = InternalProps<typeof propertiesDefinition> & {
+    run: () => Promise<any>;
+    cancel: () => Promise<any>;
+};
+export declare const propertiesDefinition: {
+    events: Section<Record<string, Prop<any, any>> & {
+        onSuccess: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onError: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+    }>;
+    metadata: Section<Record<string, Prop<any, any>> & {
+        response: Prop<any, true>;
+        error: Prop<any, true>;
+        isRunning: Prop<boolean, true>;
+    }>;
+    functions: Section<Record<string, Prop<any, any>> & {
+        run: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], Promise<any>>, true>;
+        cancel: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], Promise<void>>, true>;
+    }>;
+};

package/dist-types/lib/user-facing/entities/timer/index.d.ts

@@ -0,0 +1,16 @@
+import { sbEntitySymbol } from "@superblocksteam/library-shared/types";
+import type { SbEventFlow } from "../../../index.js";
+import type { RawPropsToExternal } from "../../properties-panel/props-builder.js";
+type Props = {
+    intervalMs?: number;
+    startOnPageLoad?: boolean;
+    onFire?: SbEventFlow;
+};
+export declare const SbTimer: (args: RawPropsToExternal<Props>) => {
+    [sbEntitySymbol]: true;
+    type: "SbTimer";
+    intervalMs: import("../../../internal-details/lib/evaluator/base-entity-manager.js").SingleInputProp<number> | undefined;
+    startOnPageLoad: import("../../../internal-details/lib/evaluator/base-entity-manager.js").SingleInputProp<boolean> | undefined;
+    onFire: import("../../../internal-details/lib/evaluator/base-entity-manager.js").SingleInputProp<SbEventFlow> | undefined;
+} & import("@superblocksteam/library-shared/types").AnonymousSbEntity;
+export {};

package/dist-types/lib/user-facing/entities/timer/props.d.ts

@@ -0,0 +1,19 @@
+import { Section, Prop } from "../../properties-panel/props-builder.js";
+export declare const propertiesDefinition: {
+    general: Section<Record<string, Prop<any, any>> & {
+        intervalMs: Prop<number, true>;
+        startOnPageLoad: Prop<boolean, false>;
+    }>;
+    events: Section<Record<string, Prop<any, any>> & {
+        onFire: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+    }>;
+    metadata: Section<Record<string, Prop<any, any>> & {
+        timerId: Prop<string, false>;
+        isRunning: Prop<boolean, true>;
+    }>;
+    functions: Section<Record<string, Prop<any, any>> & {
+        start: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], void>, true>;
+        stop: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], void>, true>;
+        toggle: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], void>, true>;
+    }>;
+};

package/dist-types/lib/user-facing/entities/variable/index.d.ts

@@ -0,0 +1,14 @@
+import { sbEntitySymbol, SbVariablePersistence } from "@superblocksteam/library-shared/types";
+import type { RawPropsToExternal } from "../../properties-panel/props-builder.js";
+export { SbVariablePersistence };
+type Props<T = any> = {
+    defaultValue: T;
+    persistence?: SbVariablePersistence;
+};
+export declare const SbVariable: (args: RawPropsToExternal<Props<any>>) => {
+    [sbEntitySymbol]: true;
+    type: "SbVariable";
+    defaultValue: any;
+    value: any;
+    persistence: import("../../../internal-details/lib/evaluator/base-entity-manager.js").SingleInputProp<SbVariablePersistence> | undefined;
+} & import("@superblocksteam/library-shared/types").AnonymousSbEntity;

package/dist-types/lib/user-facing/entities/variable/props.d.ts

@@ -0,0 +1,13 @@
+import { SbVariablePersistence } from "@superblocksteam/library-shared/types";
+import { Section, Prop } from "../../properties-panel/props-builder.js";
+export declare const propertiesDefinition: {
+    general: Section<Record<string, Prop<any, any>> & {
+        defaultValue: Prop<any, false>;
+        value: Prop<any, false>;
+        persistence: Prop<SbVariablePersistence, true>;
+    }>;
+    functions: Section<Record<string, Prop<any, any>> & {
+        set: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[value: any], void>, true>;
+        reset: Prop<import("../../../internal-details/lib/evaluator/base-entity-manager.js").EntityFunction<[], void>, true>;
+    }>;
+};

package/dist-types/lib/user-facing/global-functions.d.ts

@@ -0,0 +1,23 @@
+export declare enum Types {
+    STRING = "STRING",
+    NUMBER = "NUMBER",
+    BOOLEAN = "BOOLEAN",
+    OBJECT = "OBJECT",
+    MAP = "MAP",
+    SET = "SET",
+    ARRAY = "ARRAY",
+    FUNCTION = "FUNCTION",
+    UNDEFINED = "UNDEFINED",
+    NULL = "NULL",
+    UNKNOWN = "UNKNOWN"
+}
+export declare const getType: (value: unknown) => Types;
+export declare function copyToClipboard(text: string, options?: {
+    debug?: boolean;
+    format?: string;
+}): void;
+export declare function navigateTo(urlOrRoute: string, queryParams?: Record<string, any>, target?: string): boolean;
+export declare function setQueryParams(queryParams?: Record<string, any>, preserveExistingQueryParams?: boolean): boolean;
+export declare function download(data: any, fileName?: string, fileType?: string): void;
+export declare function showAlert(_message: string, _style: string, _durationSeconds?: number, _alertPosition?: string): void;
+export declare function logoutIntegrations(): void;

package/dist-types/lib/user-facing/hooks/use-editor.d.ts

@@ -0,0 +1,42 @@
+import type { SbInstance } from "@superblocksteam/library-shared/types";
+export type EditorFeatures = {
+    /**
+     * Whether drag and drop functionality is enabled
+     */
+    dragAndDrop: boolean;
+    /**
+     * Whether nudging elements with arrow keys is enabled
+     */
+    nudging: boolean;
+    /**
+     * The currently selected widget
+     */
+    selectWidget: SbInstance | null;
+};
+export type FeatureState<T> = {
+    value: T;
+    set: (value: T) => void;
+};
+export type RecordFeatureState<T> = {
+    [K in keyof T]: FeatureState<T[K]>;
+};
+type HookResult = {
+    features: RecordFeatureState<EditorFeatures>;
+    isEditing: boolean;
+};
+/**
+ * Hook that provides access to editor-specific features.
+ *
+ * This hook allows you to control editor-only functionality on a per-widget basis.
+ * Note: These features only work in editor mode and have no effect in deployed apps.
+ *
+ * @example
+ * // Disable drag and drop for a widget
+ * const { features } = useEditor();
+ * features.dragAndDrop.set(false);
+ *
+ * // Disable nudging with arrow keys
+ * features.nudging.set(false);
+ */
+declare const useEditor: () => HookResult;
+export default useEditor;

package/dist-types/lib/user-facing/hooks/use-update-properties.d.ts

@@ -0,0 +1 @@
+export declare function useUpdateProperties(): (props: Record<string, any>) => void;

package/dist-types/lib/user-facing/icons/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const DEFAULT_ICON_SPACING = 8;
+export declare const DEFAULT_ICON_SIZE = 16;
+export type IconPosition = "left" | "right";
+export declare const ICON_POSITION_OPTIONS: {
+    icon: string;
+    value: IconPosition;
+    label: string;
+}[];

package/dist-types/lib/user-facing/icons/encoded.d.ts

@@ -0,0 +1 @@
+export declare const getCaretIconEncodedUrl: (fill: string) => string;

package/dist-types/lib/user-facing/icons/helpers.d.ts

@@ -0,0 +1,21 @@
+import { Dim } from "@superblocksteam/library-shared";
+import type { IconPosition } from "./constants.js";
+import type { GeneratedTheme, Padding, PerSideBorder, TextStyleWithVariant } from "@superblocksteam/library-shared/types";
+export declare const getIconPositionStyle: ({ padding, border, defaultBorderWidth, iconPosition, hasSuffix, }: {
+    padding: Padding;
+    border?: PerSideBorder;
+    defaultBorderWidth?: number;
+    iconPosition?: IconPosition;
+    hasSuffix?: boolean;
+}) => {
+    left: string;
+    right: string;
+};
+export declare const getInputIconSize: ({ width, componentWidth, textStyle, padding, generatedTheme, }: {
+    width?: Dim;
+    componentWidth: number;
+    textStyle?: TextStyleWithVariant;
+    padding?: any;
+    generatedTheme: GeneratedTheme;
+}) => number;
+export declare const getIconPadding: (paddingValue?: Dim<"px">, iconSize?: number, withSpacing?: boolean) => Dim<"px">;

package/dist-types/lib/user-facing/icons/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ChevronDownIcon } from "../assets/icons/chevron-down.svg?react";
+export { default as CrossXSIcon } from "../assets/icons/cross-xs.svg?react";

package/dist-types/lib/user-facing/internal-index.d.ts

@@ -0,0 +1,4 @@
+export { registerSbComponent } from "../internal-details/sb-wrapper.jsx";
+export { useActions } from "../internal-details/actions-context.jsx";
+export type { Entity } from "../internal-details/lib/evaluator/base-entity-manager.js";
+export { useScope } from "../internal-details/scope/scope-context.jsx";

package/dist-types/lib/user-facing/layers.d.ts

@@ -0,0 +1,43 @@
+declare enum Indices {
+    Layer0 = 0,
+    Layer1 = 1,
+    Layer2 = 2,
+    Layer3 = 3,
+    Layer4 = 4,
+    Layer5 = 5,
+    Layer6 = 6,
+    Layer7 = 7,
+    Layer8 = 8,
+    Layer9 = 9,
+    Layer10 = 10,
+    Layer11 = 11,
+    Layer12 = 12,
+    Layer13 = 13,
+    Layer14 = 14,
+    LayerMax = 99999
+}
+export declare const Layers: {
+    dragPreview: Indices;
+    visibilityOverlay: Indices;
+    selectedRect: Indices;
+    focusedRect: Indices;
+    namePill: Indices;
+    drawer: Indices;
+    closeButton: Indices;
+    stickySections: Indices;
+    scrollbars: Indices;
+    componentBorder: Indices;
+    resizeWrapper: Indices;
+    parentSelectedWrapper: Indices;
+    widgetResizer: Indices;
+    resizer: Indices;
+    modal: Indices;
+    widgetName: Indices;
+    selectionConstraintResize: Indices;
+    addSectionButton: Indices;
+    canvasBreadCrumbPopover: Indices;
+    vstackDropPlaceholder: Indices;
+    focusedInput: Indices;
+    max: Indices;
+};
+export {};

package/dist-types/lib/user-facing/properties-panel/constants.d.ts

@@ -0,0 +1 @@
+export declare const ANIMATE_LOADING_PROPERTY_CONTROL_HELP_TEXT = "Display a loading animation if dependent data is loading";

package/dist-types/lib/user-facing/properties-panel/create-managed-props-list.d.ts

@@ -0,0 +1,5 @@
+import { Section } from "./props-builder.js";
+import type { ManagedPropsList } from "./props-builder.js";
+export declare const RECORD_PATH_IDENTIFIER = "*";
+declare function createManagedPropsList(sections: Record<string, Section>, parentPath?: string): ManagedPropsList;
+export { createManagedPropsList };

package/dist-types/lib/user-facing/properties-panel/mixins/appearance-properties.d.ts

@@ -0,0 +1,22 @@
+import { Prop } from "../props-builder.js";
+import type { PropertiesPanelDisplay } from "@superblocksteam/library-shared/props";
+import type { TextStyleWithVariant } from "@superblocksteam/library-shared/types";
+export declare const createTextStyleCompositeBase: () => {
+    variant: Prop<string, false>;
+    textColor: import("../props-builder.js").CompositeProp<{
+        default: Prop<string, false>;
+    }>;
+    fontFamily: Prop<string, false>;
+    fontSize: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+    fontWeight: Prop<number, false>;
+    fontStyle: Prop<string, false>;
+    lineHeight: Prop<string, false>;
+    letterSpacing: Prop<number, false>;
+    textTransform: Prop<string, false>;
+};
+export declare const basePropertiesPaneDisplay: PropertiesPanelDisplay<string>;
+export declare const textStyleProp: ({ baseProp, propertiesPanel, }?: {
+    baseProp?: ReturnType<typeof createTextStyleCompositeBase>;
+    propertiesPanel?: Omit<Partial<PropertiesPanelDisplay<TextStyleWithVariant, "TEXT_STYLE">>, "controlType">;
+}) => Prop<TextStyleWithVariant>;
+export declare const labelTextStyle: () => Prop<TextStyleWithVariant, true>;

package/dist-types/lib/user-facing/properties-panel/mixins/appearance.d.ts

@@ -0,0 +1,12 @@
+import { Dim } from "@superblocksteam/library-shared";
+import { Prop } from "../props-builder.js";
+import type { PropertiesPanelDisplay } from "@superblocksteam/library-shared/props";
+import type { PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
+export declare const perSideBorderDef: () => import("../props-builder.js").CompositeProp<{
+    color: Prop<string, false>;
+    width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+    style: Prop<string, false>;
+}>;
+export declare const border: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<"unknown", "BORDER_CONTROL">>>) => Prop<PerSideBorder, true>;
+export declare const createBorderRadiusObject: (borderRadius: Dim<"px" | "%">) => PerCornerBorderRadius;
+export declare const borderRadius: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<PerCornerBorderRadius, "BORDER_RADIUS_CONTROL">>>) => Prop<PerCornerBorderRadius, true>;

package/dist-types/lib/user-facing/properties-panel/mixins/form-inputs-properties.d.ts

@@ -0,0 +1,44 @@
+import { Dim } from "@superblocksteam/library-shared";
+import { Prop } from "../props-builder.js";
+import type { ErrorMessagePlacement } from "@superblocksteam/library-shared/props";
+import type { PropertiesPanelDisplay } from "@superblocksteam/library-shared/props";
+export declare const errorMessagePlacement: Prop<ErrorMessagePlacement, true>;
+export declare const labelWidth: Prop<Dim, true>;
+export declare const customValidationProperties: {
+    customValidationRule: Prop<string, true>;
+    customErrorMessage: Prop<string, true>;
+};
+export declare const labelPosition: Prop<"left" | "top", true>;
+export declare const getTypographyOptions: () => {
+    label: string;
+    value: {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number | string;
+        textDecoration?: string;
+        fontStyle?: "normal" | "italic" | "inherit";
+        letterSpacing?: string;
+        textTransform?: "uppercase" | "lowercase" | "capitalize" | "none" | "inherit";
+        name?: string;
+        textColor: import("@superblocksteam/library-shared/types").ColorBlock;
+        variant: string;
+    };
+    subText: string;
+    subTextPosition: string;
+}[];
+export declare const getCustomValidationProperties: ({ errorMessagePlacementSchema, customValidationRuleSchema, customErrorMessageSchema, }?: {
+    errorMessagePlacementSchema?: Omit<Partial<PropertiesPanelDisplay<ErrorMessagePlacement, "RADIO_BUTTON_GROUP">>, "controlType" | "options">;
+    customValidationRuleSchema?: Omit<Partial<PropertiesPanelDisplay<string, "INPUT_TEXT">>, "controlType" | "options">;
+    customErrorMessageSchema?: Omit<Partial<PropertiesPanelDisplay<string, "INPUT_TEXT">>, "controlType" | "options">;
+}) => {
+    errorMessagePlacement: Prop<ErrorMessagePlacement, true>;
+    customValidationRule: Prop<string, true>;
+    customErrorMessage: Prop<string, true>;
+};
+export declare const getFractionDigitsProperties: ({ schema, }?: {
+    schema?: Omit<Partial<PropertiesPanelDisplay<number, "INPUT_TEXT">>, "controlType">;
+}) => {
+    minimumFractionDigits: Prop<number, true>;
+    maximumFractionDigits: Prop<number, true>;
+};

package/dist-types/lib/user-facing/properties-panel/mixins/layout-section.d.ts

@@ -0,0 +1,114 @@
+import { Dim } from "@superblocksteam/library-shared";
+import { Prop, Section } from "../props-builder.js";
+import type { ScopedState } from "../../../internal-details/lib/evaluator/base-entity-manager.js";
+import type { ContainerLayout, HorizontalAlignment, VerticalAlignment } from "../../component-base/constants.js";
+import type { DimModes } from "@superblocksteam/library-shared";
+import type { PropertiesPanelDisplay } from "@superblocksteam/library-shared/props";
+import type { Padding } from "@superblocksteam/library-shared/types";
+export declare const size: ({ defaults, defaultsOnAdd, hasMinWidth, hasMaxWidth, hasMinHeight, hasMaxHeight, showMinWidth, showMinHeight, showMaxWidth, showMaxHeight, showWidth, showHeight, }?: {
+    defaults?: {
+        minWidth?: Dim<DimModes>;
+        maxWidth?: Dim<DimModes>;
+        minHeight?: Dim<DimModes>;
+        maxHeight?: Dim<DimModes>;
+        width?: Dim<DimModes>;
+        height?: Dim<DimModes>;
+    };
+    defaultsOnAdd?: {
+        minWidth?: Dim<DimModes>;
+        maxWidth?: Dim<DimModes>;
+        minHeight?: Dim<DimModes>;
+        maxHeight?: Dim<DimModes>;
+        width?: Dim<DimModes>;
+        height?: Dim<DimModes>;
+    };
+    hasMinWidth?: boolean;
+    hasMaxWidth?: boolean;
+    hasMinHeight?: boolean;
+    hasMaxHeight?: boolean;
+    showMinWidth?: (this: any, s: ScopedState) => boolean;
+    showMinHeight?: (this: any, s: ScopedState) => boolean;
+    showMaxWidth?: (this: any, s: ScopedState) => boolean;
+    showMaxHeight?: (this: any, s: ScopedState) => boolean;
+    showWidth?: (this: any, s: ScopedState) => boolean;
+    showHeight?: (this: any, s: ScopedState) => boolean;
+}) => {
+    maxHeight?: Prop<Dim<DimModes>, false> | undefined;
+    minHeight?: Prop<Dim<DimModes>, false> | undefined;
+    maxWidth?: Prop<Dim<DimModes>, false> | undefined;
+    minWidth?: Prop<Dim<DimModes>, false> | undefined;
+    width: Prop<Dim<DimModes>, false>;
+    height: Prop<Dim<DimModes>, false>;
+};
+export declare const shouldScrollContents: (defaultValue?: boolean) => {
+    shouldScrollContents: Prop<boolean, true>;
+};
+export declare const visible: () => {
+    isVisible: Prop<boolean, true>;
+    collapseWhenInvisible: Prop<boolean, false>;
+};
+export declare const spacing: (options?: {
+    default?: Dim<"px">;
+} & Partial<PropertiesPanelDisplay<Dim<"px">, "SPACING_CONTROL">>) => {
+    spacing: Prop<Dim<"px">, true>;
+};
+export declare const padding: (options?: {
+    default?: Padding;
+} & Partial<PropertiesPanelDisplay<Padding, "PADDING_CONTROL">>) => {
+    padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
+};
+export declare const margin: () => {
+    margin: Prop<unknown, true>;
+};
+export declare const getAlignmentProps: () => {
+    verticalAlign: Prop<VerticalAlignment, true>;
+    horizontalAlign: Prop<HorizontalAlignment, true>;
+};
+export declare const containerLayout: () => import("../props-builder.js").UnionProp<{
+    layout: Prop<ContainerLayout, true>;
+}, [{
+    readonly layout: Prop<"freeform", true>;
+    readonly columns: Prop<number, true>;
+    readonly rows: Prop<number, false>;
+    readonly rowSize: Prop<number, false>;
+}, {
+    readonly verticalAlign: Prop<VerticalAlignment, true>;
+    readonly horizontalAlign: Prop<HorizontalAlignment, true>;
+    readonly layout: Prop<"vertical", true>;
+}, {
+    readonly verticalAlign: Prop<VerticalAlignment, true>;
+    readonly horizontalAlign: Prop<HorizontalAlignment, true>;
+    readonly layout: Prop<"horizontal", true>;
+}], ({
+    layout: Prop<ContainerLayout, true>;
+} & {
+    readonly layout: Prop<"freeform", true>;
+    readonly columns: Prop<number, true>;
+    readonly rows: Prop<number, false>;
+    readonly rowSize: Prop<number, false>;
+}) | ({
+    layout: Prop<ContainerLayout, true>;
+} & {
+    readonly verticalAlign: Prop<VerticalAlignment, true>;
+    readonly horizontalAlign: Prop<HorizontalAlignment, true>;
+    readonly layout: Prop<"vertical", true>;
+}) | ({
+    layout: Prop<ContainerLayout, true>;
+} & {
+    readonly verticalAlign: Prop<VerticalAlignment, true>;
+    readonly horizontalAlign: Prop<HorizontalAlignment, true>;
+    readonly layout: Prop<"horizontal", true>;
+})>;
+export declare const basicLayout: () => Section<Record<string, Prop<any, any>> & {
+    maxHeight?: Prop<Dim<DimModes>, false> | undefined;
+    minHeight?: Prop<Dim<DimModes>, false> | undefined;
+    maxWidth?: Prop<Dim<DimModes>, false> | undefined;
+    minWidth?: Prop<Dim<DimModes>, false> | undefined;
+    width: Prop<Dim<DimModes>, false>;
+    height: Prop<Dim<DimModes>, false>;
+} & {
+    margin: Prop<unknown, true>;
+} & {
+    isVisible: Prop<boolean, true>;
+    collapseWhenInvisible: Prop<boolean, false>;
+}>;

package/dist-types/lib/user-facing/properties-panel/properties-panel-definition.d.ts

@@ -0,0 +1,6 @@
+import type { ScopedState } from "../../internal-details/lib/evaluator/base-entity-manager.js";
+import type { Entity } from "../internal-index.js";
+import type { Section } from "./props-builder.js";
+import type { PropertiesPanelDefinition } from "@superblocksteam/library-shared/props";
+declare function createPropertiesPanelDefinition(sections: Record<string, Section>, entity?: Entity, scopedState?: ScopedState): PropertiesPanelDefinition;
+export { createPropertiesPanelDefinition };