@superblocksteam/library 2.0.32 → 2.0.33-next.1

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

@@ -0,0 +1,26 @@
+import type { propertiesDefinition } from "./props.js";
+import type { InternalProps } from "../../properties-panel/props-builder.js";
+import type { HorizontalAlign } from "@superblocksteam/library-shared/props";
+import type { TextStyleWithVariant, Typographies, UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+import type { CSSProperties } from "react";
+type TextWidgetProps = InternalProps<typeof propertiesDefinition>;
+export declare const useText: ({ text, numberFormat, minDecimals, maxDecimals, textType, currency, dateInputFormat, dateOutputFormat, }: Pick<TextWidgetProps, "text" | "numberFormat" | "minDecimals" | "maxDecimals" | "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: ({ textStyle }: {
+    textStyle: TextStyleWithVariant;
+}) => {
+    iconGap: {
+        gap: string;
+    };
+    iconSize: number;
+};
+export declare const useStyle: (props: TextWidgetProps) => CSSProperties;
+export declare const useIconContainerStyles: ({ iconGap, horizontalAlign, }: {
+    iconGap: any;
+    horizontalAlign: HorizontalAlign;
+}) => 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 PORTAL_ROOT_ID = "portal-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 { EventFlow } from "../../../index.js";
+import type { RawPropsToExternal } from "../../properties-panel/props-builder.js";
+type Props = {
+    onSuccess?: EventFlow;
+    onError?: EventFlow;
+};
+export declare const SbApi: (args: RawPropsToExternal<Props>) => {
+    [sbEntitySymbol]: true;
+    type: "SbApi";
+    onSuccess: import("../../../internal-details/lib/evaluator/base-entity-manager.js").SingleInputProp<EventFlow> | undefined;
+    onError: import("../../../internal-details/lib/evaluator/base-entity-manager.js").SingleInputProp<EventFlow> | undefined;
+} & import("@superblocksteam/library-shared/types").AnonymousSbEntity;
+export {};

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

@@ -0,0 +1,29 @@
+import { Section, Prop, type InternalProps } from "../../properties-panel/props-builder.js";
+import { SuspensibleAPI } from "./suspensible-api.js";
+export type ApiEntity = Omit<InternalProps<typeof propertiesDefinition>, "_suspensibleApi"> & {
+    run: () => Promise<any>;
+    cancel: () => Promise<any>;
+    _suspensibleApi: SuspensibleAPI<any, any[]>;
+};
+export declare const propertiesDefinition: {
+    events: Section<Record<string, Prop<any, any, undefined>> & {
+        onSuccess: Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+        onError: Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+    }>;
+    metadata: Section<Record<string, Prop<any, any, undefined>> & {
+        response: Prop<any, true, undefined>;
+        error: Prop<any, true, undefined>;
+        isLoading: Prop<boolean, true, undefined>;
+    }>;
+    functions: Section<Record<string, Prop<any, any, undefined>> & {
+        run: import("../../properties-panel/props-builder.js").FunctionProp<[traceHeaders?: Record<string, string> | undefined], Promise<any>>;
+        cancel: import("../../properties-panel/props-builder.js").FunctionProp<[], Promise<void>>;
+    }>;
+    internal: Section<Record<string, Prop<any, any, undefined>> & {
+        /**
+         * Internal SuspensibleAPI instance that manages loading states and React Suspense integration.
+         * This property is hidden from the public interface but accessible to other properties.
+         */
+        _suspensibleApi: Prop<SuspensibleAPI<any, []>, true, undefined>;
+    }>;
+};

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

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

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

@@ -0,0 +1,21 @@
+import type { SbApiRunOptions } from "@superblocksteam/library-shared/types";
+export declare class SuspensibleAPI<TData = any, TArgs extends any[] = any[]> {
+    private _response;
+    private _error;
+    private _promise;
+    private _isLoading;
+    private _runFn;
+    private _cancelFn;
+    constructor({ runFn, cancelFn, }: {
+        runFn: (options?: SbApiRunOptions, ...args: TArgs) => Promise<TData>;
+        cancelFn: (...args: TArgs) => Promise<void>;
+    });
+    /**
+     * Context-aware response getter that either returns data or throws promises to trigger React Suspense.
+     */
+    get response(): TData | undefined;
+    get isLoading(): boolean;
+    get error(): Error | undefined;
+    run(options?: SbApiRunOptions, ...args: TArgs): Promise<TData>;
+    cancel(...args: TArgs): Promise<void>;
+}

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

