@levo-so/studio 0.1.0

package/dist/pixel/constants/colorOptions.d.ts

@@ -0,0 +1,73 @@
+export declare const colorOptions: {
+    readonly black: {
+        readonly label: "Black";
+        readonly value: "black";
+        readonly css: "#000000";
+    };
+    readonly white: {
+        readonly label: "White";
+        readonly value: "white";
+        readonly css: "#FFFFFF";
+    };
+    readonly "text-1": {
+        readonly label: "Text 1";
+        readonly value: "text-1";
+        readonly css: "var(--color-text-1)";
+    };
+    readonly "text-2": {
+        readonly label: "Text 2";
+        readonly value: "text-2";
+        readonly css: "var(--color-text-2)";
+    };
+    readonly "text-3": {
+        readonly label: "Text 3";
+        readonly value: "text-3";
+        readonly css: "var(--color-text-3)";
+    };
+    readonly brand: {
+        readonly label: "Brand";
+        readonly value: "brand";
+        readonly css: "var(--color-brand)";
+    };
+    readonly brandForeground: {
+        readonly label: "Brand Foreground";
+        readonly value: "brandForeground";
+        readonly css: "var(--color-brand-foreground)";
+    };
+    readonly brandSecondary: {
+        readonly label: "Brand Secondary";
+        readonly value: "brandSecondary";
+        readonly css: "var(--color-brand-secondary)";
+    };
+    readonly brandSecondaryForeground: {
+        readonly label: "Brand Secondary Foreground";
+        readonly value: "brandSecondaryForeground";
+        readonly css: "var(--color-brand-secondary-foreground)";
+    };
+    readonly "background-1": {
+        readonly label: "Background 1";
+        readonly value: "background-1";
+        readonly css: "var(--color-background-1)";
+    };
+    readonly "background-2": {
+        readonly label: "Background 2";
+        readonly value: "background-2";
+        readonly css: "var(--color-background-2)";
+    };
+    readonly "background-3": {
+        readonly label: "Background 3";
+        readonly value: "background-3";
+        readonly css: "var(--color-background-3)";
+    };
+    readonly "icon-primary": {
+        readonly label: "Icon Primary";
+        readonly value: "icon-primary";
+        readonly css: "var(--color-icon-primary)";
+    };
+    readonly "icon-secondary": {
+        readonly label: "Icon Secondary";
+        readonly value: "icon-secondary";
+        readonly css: "var(--color-icon-secondary)";
+    };
+};
+//# sourceMappingURL=colorOptions.d.ts.map

package/dist/pixel/constants/fontSizeOptions.d.ts

@@ -0,0 +1,58 @@
+export declare const fontSizeOptions: {
+    readonly xs: {
+        readonly label: "XS";
+        readonly value: "xs";
+        readonly css: "calc(var(--base-font-size, 1rem) * 0.75)";
+    };
+    readonly sm: {
+        readonly label: "SM";
+        readonly value: "sm";
+        readonly css: "calc(var(--base-font-size, 1rem) * 0.875)";
+    };
+    readonly base: {
+        readonly label: "Base";
+        readonly value: "base";
+        readonly css: "calc(var(--base-font-size, 1rem) * 1)";
+    };
+    readonly lg: {
+        readonly label: "LG";
+        readonly value: "lg";
+        readonly css: "calc(var(--base-font-size, 1rem) * 1.125)";
+    };
+    readonly xl: {
+        readonly label: "XL";
+        readonly value: "xl";
+        readonly css: "calc(var(--base-font-size, 1rem) * 1.25)";
+    };
+    readonly "2xl": {
+        readonly label: "2 XL";
+        readonly value: "2xl";
+        readonly css: "calc(var(--base-font-size, 1rem) * 1.5)";
+    };
+    readonly "3xl": {
+        readonly label: "3 XL";
+        readonly value: "3xl";
+        readonly css: "calc(var(--base-font-size, 1rem) * 1.875)";
+    };
+    readonly "4xl": {
+        readonly label: "4 XL";
+        readonly value: "4xl";
+        readonly css: "calc(var(--base-font-size, 1rem) * 2.25)";
+    };
+    readonly "5xl": {
+        readonly label: "5 XL";
+        readonly value: "5xl";
+        readonly css: "calc(var(--base-font-size, 1rem) * 3)";
+    };
+    readonly "6xl": {
+        readonly label: "6 XL";
+        readonly value: "6xl";
+        readonly css: "calc(var(--base-font-size, 1rem) * 3.75)";
+    };
+    readonly "7xl": {
+        readonly label: "7 XL";
+        readonly value: "7xl";
+        readonly css: "calc(var(--base-font-size, 1rem) * 4.5)";
+    };
+};
+//# sourceMappingURL=fontSizeOptions.d.ts.map

