@levo-so/studio 0.1.57 → 0.1.59

package/dist/contentEngine/themeUtils.d.ts

@@ -1,4 +1,35 @@
 import { IBlockInstance, ITheme } from '../interfaces';
+import { IPreviewDevice } from '../pixel';
+/**
+ * Theme Processing and CSS Generation System
+ *
+ * This module handles the complete transformation of theme configuration into
+ * CSS that powers the visual styling of studio elements. It combines multiple
+ * sources of styling information into a cohesive CSS output.
+ *
+ * CSS Generation Sources:
+ * 1. Theme Variables - CSS custom properties from primitive theme values
+ * 2. Default Styles - Component default styles and theme variant styles
+ * 3. Block Styles - Instance-specific styles from block configurations
+ * 4. Font Loading - Google Fonts integration for theme fonts
+ *
+ * The generated CSS follows a specific hierarchy and naming convention that
+ * integrates with the withBlockProps HOC and ThemeVariantSelector system.
+ */
+/**
+ * Font Processing and Google Fonts Integration
+ *
+ * Extracts font families from theme configuration and generates Google Fonts
+ * URLs for loading. Handles deduplication and URL encoding.
+ *
+ * @param theme - Theme configuration containing font selections
+ * @returns Object with font list and Google Fonts URL
+ */
+export declare const processFonts: (theme: ITheme) => {
+    fonts: string[];
+    fontUrl: string;
+    fontTags: string;
+};
 /**
  * CSS Custom Properties Generation
  *
@@ -36,6 +67,30 @@ export declare const generateThemeVariables: (theme: ITheme) => {
     "--base-font-size": string;
     "--default-shadow": string;
 };
+/**
+ * Component Theme and Variant Style Generation
+ *
+ * This is the core function that transforms the component theme system into CSS.
+ * It generates styles for both default component styling and theme variants.
+ *
+ * CSS Selectors Generated:
+ * 1. [data-levo_element_type='ComponentName'] - Component default styles
+ * 2. .levo-variant-{groupId}-{variantId} - Theme variant styles
+ *
+ * Style Hierarchy:
+ * - Component defaults apply to all instances of that component type
+ * - Variant classes override defaults when selected via ThemeVariantSelector
+ * - Block-specific styles (from generateBlockStyles) have highest specificity
+ *
+ * Integration Points:
+ * - withBlockProps HOC generates the variant classes on elements
+ * - ThemeVariantSelector allows users to select variants in widget config
+ * - VariantGroupManager provides the theme editor interface
+ *
+ * @param theme - Complete theme configuration with component definitions
+ * @returns CSS string with component and variant selectors
+ */
+export declare const generateThemeStyles: (theme?: ITheme, device?: IPreviewDevice) => string;
 /**
  * Complete Theme Processing and CSS Generation
  *
@@ -63,10 +118,11 @@ export declare const generateThemeVariables: (theme: ITheme) => {
  * @param pageID - Unique identifier for CSS scoping
  * @returns Object with processed theme data and HTML for injection
  */