@@ -0,0 +1,16 @@
+import { sbEntitySymbol } from "@superblocksteam/library-shared/types";
+import type { EventFlow } from "../../../index.js";
+import type { RawPropsToExternal } from "../../properties-panel/props-builder.js";
+type Props = {
+    intervalMs?: number;
+    startOnPageLoad?: boolean;
+    onFire?: EventFlow;
+};
+export declare const Timer: (args: RawPropsToExternal<Props>) => {
+    [sbEntitySymbol]: true;
+    type: "Timer";
+    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<EventFlow> | 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, undefined>> & {
+        intervalMs: Prop<number, true, undefined>;
+        startOnPageLoad: Prop<boolean, false, undefined>;
+    }>;
+    events: Section<Record<string, Prop<any, any, undefined>> & {
+        onFire: Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+    }>;
+    metadata: Section<Record<string, Prop<any, any, undefined>> & {
+        timerId: Prop<string, false, undefined>;
+        isRunning: Prop<boolean, true, undefined>;
+    }>;
+    functions: Section<Record<string, Prop<any, any, undefined>> & {
+        start: import("../../properties-panel/props-builder.js").FunctionProp<[], void>;
+        stop: import("../../properties-panel/props-builder.js").FunctionProp<[], void>;
+        toggle: import("../../properties-panel/props-builder.js").FunctionProp<[], void>;
+    }>;
+};

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

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

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

@@ -0,0 +1,13 @@
+import { StateVarPersistence } 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, undefined>> & {
+        defaultValue: Prop<any, false, undefined>;
+        value: Prop<any, false, undefined>;
+        persistence: Prop<StateVarPersistence, true, undefined>;
+    }>;
+    functions: Section<Record<string, Prop<any, any, undefined>> & {
+        set: import("../../properties-panel/props-builder.js").FunctionProp<[value: any], void>;
+        reset: import("../../properties-panel/props-builder.js").FunctionProp<[], void>;
+    }>;
+};

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

@@ -0,0 +1,10 @@
+export declare enum API_STATUS_CODES {
+    REQUEST_UNAUTHORIZED = 401,
+    RESOURCE_FORBIDDEN = 403,
+    RESOURCE_NOT_FOUND = 404,
+    TIMEOUT = 408,
+    RESOURCE_CONFLICT = 409,
+    SERVER_ERROR = 502,
+    SERVER_UNAVAILABLE = 503,
+    BAD_REQUEST = 400
+}

package/dist-types/lib/user-facing/error-pages/error-component.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { API_STATUS_CODES } from "./constants.js";
+interface Props {
+    title: string;
+    errorMessage?: string | React.ReactNode;
+    buttonText?: string;
+    handleButtonClick?: () => void;
+    errorCode?: API_STATUS_CODES | "LOGIN_FAILURE";
+    buttonPath?: string;
+    image?: string;
+    secondaryButtonText?: string;
+    secondaryButtonAction?: () => void;
+    hideActions?: boolean;
+    mainButtonType?: "primary" | "ghost";
+}
+declare const ErrorComponent: ({ title, errorMessage, buttonText, handleButtonClick, errorCode, buttonPath, image: overrideImage, secondaryButtonAction, secondaryButtonText, hideActions, mainButtonType, }: Props) => React.JSX.Element;
+export default ErrorComponent;

package/dist-types/lib/user-facing/error-pages/page-not-found.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+declare const PageNotFound: ({ title, errorMessage, buttonPath, buttonText, onButtonClick, hideActions, }: {
+    title?: string;
+    errorMessage?: string | React.ReactElement;
+    buttonPath?: string;
+    buttonText?: string;
+    onButtonClick?: () => void;
+    hideActions?: boolean;
+}) => React.JSX.Element;
+export default PageNotFound;

package/dist-types/lib/user-facing/event-flow.d.ts