package/dist/pixel/constants/marginOptions.d.ts

@@ -0,0 +1,183 @@
+export declare const marginOptions: {
+    none: {
+        readonly label: "None";
+        readonly value: "none";
+        readonly css: "0px";
+    };
+    "6xs": {
+        readonly label: "6 XS";
+        readonly value: "6xs";
+        readonly css: "calc(var(--base-spacing, 4px) * 0.25)";
+    };
+    "5xs": {
+        readonly label: "5 XS";
+        readonly value: "5xs";
+        readonly css: "calc(var(--base-spacing, 4px) * 0.5)";
+    };
+    "4xs": {
+        readonly label: "4 XS";
+        readonly value: "4xs";
+        readonly css: "calc(var(--base-spacing, 4px) * 1)";
+    };
+    "3xs": {
+        readonly label: "3 XS";
+        readonly value: "3xs";
+        readonly css: "calc(var(--base-spacing, 4px) * 1.5)";
+    };
+    "2xs": {
+        readonly label: "2 XS";
+        readonly value: "2xs";
+        readonly css: "calc(var(--base-spacing, 4px) * 2)";
+    };
+    xs: {
+        readonly label: "XS";
+        readonly value: "xs";
+        readonly css: "calc(var(--base-spacing, 4px) * 2.5)";
+    };
+    sm: {
+        readonly label: "SM";
+        readonly value: "sm";
+        readonly css: "calc(var(--base-spacing, 4px) * 3)";
+    };
+    md: {
+        readonly label: "MD";
+        readonly value: "md";
+        readonly css: "calc(var(--base-spacing, 4px) * 3.5)";
+    };
+    base: {
+        readonly label: "Base";
+        readonly value: "base";
+        readonly css: "calc(var(--base-spacing, 4px) * 4)";
+    };
+    lg: {
+        readonly label: "LG";
+        readonly value: "lg";
+        readonly css: "calc(var(--base-spacing, 4px) * 5)";
+    };
+    xl: {
+        readonly label: "XL";
+        readonly value: "xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 6)";
+    };
+    "2xl": {
+        readonly label: "2 XL";
+        readonly value: "2xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 7)";
+    };
+    "3xl": {
+        readonly label: "3 XL";
+        readonly value: "3xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 8)";
+    };
+    "4xl": {
+        readonly label: "4 XL";
+        readonly value: "4xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 9)";
+    };
+    "5xl": {
+        readonly label: "5 XL";
+        readonly value: "5xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 10)";
+    };
+    "6xl": {
+        readonly label: "6 XL";
+        readonly value: "6xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 11)";
+    };
+    "7xl": {
+        readonly label: "7 XL";
+        readonly value: "7xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 12)";
+    };
+    "8xl": {
+        readonly label: "8 XL";
+        readonly value: "8xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 14)";
+    };
+    "9xl": {
+        readonly label: "9 XL";
+        readonly value: "9xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 16)";
+    };
+    "10xl": {
+        readonly label: "10 XL";
+        readonly value: "10xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 20)";
+    };
+    "11xl": {
+        readonly label: "11 XL";
+        readonly value: "11xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 24)";
+    };
+    "12xl": {
+        readonly label: "12 XL";
+        readonly value: "12xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 28)";
+    };
+    "13xl": {
+        readonly label: "13 XL";
+        readonly value: "13xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 32)";
+    };
+    "14xl": {
+        readonly label: "14 XL";
+        readonly value: "14xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 36)";
+    };
+    "15xl": {
+        readonly label: "15 XL";
+        readonly value: "15xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 40)";
+    };
+    "16xl": {
+        readonly label: "16 XL";
+        readonly value: "16xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 44)";
+    };
+    "17xl": {
+        readonly label: "17 XL";
+        readonly value: "17xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 48)";
+    };
+    "18xl": {
+        readonly label: "18 XL";
+        readonly value: "18xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 52)";
+    };
+    "19xl": {
+        readonly label: "19 XL";
+        readonly value: "19xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 56)";
+    };
+    "20xl": {
+        readonly label: "20 XL";
+        readonly value: "20xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 60)";
+    };
+    "21xl": {
+        readonly label: "21 XL";
+        readonly value: "21xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 64)";
+    };
+    "22xl": {
+        readonly label: "22 XL";
+        readonly value: "22xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 72)";
+    };
+    "23xl": {
+        readonly label: "23 XL";
+        readonly value: "23xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 80)";
+    };
+    "24xl": {
+        readonly label: "24 XL";
+        readonly value: "24xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 96)";
+    };
+    auto: {
+        label: string;
+        value: string;
+        css: string;
+    };
+};
+//# sourceMappingURL=marginOptions.d.ts.map