-export declare const processTheme: ({ pageTheme, blocks, pageID, }: {
+export declare const processTheme: ({ pageTheme, blocks, pageID, device, }: {
     pageTheme: ITheme;
     blocks?: IBlockInstance[];
     pageID?: string;
+    device?: IPreviewDevice;
 }) => {
     theme: ITheme;
     fonts: string[];

package/dist/contentEngine/types.d.ts

@@ -10,6 +10,8 @@ export interface SourceFetchOptions {
     source: IStudioSource;
     slugs?: Record<string, string>;
     params?: Record<string, unknown>;
+    cookies?: string;
+    draft?: boolean;
 }
 export interface BlockTemplateOptions {
     contentSkeleton: any;
@@ -18,7 +20,7 @@ export interface BlockTemplateOptions {
     pageContext?: Record<string, any>;
 }
 export type IPageContext = Record<string, unknown>;
-export type IBlockContext = Record<string, IResponseMultiple["content"]>;
+export type IBlockContext = Record<string, IResponseMultiple>;
 export interface IPageDataContext {
     page?: IPageContext;
     blocks: Record<string, IBlockContext>;

package/dist/contentEngine/urlBuilder.d.ts

@@ -4,6 +4,6 @@ export declare const createSourceUrl: ({ levoClient, source, slug, query, }: {
     levoClient: ILevoClient;
     source: IStudioSource;
     slug?: string;
-    query?: Record<string, unknown>;
+    query: Record<string, unknown>;
 }) => string;
 //# sourceMappingURL=urlBuilder.d.ts.map

package/dist/core/AccessManager/index.d.ts

@@ -1,9 +1,11 @@
 import { ISite } from '../../interfaces';
+import { IAuthOverride } from '../../providers/AuthProvider';
 import { ILevoPageData } from '../../contentEngine';
 declare const AccessManager: React.FC<{
     page: ILevoPageData;
     site: ISite;
     children: React.ReactNode;
+    authOverride?: IAuthOverride | null;
 }>;
 export default AccessManager;
 //# sourceMappingURL=index.d.ts.map

package/dist/core/LevoPage.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 import { IWorkspace } from '@levo-so/core';
 import { ISite, BlockComponent } from '../interfaces';
 import { ILevoPageData, IPageDataContext } from '../contentEngine';
+import { IAuthOverride } from '../providers';
 export interface ILevoPageProps {
     pageData: ILevoPageData;
     parsedPageData: ILevoPageData;
@@ -10,6 +11,7 @@ export interface ILevoPageProps {
     blocks: Record<string, BlockComponent>;
     workspace: IWorkspace;
     site: ISite;
+    authOverride?: IAuthOverride | null;
 }
 export declare const LevoPage: React.FC<ILevoPageProps>;
 //# sourceMappingURL=LevoPage.d.ts.map

package/dist/elements/EditForm.d.ts

@@ -0,0 +1,11 @@
+import { ILevoFormContext } from '@levo-so/react-collection';
+import { BaseElementProps } from '../components/withBlockProps';
+export declare const EditForm: import('../components/withBlockProps').WithBlockPropsComponent<BaseElementProps & {
+    className?: string;
+    initialValues?: Record<string, any>;
+    theme?: ILevoFormContext["theme"];
+    onSubmit?: (values: any) => void;
+    isLoading?: boolean;
+}>;
+export default EditForm;
+//# sourceMappingURL=EditForm.d.ts.map

package/dist/elements/Form.d.ts

@@ -2,6 +2,7 @@ import { ILevoFormContext } from '@levo-so/react-collection';
 import { BaseElementProps } from '../components/withBlockProps';
 export declare const Form: import('../components/withBlockProps').WithBlockPropsComponent<BaseElementProps & {
     className?: string;
+    initialValues?: Record<string, any>;
     theme?: ILevoFormContext["theme"];
 }>;
 export default Form;

package/dist/elements/Section.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 import { BaseElementProps } from '../components/withBlockProps';
 interface BaseSectionProps extends BaseElementProps, Omit<React.HTMLAttributes<HTMLElement>, "content"> {
 }
+export declare const BaseSection: React.ForwardRefExoticComponent<BaseSectionProps & React.RefAttributes<HTMLElement>>;
 export declare const Section: import('../components/withBlockProps').WithBlockPropsComponent<BaseSectionProps & React.RefAttributes<HTMLElement>>;
 export default Section;
 //# sourceMappingURL=Section.d.ts.map

package/dist/elements/Tabs.d.ts

@@ -0,0 +1,21 @@
+import { Tabs as TabsPrimitive } from 'radix-ui';
+import { BaseElementProps } from '../components/withBlockProps';
+import * as React from "react";
+declare const TabsRoot: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+type TypeTabsListComponentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
+interface BaseTabsListProps extends BaseElementProps, Omit<TypeTabsListComponentProps, "content"> {
+    ref?: React.Ref<React.ElementRef<typeof TabsPrimitive.List>>;
+}
+type TypeTabsTriggerComponentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;
+interface BaseTabsTriggerProps extends BaseElementProps, Omit<TypeTabsTriggerComponentProps, "content"> {
+    ref?: React.Ref<React.ElementRef<typeof TabsPrimitive.Trigger>>;
+}
+type TypeTabsContentComponentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
+interface BaseTabsContentProps extends BaseElementProps, Omit<TypeTabsContentComponentProps, "content"> {
+    ref?: React.Ref<React.ElementRef<typeof TabsPrimitive.Content>>;
+}
+declare const TabsList: import('../components/withBlockProps').WithBlockPropsComponent<BaseTabsListProps>;
+declare const TabsTrigger: import('../components/withBlockProps').WithBlockPropsComponent<BaseTabsTriggerProps>;
+declare const TabsContent: import('../components/withBlockProps').WithBlockPropsComponent<BaseTabsContentProps>;
+export { TabsRoot, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/elements/accordion/index.d.ts

@@ -12,9 +12,9 @@ interface BaseAccordionContentProps extends BaseElementProps, Omit<React.Compone
 }
 declare const AccordionRoot: import('../../components/withBlockProps').WithBlockPropsComponent<BaseAccordionRootProps & {
     collapsible?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: import('../../components/withBlockProps').WithBlockPropsComponent<BaseAccordionItemProps & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: import('../../components/withBlockProps').WithBlockPropsComponent<BaseAccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: import('../../components/withBlockProps').WithBlockPropsComponent<BaseAccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+}>;
+declare const AccordionItem: import('../../components/withBlockProps').WithBlockPropsComponent<BaseAccordionItemProps>;
+declare const AccordionTrigger: import('../../components/withBlockProps').WithBlockPropsComponent<BaseAccordionTriggerProps>;
+declare const AccordionContent: import('../../components/withBlockProps').WithBlockPropsComponent<BaseAccordionContentProps>;
 export { AccordionRoot, AccordionItem, AccordionTrigger, AccordionContent };
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/index.d.ts

@@ -13,5 +13,7 @@ export * from './accordion';
 export * from './popover';
 export * from './Link';
 export * from './Form';
+export * from './EditForm';
 export * from './UserMenu';
+export * from './Tabs';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/useLogin.d.ts

@@ -1,29 +1,22 @@
-import { ILevoMembership, LevoError } from '@levo-so/core';
-export declare const useLogin: () => {
-    isLoading: boolean;
-    isSendingOtp: boolean;
-    resendOTP: (onResentSuccess?: () => void, onResentError?: (error: LevoError) => void) => void;
-    isVerifying: boolean;
-    isResendingOtp: boolean;
-    otpSent: boolean;
-    setOtpSent: import('react').Dispatch<import('react').SetStateAction<boolean>>;
-    otpResent: boolean;
-    setOtpResent: import('react').Dispatch<import('react').SetStateAction<boolean>>;
-    email: string;
-    setEmail: import('react').Dispatch<import('react').SetStateAction<string>>;
-    otp: string;
-    setOtp: import('react').Dispatch<import('react').SetStateAction<string>>;
-    isLoggedIn: boolean;
-    sendOTP: (onOTPSentSuccess?: () => void, onOTPSentError?: (error: LevoError) => void) => void;
-    verifyOTP: (config?: {
-        onLoginSuccess?: (account: ILevoMembership.Account | null) => void;
-        onLoginError?: (error: LevoError) => void;
-    }) => void;
-    handleReset: (skipEmailReset?: boolean) => void;
+import { LevoError, ILevoMembership } from '@levo-so/core';
+export interface ISendOTPParams {
+    email?: string;
+    phone?: string;
+    medium?: "email" | "whatsapp";
+}
+export interface IUseLoginReturn {
+    sendOTP: (params: ISendOTPParams) => Promise<void>;
+    verifyOTP: (content: string, code: string) => Promise<ILevoMembership.Account | null>;
+    resendOTP: (params: ISendOTPParams) => Promise<void>;
+    sendMagicLink: (email: string) => Promise<void>;
     refetchLoginStatus: (onRefetchSuccess?: (user: ILevoMembership.Account) => void) => void;
     signOut: (onSignOutSuccess?: () => void, onSignOutError?: (error: LevoError) => void) => void;
-    lastError: LevoError | null;
+    isLoggedIn: boolean;
     isAuthLoading: boolean;
-    clearError: () => void;
-};
+}
+/**
+ * Pure API operations hook for authentication
+ * All form state management moved to components with Formik
+ */
+export declare const useLogin: () => IUseLoginReturn;
 //# sourceMappingURL=useLogin.d.ts.map

package/dist/index-BdswdesP.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { L as l } from "./index-CPJI9a7D.js";
+import { A as m } from "./index-DHHPZcEh.js";
+const d = "_header_s7k8g_1", p = "_title_s7k8g_7", h = "_subtitle_s7k8g_14", g = "_formWrapper_s7k8g_20", e = {
+  header: d,
+  title: p,
+  subtitle: h,
+  formWrapper: g
+}, L = ({ logo: o, siteName: t, page: n }) => {
+  const [i, a] = c(!1);
+  return /* @__PURE__ */ r(m, { logo: o, siteName: t, maxWidth: "sm", children: [
+    !i && /* @__PURE__ */ r("div", { className: e.header, children: [
+      /* @__PURE__ */ s("h1", { className: e.title, children: "Sign in to continue" }),
+      t && /* @__PURE__ */ r("p", { className: e.subtitle, children: [
+        "You need to sign in to access this page on",
+        " ",
+        /* @__PURE__ */ s("strong", { children: t })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: e.formWrapper, children: /* @__PURE__ */ s(
+      l,
+      {
+        className: e.form,
+        oAuthTitle: t || "Studio",
+        page: n,
+        magicLinkSent: i,
+        setMagicLinkSent: a
+      }
+    ) })
+  ] });
+};
+export {
+  L as default
+};