@@ -0,0 +1,107 @@
+import type { StepDef, ValueInputProp, NotificationPosition, NotificationType, IEventFlow, WithBindingIdentifier, ScopedState } from "@superblocksteam/library-shared/types";
+declare class EventFlow implements IEventFlow<StepDef, ScopedState, ValueInputProp> {
+    steps: StepDef[];
+    private constructor();
+    private addStep;
+    static start(): EventFlow;
+    static runJS(handler: (s: ScopedState | any, additionalProps?: Record<string, any>) => void): EventFlow;
+    runJS(handler: (s: ScopedState | any, additionalProps?: Record<string, any>) => void): this;
+    static navigateTo(url: ValueInputProp<string>, opts?: {
+        newWindow?: boolean;
+        replaceHistory?: boolean;
+        arguments?: string;
+    }): EventFlow;
+    navigateTo(url: ValueInputProp<string>, opts?: {
+        newWindow?: boolean;
+        replaceHistory?: boolean;
+        arguments?: string;
+    }): this;
+    static navigateToApp(appId: string): EventFlow;
+    navigateToApp(appId: string): this;
+    static navigateToRoute(route: string): EventFlow;
+    navigateToRoute(route: string): this;
+    static setQueryParams(params: Record<string, ValueInputProp<string>>, opts?: {
+        keep?: boolean;
+    }): EventFlow;
+    setQueryParams(params: Record<string, ValueInputProp<string>>, opts?: {
+        keep?: boolean;
+    }): this;
+    static controlSlideout(slideout: WithBindingIdentifier, opts: {
+        action: "open" | "close";
+    }): EventFlow;
+    controlSlideout(slideout: WithBindingIdentifier, opts: {
+        action: "open" | "close";
+    }): this;
+    static controlModal(modal: WithBindingIdentifier, opts: {
+        action: "open" | "close";
+    }): EventFlow;
+    controlModal(modal: WithBindingIdentifier, opts: {
+        action: "open" | "close";
+    }): this;
+    static controlTimer(stateTimer: WithBindingIdentifier, opts: {
+        action: "start" | "stop" | "toggle";
+    }): EventFlow;
+    controlTimer(stateTimer: WithBindingIdentifier, opts: {
+        action: "start" | "stop" | "toggle";
+    }): this;
+    static runApis(apis: any[], opts?: {
+        onSuccess?: EventFlow;
+        onError?: EventFlow;
+    }): EventFlow;
+    runApis(apis: any[], opts?: {
+        onSuccess?: EventFlow;
+        onError?: EventFlow;
+    }): this;
+    static cancelApis(apis: any[], onCancel?: EventFlow): EventFlow;
+    cancelApis(apis: any[], onCancel?: EventFlow): this;
+    static resetComponent(component: WithBindingIdentifier, opts?: {
+        property: string;
+    }): EventFlow;
+    resetComponent(component: WithBindingIdentifier, opts?: {
+        property: string;
+    }): this;
+    static resetStateVar(state: WithBindingIdentifier): EventFlow;
+    resetStateVar(state: WithBindingIdentifier): this;
+    static setStateVar(stateVarName: WithBindingIdentifier, opts: {
+        value: ValueInputProp;
+    }): EventFlow;
+    setStateVar(stateVar: WithBindingIdentifier, opts: {
+        value: ValueInputProp;
+    }): this;
+    callFunction(component: () => unknown): this;
+    static callFunction(component: () => unknown): EventFlow;
+    static setComponentProperty(component: WithBindingIdentifier, opts: {
+        property: string;
+        value: ValueInputProp;
+    }): EventFlow;
+    setComponentProperty(component: WithBindingIdentifier, opts: {
+        property: string;
+        value: ValueInputProp;
+    }): this;
+    static showAlert(message: ValueInputProp<string>, opts?: {
+        type?: NotificationType;
+        durationMs?: number;
+        position?: NotificationPosition;
+    }): EventFlow;
+    showAlert(message: ValueInputProp<string>, opts?: {
+        type?: NotificationType;
+        durationMs?: number;
+        position?: NotificationPosition;
+    }): this;
+    static setProfile(profileId: string, opts: {
+        action: "set" | "unset";
+    }): EventFlow;
+    setProfile(profileId: string, opts: {
+        action: "set" | "unset";
+    }): this;
+    static triggerEvent(eventName: string, opts?: {
+        data: Record<string, string>;
+    }): EventFlow;
+    triggerEvent(eventName: string, opts?: {
+        data: Record<string, string>;
+    }): this;
+    static sequence(eventFlows: EventFlow[]): EventFlow;
+    sequence(eventFlows: EventFlow[]): this;
+    build(): StepDef[];
+}
+export { EventFlow };

package/dist-types/lib/user-facing/event-flow.test.d.ts

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

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

@@ -0,0 +1,25 @@
+import { NotificationPosition } from "@superblocksteam/library-shared/types";
+import type { NotificationType } from "@superblocksteam/library-shared/types";
+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: NotificationType, durationSeconds?: number, alertPosition?: NotificationPosition): void;
+export declare function logoutIntegrations(): Promise<void>;

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

@@ -0,0 +1,14 @@
+/**
+ * A hook to enable editing dialogs.
+ *
+ * Dialog: A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
+ * E.g: Modal, Slideout, etc
+ *
+ * The hook expects an `isOpen` property on the component, but can be customized by passing a `isOpenPropertyName`.
+ */
+import type { SbInstance } from "@superblocksteam/library-shared/types";
+export declare function useDialogEditing(props: {
+    isOpen: boolean;
+    instanceId: SbInstance;
+    isOpenPropertyName?: string;
+}): 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-theme.d.ts