package/dist/pixel/constants/spaceOptions.d.ts

@@ -0,0 +1,178 @@
+export declare const spaceOptions: {
+    readonly none: {
+        readonly label: "None";
+        readonly value: "none";
+        readonly css: "0px";
+    };
+    readonly "6xs": {
+        readonly label: "6 XS";
+        readonly value: "6xs";
+        readonly css: "calc(var(--base-spacing, 4px) * 0.25)";
+    };
+    readonly "5xs": {
+        readonly label: "5 XS";
+        readonly value: "5xs";
+        readonly css: "calc(var(--base-spacing, 4px) * 0.5)";
+    };
+    readonly "4xs": {
+        readonly label: "4 XS";
+        readonly value: "4xs";
+        readonly css: "calc(var(--base-spacing, 4px) * 1)";
+    };
+    readonly "3xs": {
+        readonly label: "3 XS";
+        readonly value: "3xs";
+        readonly css: "calc(var(--base-spacing, 4px) * 1.5)";
+    };
+    readonly "2xs": {
+        readonly label: "2 XS";
+        readonly value: "2xs";
+        readonly css: "calc(var(--base-spacing, 4px) * 2)";
+    };
+    readonly xs: {
+        readonly label: "XS";
+        readonly value: "xs";
+        readonly css: "calc(var(--base-spacing, 4px) * 2.5)";
+    };
+    readonly sm: {
+        readonly label: "SM";
+        readonly value: "sm";
+        readonly css: "calc(var(--base-spacing, 4px) * 3)";
+    };
+    readonly md: {
+        readonly label: "MD";
+        readonly value: "md";
+        readonly css: "calc(var(--base-spacing, 4px) * 3.5)";
+    };
+    readonly base: {
+        readonly label: "Base";
+        readonly value: "base";
+        readonly css: "calc(var(--base-spacing, 4px) * 4)";
+    };
+    readonly lg: {
+        readonly label: "LG";
+        readonly value: "lg";
+        readonly css: "calc(var(--base-spacing, 4px) * 5)";
+    };
+    readonly xl: {
+        readonly label: "XL";
+        readonly value: "xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 6)";
+    };
+    readonly "2xl": {
+        readonly label: "2 XL";
+        readonly value: "2xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 7)";
+    };
+    readonly "3xl": {
+        readonly label: "3 XL";
+        readonly value: "3xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 8)";
+    };
+    readonly "4xl": {
+        readonly label: "4 XL";
+        readonly value: "4xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 9)";
+    };
+    readonly "5xl": {
+        readonly label: "5 XL";
+        readonly value: "5xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 10)";
+    };
+    readonly "6xl": {
+        readonly label: "6 XL";
+        readonly value: "6xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 11)";
+    };
+    readonly "7xl": {
+        readonly label: "7 XL";
+        readonly value: "7xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 12)";
+    };
+    readonly "8xl": {
+        readonly label: "8 XL";
+        readonly value: "8xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 14)";
+    };
+    readonly "9xl": {
+        readonly label: "9 XL";
+        readonly value: "9xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 16)";
+    };
+    readonly "10xl": {
+        readonly label: "10 XL";
+        readonly value: "10xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 20)";
+    };
+    readonly "11xl": {
+        readonly label: "11 XL";
+        readonly value: "11xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 24)";
+    };
+    readonly "12xl": {
+        readonly label: "12 XL";
+        readonly value: "12xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 28)";
+    };
+    readonly "13xl": {
+        readonly label: "13 XL";
+        readonly value: "13xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 32)";
+    };
+    readonly "14xl": {
+        readonly label: "14 XL";
+        readonly value: "14xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 36)";
+    };
+    readonly "15xl": {
+        readonly label: "15 XL";
+        readonly value: "15xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 40)";
+    };
+    readonly "16xl": {
+        readonly label: "16 XL";
+        readonly value: "16xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 44)";
+    };
+    readonly "17xl": {
+        readonly label: "17 XL";
+        readonly value: "17xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 48)";
+    };
+    readonly "18xl": {
+        readonly label: "18 XL";
+        readonly value: "18xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 52)";
+    };
+    readonly "19xl": {
+        readonly label: "19 XL";
+        readonly value: "19xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 56)";
+    };
+    readonly "20xl": {
+        readonly label: "20 XL";
+        readonly value: "20xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 60)";
+    };
+    readonly "21xl": {
+        readonly label: "21 XL";
+        readonly value: "21xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 64)";
+    };
+    readonly "22xl": {
+        readonly label: "22 XL";
+        readonly value: "22xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 72)";
+    };
+    readonly "23xl": {
+        readonly label: "23 XL";
+        readonly value: "23xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 80)";
+    };
+    readonly "24xl": {
+        readonly label: "24 XL";
+        readonly value: "24xl";
+        readonly css: "calc(var(--base-spacing, 4px) * 96)";
+    };
+};
+//# sourceMappingURL=spaceOptions.d.ts.map