@@ -0,0 +1,3 @@
+export declare const useTheme: () => {
+    theme: import("@superblocksteam/library-shared/types").UserAccessibleTheme;
+};

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 { registerComponentInternal } from "../internal-details/sb-wrapper.jsx";
+export { useActions } from "../internal-details/actions-context.jsx";
+export type { Entity } from "@superblocksteam/library-shared/types";
+export { useScope } from "../internal-details/scope/scope-context.jsx";

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

@@ -0,0 +1,42 @@
+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;
+    closeButton: Indices;
+    stickySections: Indices;
+    scrollbars: Indices;
+    componentBorder: Indices;
+    resizeWrapper: Indices;
+    parentSelectedWrapper: Indices;
+    widgetResizer: Indices;
+    resizer: Indices;
+    dialog: 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,9 @@
+import { Section } from "./props-builder.js";
+import type { ManagedPropsList } from "./props-builder.js";
+export declare const RECORD_PATH_IDENTIFIER = "*";
+export declare function createInternalPropsList(sections: Record<string, Section>, parentPath?: string): Array<{
+    path: string;
+    factory: () => any;
+}>;
+declare function createManagedPropsList(sections: Record<string, Section>, parentPath?: string): ManagedPropsList;
+export { createManagedPropsList };

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

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

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

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

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

@@ -0,0 +1,24 @@
+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, undefined>;
+    textColor: import("../props-builder.js").CompositeProp<{
+        default: Prop<string, false, undefined>;
+    }>;
+    fontFamily: Prop<string, false, undefined>;
+    fontSize: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    fontWeight: Prop<number, false, undefined>;
+    fontStyle: Prop<string, false, undefined>;
+    lineHeight: Prop<string, false, undefined>;
+    letterSpacing: Prop<number, false, undefined>;
+    textTransform: Prop<string, false, undefined>;
+};
+export declare const basePropertiesPaneDisplay: PropertiesPanelDisplay<TextStyleWithVariant>;
+export declare const textStyleProp: ({ baseProp, propertiesPanel, }?: {
+    baseProp?: ReturnType<typeof createTextStyleCompositeBase>;
+    propertiesPanel?: Omit<Partial<PropertiesPanelDisplay<TextStyleWithVariant, "TEXT_STYLE">>, "controlType">;
+}) => Prop<TextStyleWithVariant>;
+export declare const colorProp: (schema: Omit<Partial<PropertiesPanelDisplay<string, "COLOR_PICKER">>, "controlType">) => Prop<string, false, undefined>;
+export declare const labelTextStyle: () => Prop<TextStyleWithVariant, true, undefined>;
+export declare const inputTextStyle: () => Prop<TextStyleWithVariant, true, undefined>;

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

@@ -0,0 +1,8 @@
+import { Prop } from "../props-builder.js";
+import type { Dim } from "@superblocksteam/library-shared";
+import type { PropertiesPanelDisplay } from "@superblocksteam/library-shared/props";
+import type { BorderStyleBlock, PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
+export declare const createPerSideBorder: (border: BorderStyleBlock) => PerSideBorder;
+export declare const border: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<PerSideBorder, "BORDER_CONTROL">>>) => Prop<PerSideBorder, false, undefined>;
+export declare const createBorderRadiusObject: (borderRadius: Dim<"px" | "%">) => PerCornerBorderRadius;
+export declare const borderRadius: (propertiesPanelConfig?: Partial<Partial<PropertiesPanelDisplay<PerCornerBorderRadius, "BORDER_RADIUS_CONTROL">>>) => Prop<PerCornerBorderRadius, true, undefined>;

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, undefined>;
+export declare const labelWidth: Prop<Dim, true, undefined>;
+export declare const customValidationProperties: {
+    customValidationRule: Prop<string, true, undefined>;
+    customErrorMessage: Prop<string, true, undefined>;
+};
+export declare const labelPosition: () => Prop<"left" | "top", true, undefined>;
+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, undefined>;
+    customValidationRule: Prop<any, false, undefined>;
+    customErrorMessage: Prop<string, true, undefined>;
+};
+export declare const getFractionDigitsProperties: ({ schema, }?: {
+    schema?: Omit<Partial<PropertiesPanelDisplay<number, "INPUT_TEXT">>, "controlType">;
+}) => {
+    minDecimals: Prop<number, false, undefined>;
+    maxDecimals: Prop<number, false, undefined>;
+};