package/dist/pixel/index.d.ts

@@ -0,0 +1,3 @@
+import { CSSStyleKeys } from './propertyMap';
+export declare const styleObjectToCss: (styleObj: Record<CSSStyleKeys, any>, indent?: number, isNested?: boolean) => string;
+//# sourceMappingURL=index.d.ts.map

package/dist/pixel/optionsMap.d.ts

@@ -0,0 +1,14 @@
+import { CSSStyleKeys } from './propertyMap';
+type CSSOption = {
+    label: string;
+    value: string;
+    css?: string;
+};
+export type CSSOptionsRecord = Record<string, CSSOption>;
+export declare const cssOptionsMap: Partial<Record<CSSStyleKeys, {
+    options: CSSOptionsRecord;
+    skip?: boolean;
+    parser?: (value: any) => string;
+}>>;
+export default cssOptionsMap;
+//# sourceMappingURL=optionsMap.d.ts.map

package/dist/pixel/propertyMap.d.ts

@@ -0,0 +1,2 @@
+export type CSSStyleKeys = "font-size" | "font-weight" | "text-align" | "text-decoration" | "line-height" | "letter-spacing" | "color" | "display" | "flex-direction" | "justify-content" | "align-items" | "column-gap" | "row-gap" | "gap" | "grid-template-columns" | "grid-template-rows" | "width" | "min-width" | "max-width" | "height" | "filter" | "min-height" | "max-height" | "object-fit" | "border-radius" | "border-style" | "border-width" | "border-color" | "background-color" | "background-size" | "background-position" | "box-shadow" | "padding" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "margin" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "opacity" | "font" | "background-image" | "overflow" | "-webkit-line-clamp" | "-webkit-box-orient" | "font-family" | "number_of_slides" | "background_video_overlay_color" | "background_video_position";
+//# sourceMappingURL=propertyMap.d.ts.map

package/dist/providers/AuthProvider.d.ts

@@ -0,0 +1,25 @@
+import { ILevoMembership, IWorkspace } from '@levo-so/core';
+interface AuthProviderInterface {
+    isLoggedIn: boolean;
+    account: ILevoMembership.Account | null;
+    workspace: IWorkspace | null;
+    isAuthLoaded: boolean;
+    isAuthLoading: boolean;
+    isSignOutLoading: boolean;
+    isVerifying: boolean;
+    handleRefetchLoginStatus: (onRefetchSuccess?: (user: ILevoMembership.Account) => void) => void;
+    handleSignOut: (handleSignOutSuccess?: () => void) => void;
+    handleVerifyOtp: (config: {
+        email: string;
+        otp: string;
+        onVerifySuccess?: ((account: ILevoMembership.Account | null) => void) | undefined;
+        onVerifyError?: (() => void) | undefined;
+    }) => void;
+}
+export declare const AuthProvider: React.FC<{
+    children: React.ReactNode;
+    workspace: IWorkspace | null;
+}>;
+export default AuthProvider;
+export declare const useAuth: () => AuthProviderInterface;
+//# sourceMappingURL=AuthProvider.d.ts.map

package/dist/providers/BlockContext.d.ts

@@ -0,0 +1,16 @@
+import { IBlockInstance } from '../interfaces';
+import { IPageContext, IBlockContext } from '../contentEngine';
+type BlockContextType = {
+    parsedBlockData?: IBlockInstance;
+    setParsedBlockData?: React.Dispatch<React.SetStateAction<IBlockInstance | undefined>>;
+    blockData?: IBlockInstance;
+    pageContext?: IPageContext;
+    blockContext?: IBlockContext;
+};
+export declare const BlockProvider: React.FC<{
+    children: React.ReactNode;
+    value: BlockContextType;
+}>;
+export declare const useBlockContext: () => BlockContextType;
+export {};
+//# sourceMappingURL=BlockContext.d.ts.map

package/dist/providers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AuthProvider';
+export * from './BlockContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/defaultTheme.d.ts

@@ -0,0 +1,3 @@
+import { ITheme } from '../interfaces';
+export declare const DEFAULT_THEME: ITheme;
+//# sourceMappingURL=defaultTheme.d.ts.map

package/dist/utils/blockHelpers.d.ts

@@ -0,0 +1,5 @@
+import { IBlock, IBlockCategory } from '../interfaces';
+export declare const getBlocksFromCategory: (category: string) => IBlock[];
+export declare const getSingleBlock: (key: string) => IBlock | null;
+export declare const getAllCategories: () => IBlockCategory[];
+//# sourceMappingURL=blockHelpers.d.ts.map

package/dist/utils/blocksLevoClient.d.ts

@@ -0,0 +1,5 @@
+import { ILevoClient } from '@levo-so/core';
+declare let blocksLevoClient: ILevoClient | null;
+declare const setLevoClient: (client: ILevoClient) => void;
+export { blocksLevoClient, setLevoClient };
+//# sourceMappingURL=blocksLevoClient.d.ts.map

package/dist/utils/colorUtils.d.ts

@@ -0,0 +1,54 @@
+import { OKLCHColor } from '../interfaces';
+/**
+ * Convert RGBA color to OKLCH object format for theme storage
+ * Returns default black color for invalid input
+ */
+export declare const rgbaToOKLCH: (rgba: {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+}) => OKLCHColor;
+/**
+ * Convert OKLCH object to OKLCH CSS string format
+ */
+export declare const oklchToString: (oklchColor: OKLCHColor | string | undefined) => string;
+/**
+ * Convert RGBA to OKLCH CSS string format (for non-theme usage)
+ */
+export declare const rgbaToOKLCHString: (rgba: {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+}) => string;
+/**
+ * Convert OKLCH CSS string to RGBA CSS string format
+ * Returns black color string for invalid input
+ */
+export declare const oklchStringToRGBA: (oklch: string) => string;
+/**
+ * Validate if a string is a valid OKLCH color
+ * @returns {boolean} True if the string is a valid OKLCH color, false otherwise
+ */
+export declare const isValidOKLCH: (colorString: string) => boolean;
+/**
+ * Convert hex color string to OKLCH object format
+ * Returns default black color for invalid input
+ */
+export declare const hexToOKLCH: (hexColor: string) => OKLCHColor;
+/**
+ * Parse OKLCH string back to object format
+ * Returns default black color for invalid input
+ */
+export declare const parseOKLCHString: (oklchString: string) => OKLCHColor;
+/**
+ * Convert OKLCH object to RGBA string format for color pickers
+ * Returns black color string for invalid input
+ */
+export declare const oklchToRGBA: (oklchColor: OKLCHColor) => string;
+export declare const generateAccentColor: (oklch: OKLCHColor) => {
+    oklch: OKLCHColor;
+    hex: string;
+};
+//# sourceMappingURL=colorUtils.d.ts.map

package/dist/utils/getKeysWithValue.d.ts

@@ -0,0 +1,3 @@
+export declare function getKeysWithValue(obj: Record<string, any>): Record<string, any>;
+export default getKeysWithValue;
+//# sourceMappingURL=getKeysWithValue.d.ts.map

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './blocksLevoClient';
+export * from './withBlockPropsUtils';
+//# sourceMappingURL=index.d.ts.map