@questpie/admin 1.1.0 → 2.0.0

package/dist/client/views/pages/setup-page.mjs

@@ -0,0 +1,91 @@
+import { selectBasePath, selectBrandName, selectClient, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
+import { AuthLayout } from "../auth/auth-layout.mjs";
+import { SetupForm } from "../auth/setup-form.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/pages/setup-page.tsx
+/**
+* Setup Page
+*
+* Default setup page for creating the first admin account.
+* Uses AuthLayout and SetupForm, integrates with client from AdminProvider context.
+*/
+/**
+* Default setup page component.
+*
+* Uses client from AdminProvider to call createFirstAdmin RPC function.
+*
+* @example
+* ```tsx
+* // In your admin config
+* const admin = qa<AppCMS>()
+*   .use(coreAdminModule)
+*   .pages({
+*     setup: page("setup", { component: SetupPage }).path("/setup"),
+*   })
+* ```
+*/
+function SetupPage({ title = "Welcome", description = "Create your admin account to get started", logo, redirectTo, loginPath, showLoginLink = true }) {
+	const client = useAdminStore(selectClient);
+	const navigate = useAdminStore(selectNavigate);
+	const basePath = useAdminStore(selectBasePath);
+	const brandName = useAdminStore(selectBrandName);
+	const [error, setError] = React$1.useState(null);
+	const handleSubmit = async (values) => {
+		setError(null);
+		try {
+			const result = await client.rpc.createFirstAdmin({
+				email: values.email,
+				password: values.password,
+				name: values.name
+			});
+			if (!result.success) {
+				setError(result.error ?? "Failed to create admin account");
+				return;
+			}
+			navigate(redirectTo ?? `${basePath}/login`);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "An error occurred");
+		}
+	};
+	const handleLoginClick = () => {
+		navigate(loginPath ?? `${basePath}/login`);
+	};
+	return /* @__PURE__ */ jsx(AuthLayout, {
+		title,
+		description,
+		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
+		footer: showLoginLink && /* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground text-center text-xs",
+			children: [
+				"Already have an account?",
+				" ",
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: handleLoginClick,
+					className: "text-primary hover:underline",
+					children: "Sign in"
+				})
+			]
+		}),
+		children: /* @__PURE__ */ jsx(SetupForm, {
+			onSubmit: handleSubmit,
+			error
+		})
+	});
+}
+function DefaultLogo({ brandName }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "text-center",
+		children: /* @__PURE__ */ jsx("h1", {
+			className: "text-xl font-bold",
+			children: brandName
+		})
+	});
+}
+var setup_page_default = SetupPage;
+
+//#endregion
+export { SetupPage, setup_page_default as default };
+//# sourceMappingURL=setup-page.mjs.map

package/dist/client/views/pages/setup-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-page.mjs","names":["React"],"sources":["../../../../src/client/views/pages/setup-page.tsx"],"sourcesContent":["/**\n * Setup Page\n *\n * Default setup page for creating the first admin account.\n * Uses AuthLayout and SetupForm, integrates with client from AdminProvider context.\n */\n\nimport * as React from \"react\";\nimport {\n  selectBasePath,\n  selectBrandName,\n  selectClient,\n  selectNavigate,\n  useAdminStore,\n} from \"../../runtime/provider\";\nimport { AuthLayout } from \"../auth/auth-layout\";\nimport { SetupForm, type SetupFormValues } from \"../auth/setup-form\";\n\nexport interface SetupPageProps {\n  /**\n   * Title shown on the setup page\n   * @default \"Welcome\"\n   */\n  title?: string;\n\n  /**\n   * Description shown below the title\n   * @default \"Create your admin account to get started\"\n   */\n  description?: string;\n\n  /**\n   * Logo component to show above the form\n   */\n  logo?: React.ReactNode;\n\n  /**\n   * Path to redirect after successful setup\n   * @default \"{basePath}/login\"\n   */\n  redirectTo?: string;\n\n  /**\n   * Path to login page (shown in footer)\n   * @default \"{basePath}/login\"\n   */\n  loginPath?: string;\n\n  /**\n   * Show \"Already have an account?\" link\n   * @default true\n   */\n  showLoginLink?: boolean;\n}\n\n/**\n * Default setup page component.\n *\n * Uses client from AdminProvider to call createFirstAdmin RPC function.\n *\n * @example\n * ```tsx\n * // In your admin config\n * const admin = qa<AppCMS>()\n *   .use(coreAdminModule)\n *   .pages({\n *     setup: page(\"setup\", { component: SetupPage }).path(\"/setup\"),\n *   })\n * ```\n */\nexport function SetupPage({\n  title = \"Welcome\",\n  description = \"Create your admin account to get started\",\n  logo,\n  redirectTo,\n  loginPath,\n  showLoginLink = true,\n}: SetupPageProps) {\n  const client = useAdminStore(selectClient);\n  const navigate = useAdminStore(selectNavigate);\n  const basePath = useAdminStore(selectBasePath);\n  const brandName = useAdminStore(selectBrandName);\n\n  const [error, setError] = React.useState<string | null>(null);\n\n  const handleSubmit = async (values: SetupFormValues) => {\n    setError(null);\n\n    try {\n      const result = await (client as any).rpc.createFirstAdmin({\n        email: values.email,\n        password: values.password,\n        name: values.name,\n      });\n\n      if (!result.success) {\n        setError(result.error ?? \"Failed to create admin account\");\n        return;\n      }\n\n      // Redirect to login on success\n      navigate(redirectTo ?? `${basePath}/login`);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"An error occurred\");\n    }\n  };\n\n  const handleLoginClick = () => {\n    navigate(loginPath ?? `${basePath}/login`);\n  };\n\n  return (\n    <AuthLayout\n      title={title}\n      description={description}\n      logo={logo ?? <DefaultLogo brandName={brandName} />}\n      footer={\n        showLoginLink && (\n          <p className=\"text-muted-foreground text-center text-xs\">\n            Already have an account?{\" \"}\n            <button\n              type=\"button\"\n              onClick={handleLoginClick}\n              className=\"text-primary hover:underline\"\n            >\n              Sign in\n            </button>\n          </p>\n        )\n      }\n    >\n      <SetupForm onSubmit={handleSubmit} error={error} />\n    </AuthLayout>\n  );\n}\n\nfunction DefaultLogo({ brandName }: { brandName: string }) {\n  return (\n    <div className=\"text-center\">\n      <h1 className=\"text-xl font-bold\">{brandName}</h1>\n    </div>\n  );\n}\n\nexport default SetupPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,SAAgB,UAAU,EACxB,QAAQ,WACR,cAAc,4CACd,MACA,YACA,WACA,gBAAgB,QACC;CACjB,MAAM,SAAS,cAAc,aAAa;CAC1C,MAAM,WAAW,cAAc,eAAe;CAC9C,MAAM,WAAW,cAAc,eAAe;CAC9C,MAAM,YAAY,cAAc,gBAAgB;CAEhD,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAwB,KAAK;CAE7D,MAAM,eAAe,OAAO,WAA4B;AACtD,WAAS,KAAK;AAEd,MAAI;GACF,MAAM,SAAS,MAAO,OAAe,IAAI,iBAAiB;IACxD,OAAO,OAAO;IACd,UAAU,OAAO;IACjB,MAAM,OAAO;IACd,CAAC;AAEF,OAAI,CAAC,OAAO,SAAS;AACnB,aAAS,OAAO,SAAS,iCAAiC;AAC1D;;AAIF,YAAS,cAAc,GAAG,SAAS,QAAQ;WACpC,KAAK;AACZ,YAAS,eAAe,QAAQ,IAAI,UAAU,oBAAoB;;;CAItE,MAAM,yBAAyB;AAC7B,WAAS,aAAa,GAAG,SAAS,QAAQ;;AAG5C,QACE,oBAAC;EACQ;EACM;EACb,MAAM,QAAQ,oBAAC,eAAuB,YAAa;EACnD,QACE,iBACE,qBAAC;GAAE,WAAU;;IAA4C;IAC9B;IACzB,oBAAC;KACC,MAAK;KACL,SAAS;KACT,WAAU;eACX;MAEQ;;IACP;YAIR,oBAAC;GAAU,UAAU;GAAqB;IAAS;GACxC;;AAIjB,SAAS,YAAY,EAAE,aAAoC;AACzD,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAG,WAAU;aAAqB;IAAe;GAC9C;;AAIV,yBAAe"}

package/dist/client.d.mts

@@ -1,3 +1,92 @@
-import { $ as BlockRenderer, $n as LoginForm, $r as BlockDefinition, $t as SectionBuilderState, A as BlockScopeContextValue, Ai as BaseFieldProps, An as selectAuthClient, Ar as DashboardWidgetConfig, At as useShallow, B as StandalonePreviewField, Bn as AdminLayout, Br as PageBuilder, Bt as global, C as PreviewReadyMessage, Ci as RelationFieldConfig, Cn as AdminRouter, Cr as SidebarLinkItem, Ct as useCollectionItem, D as SelectBlockMessage, Di as TabConfig, Dn as AdminState, Dr as BaseWidgetConfig, Dt as useAuthClient, E as RefreshCompleteMessage, Ei as SelectOption, En as AdminProviderProps, Er as AnyWidgetConfig, Et as createAdminAuthClient, F as PreviewBanner, Fn as selectNavigate, Fr as StatsWidgetConfig, Ft as CoreAdminModule, G as PreviewToggleButton, Gn as FormView, Gr as GlobalConfig, Gt as AdminTypeRegistry, H as PreviewPane, Hn as TableView, Hr as PageDefinition, Ht as Admin, I as PreviewBannerProps, In as selectNavigation, Ir as WidgetAction, It as coreAdminModule, J as BlockPrefetchError, Jn as SetupForm, Jr as CollectionConfig, Jt as RegisteredCMS, K as PreviewToggleButtonProps, Kn as FormViewProps, Kr as AutoSaveConfig, Kt as IsRegistered, L as PreviewField, Ln as selectSetContentLocale, Lr as WidgetComponentProps, Lt as qa, M as BlockScopeProviderProps, Mi as MaybeLazyComponent, Mn as selectBrandName, Mr as KnownWidgetType, Mt as adminMessagesEN, N as useBlockScope, Ni as I18nContext, Nn as selectClient, Nr as QuickActionsWidgetConfig, Nt as AdminModule, O as isAdminToPreviewMessage, Oi as TabsLayout, On as AdminStore, Or as ChartWidgetConfig, Ot as TypedHooks, P as useResolveFieldPath, Pi as I18nText, Pn as selectContentLocale, Pr as RecentItemsWidgetConfig, Pt as adminModule, Q as prefetchBlockData, Qn as ForgotPasswordForm, Qr as BlockBuilderState, Qt as SectionBuilder, R as PreviewFieldProps, Rn as useAdminStore, Rr as WidgetConfig, Rt as AdminHelpers, S as PreviewConfig, Si as LayoutMode, Sn as DashboardPage, Sr as SidebarItem, St as useCollectionDelete, T as PreviewToAdminMessage, Ti as SectionLayout, Tn as AdminProvider, Tr as SidebarSection, Tt as useCollectionUpdate, U as PreviewPaneProps, Un as TableViewConfig, Ur as page, Ut as AppAdmin, V as usePreviewContext, Vn as AdminSidebar, Vr as PageBuilderState, Vt as collection, W as PreviewPaneRef, Wn as TableViewProps, Wr as GlobalBuilderState, Wt as InferAdminCMS, X as BlockPrefetchResult, Xn as AcceptInviteForm, Xr as ColumnConfigObject, Xt as RegisteredGlobalNames, Y as BlockPrefetchParams, Yn as SetupFormValues, Yr as ColumnConfig, Yt as RegisteredCollectionNames, Z as TypedBlockPrefetch, Zn as ResetPasswordForm, Zr as ListViewConfig, Zt as AdminBuilder, _ as useCollectionPreview, _i as FieldComponentProps, _n as AcceptInvitePage, _r as LocaleConfig, _t as useSavedViews, a as FocusContextValue, ai as BlockRendererProps$1, an as TypedSidebarItem, ar as widget, at as AdminTopbar, b as FieldClickedMessage, bi as FormSidebarConfig, bn as ForgotPasswordPage, br as SidebarDividerItem, bt as useCurrentUser, c as FocusState, ci as isBlockContent, cn as GlobalBuilder, cr as EditViewDefinition, ct as DashboardGrid, d as useFocus, di as FieldDefinition, dn as block, dr as ListViewDefinition, dt as TipTapDoc, ei as InferBlockValues, en as SidebarBuilder, er as AuthLayout, et as BlockRendererProps, f as useFocusOptional, fi as field, fn as AuthLoading, fr as editView, ft as TipTapNode, g as UseCollectionPreviewResult, gi as EmbeddedFieldConfig, gn as SetupPageProps, gr as DashboardConfig, gt as useSetupStatus, h as UseCollectionPreviewOptions, hi as EmbeddedCollectionProps, hn as SetupPage, hr as BrandingConfig, ht as useMediaQuery, i as GlobalNames, ii as BlockPrefetch, in as TypedSidebarGlobalItem, ir as WidgetDefinition, it as getFlagUrl, j as BlockScopeProvider, ji as IconComponent, jn as selectBasePath, jr as GenericWidgetConfig, jt as adminMessagesSK, k as isPreviewToAdminMessage, ki as WrapperMode, kn as selectAdmin, kr as CustomWidgetConfig, kt as createTypedHooks, l as parsePreviewFieldPath, li as FieldBuilder, ln as CollectionBuilder, lr as ListViewBuilder, lt as RichTextRenderer, m as useIsFieldFocused, mi as ComponentRegistry, mn as AdminLink, mr as DefaultViewsConfig, mt as useIsMobile, n as CollectionItem, ni as BlockContent, nn as SidebarItemForApp, nr as WidgetBuilder, nt as getCountryCode, o as FocusProvider, oi as EMPTY_BLOCK_CONTENT, on as section, or as EditViewBuilder, ot as GlobalForm, p as useIsBlockFocused, pi as ArrayFieldConfig, pn as AuthGuard, pr as listView, pt as useIsDesktop, q as BlockPrefetchContext, qn as FormViewRegistryConfig, qr as CollectionBuilderState, qt as RegisteredAdmin, r as CollectionNames, ri as BlockNode, rn as TypedSidebarCollectionItem, rr as WidgetBuilderState, rt as getFlagConfig, s as FocusProviderProps, si as createBlockNode, sn as sidebar, sr as EditViewBuilderState, st as DashboardWidget, t as CollectionFieldKeys, ti as BlockCategory, tn as SidebarBuilderState, tr as AdminBuilderState, tt as FlagConfig, u as scrollFieldIntoView, ui as FieldBuilderState, un as BlockBuilder, ur as ListViewBuilderState, ut as RichTextStyles, v as AdminToPreviewMessage, vi as FieldLayoutItem, vn as InvitePage, vr as SidebarCollectionItem, vt as useGlobal, w as PreviewRefreshMessage, wi as RichTextConfig, wn as AdminRouterProps, wr as SidebarPageItem, wt as useCollectionList, x as FocusFieldMessage, xi as FormViewConfig, xn as LoginPage, xr as SidebarGlobalItem, xt as useCollectionCreate, y as BlockClickedMessage, yi as FieldUIConfig, yn as ResetPasswordPage, yr as SidebarConfig, yt as useGlobalUpdate, z as PreviewProvider, zn as AdminLayoutProvider, zr as WidgetDataSource, zt as createAdminHelpers } from "./client-B7r47hEd.mjs";
-import "./index-BYyqkWtn.mjs";
-export { AcceptInviteForm, AcceptInvitePage, Admin, AdminBuilder, AdminBuilderState, AdminHelpers, AdminLayout, AdminLayoutProvider, AdminLink, AdminModule, AdminProvider, AdminProviderProps, AdminRouter, AdminRouterProps, AdminSidebar, AdminState, AdminStore, AdminToPreviewMessage, AdminTopbar, AdminTypeRegistry, AnyWidgetConfig, AppAdmin, ArrayFieldConfig, AuthGuard, AuthLayout, AuthLoading, AutoSaveConfig, BaseFieldProps, BaseWidgetConfig, BlockBuilder, BlockBuilderState, BlockCategory, BlockClickedMessage, BlockContent, BlockDefinition, BlockNode, BlockPrefetch, BlockPrefetchContext, BlockPrefetchError, BlockPrefetchParams, BlockPrefetchResult, BlockRenderer, BlockRendererProps as BlockRendererComponentProps, BlockRendererProps$1 as BlockRendererProps, BlockScopeContextValue, BlockScopeProvider, BlockScopeProviderProps, BrandingConfig, ChartWidgetConfig, CollectionBuilder, CollectionBuilderState, CollectionConfig, CollectionFieldKeys, CollectionItem, CollectionNames, ColumnConfig, ColumnConfigObject, ComponentRegistry, CoreAdminModule, CustomWidgetConfig, DashboardConfig, DashboardGrid, DashboardPage, DashboardWidget, DashboardWidgetConfig, DefaultViewsConfig, EMPTY_BLOCK_CONTENT, EditViewBuilder, EditViewBuilderState, EditViewDefinition, EmbeddedCollectionProps, EmbeddedFieldConfig, FieldBuilder, FieldBuilderState, FieldClickedMessage, FieldComponentProps, FieldDefinition, FieldLayoutItem, FieldUIConfig, FlagConfig, FocusContextValue, FocusFieldMessage, FocusProvider, FocusProviderProps, FocusState, ForgotPasswordForm, ForgotPasswordPage, FormSidebarConfig, FormView, FormViewConfig, FormViewProps, FormViewRegistryConfig, GenericWidgetConfig, GlobalBuilder, GlobalBuilderState, GlobalConfig, GlobalForm, GlobalNames, I18nContext, I18nText, IconComponent, InferAdminCMS, InferBlockValues, InvitePage, IsRegistered, KnownWidgetType, LayoutMode, ListViewBuilder, ListViewBuilderState, ListViewConfig, ListViewDefinition, LocaleConfig, LoginForm, LoginPage, MaybeLazyComponent, PageBuilder, PageBuilderState, PageDefinition, PreviewBanner, PreviewBannerProps, PreviewConfig, PreviewField, PreviewFieldProps, PreviewPane, PreviewPaneProps, PreviewPaneRef, PreviewProvider, PreviewReadyMessage, PreviewRefreshMessage, PreviewToAdminMessage, PreviewToggleButton, PreviewToggleButtonProps, QuickActionsWidgetConfig, RecentItemsWidgetConfig, RefreshCompleteMessage, RegisteredAdmin, RegisteredCMS, RegisteredCollectionNames, RegisteredGlobalNames, RelationFieldConfig, ResetPasswordForm, ResetPasswordPage, RichTextConfig, RichTextRenderer, RichTextStyles, SectionBuilder, SectionBuilderState, SectionLayout, SelectBlockMessage, SelectOption, SetupForm, SetupFormValues, SetupPage, SetupPageProps, SidebarBuilder, SidebarBuilderState, SidebarCollectionItem, SidebarConfig, SidebarDividerItem, SidebarGlobalItem, SidebarItem, SidebarItemForApp, SidebarLinkItem, SidebarPageItem, SidebarSection, StandalonePreviewField, StatsWidgetConfig, TabConfig, TableView, TableViewConfig, TableViewProps, TabsLayout, TipTapDoc, TipTapNode, TypedBlockPrefetch, TypedHooks, TypedSidebarCollectionItem, TypedSidebarGlobalItem, TypedSidebarItem, UseCollectionPreviewOptions, UseCollectionPreviewResult, WidgetAction, WidgetBuilder, WidgetBuilderState, WidgetComponentProps, WidgetConfig, WidgetDataSource, WidgetDefinition, WrapperMode, adminMessagesEN, adminMessagesSK, adminModule, block, collection, coreAdminModule, createAdminAuthClient, createAdminHelpers, createBlockNode, createTypedHooks, editView, field, getCountryCode, getFlagConfig, getFlagUrl, global, isAdminToPreviewMessage, isBlockContent, isPreviewToAdminMessage, listView, page, parsePreviewFieldPath, prefetchBlockData, qa, scrollFieldIntoView, section, selectAdmin, selectAuthClient, selectBasePath, selectBrandName, selectClient, selectContentLocale, selectNavigate, selectNavigation, selectSetContentLocale, sidebar, useAdminStore, useAuthClient, useBlockScope, useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionPreview, useCollectionUpdate, useCurrentUser, useFocus, useFocusOptional, useGlobal, useGlobalUpdate, useIsBlockFocused, useIsDesktop, useIsFieldFocused, useIsMobile, useMediaQuery, usePreviewContext, useResolveFieldPath, useSavedViews, useSetupStatus, useShallow, widget };
+import { I18nContext, I18nText } from "./client/i18n/types.mjs";
+import { BaseFieldProps, IconComponent, MaybeLazyComponent } from "./client/builder/types/common.mjs";
+import { ComponentRegistry, FieldComponentProps, FormViewConfig } from "./client/builder/types/field-types.mjs";
+import { FieldBuilder, FieldBuilderState, FieldDefinition, field } from "./client/builder/field/field.mjs";
+import { AnyWidgetConfig, BaseWidgetConfig, ChartWidgetConfig, CustomWidgetConfig, ProgressWidgetConfig, QuickActionsWidgetConfig, RecentItemsWidgetConfig, StatsWidgetConfig, TableWidgetConfig, TimelineWidgetConfig, ValueWidgetConfig, WidgetComponentProps, WidgetConfig } from "./client/builder/types/widget-types.mjs";
+import { EditViewBuilder, EditViewBuilderState, EditViewDefinition, ListViewBuilder, ListViewBuilderState, ListViewDefinition, editView, listView } from "./client/builder/view/view.mjs";
+import { WidgetBuilder, WidgetBuilderState, WidgetDefinition, widget } from "./client/builder/widget/widget.mjs";
+import { AdminTypeRegistry, IsRegistered, RegisteredAdmin, RegisteredCMS, RegisteredCollectionNames, RegisteredGlobalNames } from "./client/builder/registry.mjs";
+import { Admin, AppAdmin, InferAdminCMS } from "./client/builder/admin.mjs";
+import { qa } from "./client/builder/qa.mjs";
+import { AuthLayout } from "./client/views/auth/auth-layout.mjs";
+import { LoginForm } from "./client/views/auth/login-form.mjs";
+import { ForgotPasswordForm } from "./client/views/auth/forgot-password-form.mjs";
+import { ResetPasswordForm } from "./client/views/auth/reset-password-form.mjs";
+import { AcceptInviteForm } from "./client/views/auth/accept-invite-form.mjs";
+import { SetupForm, SetupFormValues } from "./client/views/auth/setup-form.mjs";
+import { AdminLayout } from "./client/views/layout/admin-layout.mjs";
+import { AdminLayoutProvider } from "./client/views/layout/admin-layout-provider.mjs";
+import { AdminProvider, AdminProviderProps, AdminState, AdminStore, selectAdmin, selectBasePath, selectClient, selectNavigate, useAdminStore } from "./client/runtime/provider.mjs";
+import { AdminRouter, AdminRouterProps } from "./client/views/layout/admin-router.mjs";
+import { DashboardPage } from "./client/views/pages/dashboard-page.mjs";
+import { LoginPage } from "./client/views/pages/login-page.mjs";
+import { ForgotPasswordPage } from "./client/views/pages/forgot-password-page.mjs";
+import { ResetPasswordPage } from "./client/views/pages/reset-password-page.mjs";
+import { InvitePage } from "./client/views/pages/invite-page.mjs";
+import { AcceptInvitePage } from "./client/views/pages/accept-invite-page.mjs";
+import { SetupPage, SetupPageProps } from "./client/views/pages/setup-page.mjs";
+import { AdminLink } from "./client/components/admin-link.mjs";
+import { AuthGuard } from "./client/components/auth/auth-guard.mjs";
+import { AuthLoading } from "./client/components/auth/auth-loading.mjs";
+import { Badge, BadgeProps, ComponentRenderer, ComponentRendererProps, ComponentRendererRegistry, IconifyIcon, IconifyIconProps, createIconRenderer, isComponentReference, resolveIconElement } from "./client/components/component-renderer.mjs";
+import { CoreAdminModule, coreAdminModule } from "./client/builder/defaults/core.mjs";
+import { AdminModule, adminModule } from "./client/builder/defaults/starter.mjs";
+import { TypedHooks, createTypedHooks } from "./client/hooks/typed-hooks.mjs";
+import { createAdminAuthClient, useAuthClient } from "./client/hooks/use-auth.mjs";
+import { useShallow } from "./client/runtime/index.mjs";
+import { AllBlockData, AllBlockValues, BlockComponentProps, BlockPrefetchData, BlockRegistry, BlockRendererComponent, BlockRendererDefinition, BlockRendererProps as BlockRendererProps$2, BlockValues, ExtractBlockFieldValues, ExtractBlockPrefetchData, ExtractServerBlocks, ServerBlockNames, createBlockRegistry } from "./client/blocks/block-registry.mjs";
+import { BlockCategory, BlockContent, BlockNode, BlockRendererProps as BlockRendererProps$1, EMPTY_BLOCK_CONTENT, isBlockContent } from "./client/blocks/types.mjs";
+import { BlockRenderer, BlockRendererProps } from "./client/blocks/block-renderer.mjs";
+import { BlockPrefetchContext, BlockPrefetchError, BlockPrefetchParams, BlockPrefetchResult, TypedBlockPrefetch, prefetchBlockData } from "./client/blocks/prefetch.mjs";
+import "./client/blocks/index.mjs";
+import { RichTextRenderer, RichTextStyles, TipTapDoc, TipTapNode } from "./components/rich-text/rich-text-renderer.mjs";
+import "./components/rich-text/index.mjs";
+import { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext } from "./client/preview/preview-field.mjs";
+import { PreviewBanner, PreviewBannerProps } from "./client/preview/preview-banner.mjs";
+import { BlockScopeContextValue, BlockScopeProvider, BlockScopeProviderProps, useBlockScope, useResolveFieldPath } from "./client/preview/block-scope-context.mjs";
+import { AdminToPreviewMessage, BlockClickedMessage, FieldClickedMessage, FocusFieldMessage, PreviewConfig, PreviewReadyMessage, PreviewRefreshMessage, PreviewToAdminMessage, RefreshCompleteMessage, SelectBlockMessage, isAdminToPreviewMessage, isPreviewToAdminMessage } from "./client/preview/types.mjs";
+import { UseCollectionPreviewOptions, UseCollectionPreviewResult, useCollectionPreview } from "./client/preview/use-collection-preview.mjs";
+import "./client/preview/index.mjs";
+import { useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionUpdate } from "./client/hooks/use-collection.mjs";
+import { useCurrentUser } from "./client/hooks/use-current-user.mjs";
+import { OptionItem, UseFieldOptionsOptions, UseFieldOptionsResult, useFieldOptions } from "./client/hooks/use-field-options.mjs";
+import { useGlobal, useGlobalUpdate } from "./client/hooks/use-global.mjs";
+import { useIsDesktop, useIsMobile, useMediaQuery } from "./client/hooks/use-media-query.mjs";
+import { ReactiveFieldResult, ReactiveFieldState, UseReactiveFieldsOptions, UseReactiveFieldsResult, useReactiveFields } from "./client/hooks/use-reactive-fields.mjs";
+import { useServerWidgetData } from "./client/hooks/use-server-widget-data.mjs";
+import { SetupStatus, useSetupStatus } from "./client/hooks/use-setup-status.mjs";
+import { FlagConfig, getCountryCode, getFlagConfig, getFlagUrl } from "./client/utils/locale-to-flag.mjs";
+import { BaseWidgetAdminMeta, WidgetTypeRegistry } from "./augmentation.mjs";
+import { FocusContextValue, FocusProvider, FocusProviderProps, FocusState, parsePreviewFieldPath, scrollFieldIntoView, useFocus, useFocusOptional, useIsBlockFocused, useIsFieldFocused } from "./client/context/focus-context.mjs";
+import { ScopeContextValue, ScopeOption, ScopePickerProps, ScopeProviderProps } from "./client/scope/types.mjs";
+import { ScopePicker } from "./client/scope/picker.mjs";
+import { ScopeProvider, createScopedFetch, useScope, useScopeSafe, useScopedFetch } from "./client/scope/provider.mjs";
+import "./client/scope/index.mjs";
+import { QuestpieClient } from "questpie/client";
+import { CollectionInfer, Questpie } from "questpie";
+
+//#region src/exports/client.d.ts
+
+/**
+ * Extract collection names from backend Questpie app
+ */
+type CollectionNames<TApp extends Questpie<any>> = keyof TApp["config"]["collections"] & string;
+/**
+ * Extract global names from backend Questpie app
+ */
+type GlobalNames<TApp extends Questpie<any>> = TApp extends Questpie<infer TConfig> ? keyof TConfig["globals"] & string : never;
+/**
+ * Extract collection item type
+ */
+type CollectionItem<TApp extends Questpie<any>, TName extends CollectionNames<TApp>> = TApp extends Questpie<any> ? Awaited<ReturnType<QuestpieClient<TApp>["collections"][TName]["find"]>> extends {
+  docs: Array<infer TItem>;
+} ? TItem : never : never;
+/**
+ * Extract field keys from a backend collection
+ */
+type CollectionFieldKeys<TApp extends Questpie<any>, TCollectionName extends string> = TApp["config"]["collections"][TCollectionName] extends infer TCollection ? CollectionInfer<TCollection> extends infer TInfer ? TInfer extends {
+  select: infer TSelect;
+} ? keyof TSelect : never : never : never;
+//#endregion
+export { AcceptInviteForm, AcceptInvitePage, Admin, AdminLayout, AdminLayoutProvider, AdminLink, type AdminModule, AdminProvider, type AdminProviderProps, AdminRouter, type AdminRouterProps, type AdminState, type AdminStore, type AdminToPreviewMessage, type AdminTypeRegistry, type AllBlockData, type AllBlockValues, type AnyWidgetConfig, type AppAdmin, AuthGuard, AuthLayout, AuthLoading, Badge, type BadgeProps, type BaseFieldProps, type BaseWidgetAdminMeta, type BaseWidgetConfig, type BlockCategory, type BlockClickedMessage, type BlockComponentProps, type BlockContent, type BlockNode, type BlockPrefetchContext, type BlockPrefetchData, BlockPrefetchError, type BlockPrefetchParams, type BlockPrefetchResult, type BlockRegistry, BlockRenderer, type BlockRendererComponent, type BlockRendererProps as BlockRendererComponentProps, type BlockRendererDefinition, type BlockRendererProps$1 as BlockRendererProps, type BlockScopeContextValue, BlockScopeProvider, type BlockScopeProviderProps, type BlockValues, type ChartWidgetConfig, CollectionFieldKeys, CollectionItem, CollectionNames, type ComponentRegistry, ComponentRenderer, type ComponentRendererProps, type ComponentRendererRegistry, type CoreAdminModule, type CustomWidgetConfig, DashboardPage, EMPTY_BLOCK_CONTENT, EditViewBuilder, type EditViewBuilderState, type EditViewDefinition, type ExtractBlockFieldValues, type ExtractBlockPrefetchData, type ExtractServerBlocks, FieldBuilder, type FieldBuilderState, type FieldClickedMessage, type FieldComponentProps, type FieldDefinition, type FlagConfig, type FocusContextValue, type FocusFieldMessage, FocusProvider, type FocusProviderProps, type FocusState, ForgotPasswordForm, ForgotPasswordPage, type FormViewConfig, GlobalNames, type I18nContext, type I18nText, type IconComponent, IconifyIcon, type IconifyIconProps, type InferAdminCMS, InvitePage, type IsRegistered, ListViewBuilder, type ListViewBuilderState, type ListViewDefinition, LoginForm, LoginPage, type MaybeLazyComponent, type OptionItem, PreviewBanner, type PreviewBannerProps, type PreviewConfig, PreviewField, type PreviewFieldProps, PreviewProvider, type PreviewReadyMessage, type PreviewRefreshMessage, type PreviewToAdminMessage, type ProgressWidgetConfig, type QuickActionsWidgetConfig, type ReactiveFieldResult, type ReactiveFieldState, type RecentItemsWidgetConfig, type RefreshCompleteMessage, type RegisteredAdmin, type RegisteredCMS, type RegisteredCollectionNames, type RegisteredGlobalNames, ResetPasswordForm, ResetPasswordPage, RichTextRenderer, type RichTextStyles, type ScopeContextValue, type ScopeOption, ScopePicker, type ScopePickerProps, ScopeProvider, type ScopeProviderProps, type SelectBlockMessage, type ServerBlockNames, SetupForm, type SetupFormValues, SetupPage, type SetupPageProps, type SetupStatus, StandalonePreviewField, type StatsWidgetConfig, type TableWidgetConfig, type TimelineWidgetConfig, type TipTapDoc, type TipTapNode, type TypedBlockPrefetch, type BlockRendererProps$2 as TypedBlockRendererProps, type TypedHooks, type UseCollectionPreviewOptions, type UseCollectionPreviewResult, type UseFieldOptionsOptions, type UseFieldOptionsResult, type UseReactiveFieldsOptions, type UseReactiveFieldsResult, type ValueWidgetConfig, WidgetBuilder, type WidgetBuilderState, type WidgetComponentProps, type WidgetConfig, type WidgetDefinition, type WidgetTypeRegistry, adminModule, coreAdminModule, createAdminAuthClient, createBlockRegistry, createIconRenderer, createScopedFetch, createTypedHooks, editView, field, getCountryCode, getFlagConfig, getFlagUrl, isAdminToPreviewMessage, isBlockContent, isComponentReference, isPreviewToAdminMessage, listView, parsePreviewFieldPath, prefetchBlockData, qa, resolveIconElement, scrollFieldIntoView, selectAdmin, selectBasePath, selectClient, selectNavigate, useAdminStore, useAuthClient, useBlockScope, useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionPreview, useCollectionUpdate, useCurrentUser, useFieldOptions, useFocus, useFocusOptional, useGlobal, useGlobalUpdate, useIsBlockFocused, useIsDesktop, useIsFieldFocused, useIsMobile, useMediaQuery, usePreviewContext, useReactiveFields, useResolveFieldPath, useScope, useScopeSafe, useScopedFetch, useServerWidgetData, useSetupStatus, useShallow, widget };
+//# sourceMappingURL=client.d.mts.map

package/dist/client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.mts","names":[],"sources":["../src/exports/client.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwUY,KA5BA,eA4BmB,CAAA,aA5BU,QA4BV,CAAA,GAAA,CAAA,CAAA,GAAA,MA3BxB,IA2BwB,CAAA,QAAA,CAAA,CAAA,aAAA,CAAA,GAAA,MAAA;;;;AAIZ,KA1BP,WA0BO,CAAA,aA1BkB,QA0BlB,CAAA,GAAA,CAAA,CAAA,GAzBlB,IAyBkB,SAzBL,QAyBK,CAAA,KAAA,QAAA,CAAA,GAAA,MAxBT,OAwBS,CAAA,SAAA,CAAA,GAAA,MAAA,GAAA,KAAA;;;;KAlBP,4BACE,6BACC,gBAAgB,SAC3B,aAAa,gBACd,QACA,WAAW,eAAe,qBAAqB;QAC9B;;;;;KAQR,iCACE,iDAEV,8BAA8B,6CAC/B,gBAAgB;;UAER"}

package/dist/client.mjs

@@ -1,13 +1,55 @@
-import { $ as useIsBlockFocused, A as ListViewBuilder, B as useGlobal, C as AuthGuard, D as qa, E as adminModule, F as FieldBuilder, G as PreviewToggleButton, H as useCurrentUser, I as field, J as FocusProvider, K as isAdminToPreviewMessage, L as AdminLink, M as listView, N as TableView, O as coreAdminModule, P as adminMessagesSK, Q as useFocusOptional, R as FormView, S as RichTextRenderer, T as createAdminHelpers, U as createTypedHooks, V as useGlobalUpdate, W as PreviewPane, X as scrollFieldIntoView, Y as parsePreviewFieldPath, Z as useFocus, _ as AdminLayout, _t as GlobalBuilder, a as StandalonePreviewField, at as getFlagConfig, b as GlobalForm, bt as BlockBuilder, c as prefetchBlockData, ct as WidgetBuilder, d as useBlockScope, dt as SidebarBuilder, et as useIsFieldFocused, f as useResolveFieldPath, ft as section, g as AdminLayoutProvider, gt as global, h as InvitePage, ht as page, i as PreviewProvider, it as getCountryCode, j as editView, k as EditViewBuilder, l as BlockRenderer, lt as widget, m as AcceptInvitePage, mt as PageBuilder, n as PreviewBanner, nt as createBlockNode, o as usePreviewContext, ot as getFlagUrl, p as AdminRouter, pt as sidebar, q as isPreviewToAdminMessage, r as PreviewField, rt as isBlockContent, s as BlockPrefetchError, st as AdminBuilder, t as useCollectionPreview, tt as EMPTY_BLOCK_CONTENT, u as BlockScopeProvider, ut as SectionBuilder, v as AdminTopbar, vt as collection, w as AuthLoading, x as AcceptInviteForm, xt as block, y as AdminSidebar, yt as CollectionBuilder, z as useSavedViews } from "./client-njX1rZmi.mjs";
-import { a as selectBasePath, c as selectContentLocale, d as selectSetContentLocale, f as useAdminStore, i as selectAuthClient, l as selectNavigate, m as Admin, n as AdminProvider, o as selectBrandName, p as adminMessagesEN, r as selectAdmin, s as selectClient, u as selectNavigation } from "./content-locales-provider-BXvuIgfg.mjs";
-import { t as AuthLayout } from "./auth-layout-M8K8_q5R.mjs";
-import { c as useCollectionItem, i as DashboardWidget, l as useCollectionList, o as useCollectionCreate, r as DashboardGrid, s as useCollectionDelete, t as DashboardPage, u as useCollectionUpdate } from "./dashboard-page-B4PGEdc2.mjs";
-import { t as useShallow } from "./runtime-6VZM878K.mjs";
-import { S as useMediaQuery, b as useIsDesktop, x as useIsMobile } from "./dropzone-Do3awXKd.mjs";
-import { n as useAuthClient, t as createAdminAuthClient } from "./use-auth-BoLmWtmU.mjs";
-import { i as useSetupStatus, r as LoginForm, t as LoginPage } from "./login-page-CP4gA-dl.mjs";
-import { r as ForgotPasswordForm, t as ForgotPasswordPage } from "./forgot-password-page-Bcp-An4Y.mjs";
-import { r as ResetPasswordForm, t as ResetPasswordPage } from "./reset-password-page-BqfDmLxA.mjs";
-import { r as SetupForm, t as SetupPage } from "./setup-page-YAP_fzqh.mjs";
+import { Admin } from "./client/builder/admin.mjs";
+import { AdminProvider, selectAdmin, selectBasePath, selectClient, selectNavigate, useAdminStore } from "./client/runtime/provider.mjs";
+import { useShallow } from "./client/runtime/index.mjs";
+import { Badge, ComponentRenderer, IconifyIcon, createIconRenderer, isComponentReference, resolveIconElement } from "./client/components/component-renderer.mjs";
+import { useIsDesktop, useIsMobile, useMediaQuery } from "./client/hooks/use-media-query.mjs";
+import { getCountryCode, getFlagConfig, getFlagUrl } from "./client/utils/locale-to-flag.mjs";
+import { FocusProvider, parsePreviewFieldPath, scrollFieldIntoView, useFocus, useFocusOptional, useIsBlockFocused, useIsFieldFocused } from "./client/context/focus-context.mjs";
+import { isAdminToPreviewMessage, isPreviewToAdminMessage } from "./client/preview/types.mjs";
+import { createTypedHooks } from "./client/hooks/typed-hooks.mjs";
+import { createAdminAuthClient, useAuthClient } from "./client/hooks/use-auth.mjs";
+import { useCurrentUser } from "./client/hooks/use-current-user.mjs";
+import { useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionUpdate } from "./client/hooks/use-collection.mjs";
+import { useGlobal, useGlobalUpdate } from "./client/hooks/use-global.mjs";
+import { useSetupStatus } from "./client/hooks/use-setup-status.mjs";
+import { useReactiveFields } from "./client/hooks/use-reactive-fields.mjs";
+import { EMPTY_BLOCK_CONTENT, isBlockContent } from "./client/blocks/types.mjs";
+import { WidgetBuilder, widget } from "./client/builder/widget/widget.mjs";
+import { AdminLink } from "./client/components/admin-link.mjs";
+import { FieldBuilder, field } from "./client/builder/field/field.mjs";
+import { EditViewBuilder, ListViewBuilder, editView, listView } from "./client/builder/view/view.mjs";
+import { coreAdminModule } from "./client/builder/defaults/core.mjs";
+import { adminModule } from "./client/builder/defaults/starter.mjs";
+import { qa } from "./client/builder/qa.mjs";
+import { AdminLayout } from "./client/views/layout/admin-layout.mjs";
+import { AuthLoading } from "./client/components/auth/auth-loading.mjs";
+import { AuthGuard } from "./client/components/auth/auth-guard.mjs";
+import { AdminLayoutProvider } from "./client/views/layout/admin-layout-provider.mjs";
+import { AuthLayout } from "./client/views/auth/auth-layout.mjs";
+import { LoginForm } from "./client/views/auth/login-form.mjs";
+import { ForgotPasswordForm } from "./client/views/auth/forgot-password-form.mjs";
+import { ResetPasswordForm } from "./client/views/auth/reset-password-form.mjs";
+import { AcceptInviteForm } from "./client/views/auth/accept-invite-form.mjs";
+import { SetupForm } from "./client/views/auth/setup-form.mjs";
+import { DashboardPage } from "./client/views/pages/dashboard-page.mjs";
+import { LoginPage } from "./client/views/pages/login-page.mjs";
+import { ForgotPasswordPage } from "./client/views/pages/forgot-password-page.mjs";
+import { ResetPasswordPage } from "./client/views/pages/reset-password-page.mjs";
+import { InvitePage } from "./client/views/pages/invite-page.mjs";
+import { AcceptInvitePage } from "./client/views/pages/accept-invite-page.mjs";
+import { SetupPage } from "./client/views/pages/setup-page.mjs";
+import { AdminRouter } from "./client/views/layout/admin-router.mjs";
+import { createBlockRegistry } from "./client/blocks/block-registry.mjs";
+import { BlockScopeProvider, useBlockScope, useResolveFieldPath } from "./client/preview/block-scope-context.mjs";
+import { BlockRenderer } from "./client/blocks/block-renderer.mjs";
+import { BlockPrefetchError, prefetchBlockData } from "./client/blocks/prefetch.mjs";
+import { RichTextRenderer } from "./components/rich-text/rich-text-renderer.mjs";
+import { PreviewField, PreviewProvider, StandalonePreviewField, usePreviewContext } from "./client/preview/preview-field.mjs";
+import { PreviewBanner } from "./client/preview/preview-banner.mjs";
+import { useCollectionPreview } from "./client/preview/use-collection-preview.mjs";
+import { useFieldOptions } from "./client/hooks/use-field-options.mjs";
+import { useServerWidgetData } from "./client/hooks/use-server-widget-data.mjs";
+import { ScopeProvider, createScopedFetch, useScope, useScopeSafe, useScopedFetch } from "./client/scope/provider.mjs";
+import { ScopePicker } from "./client/scope/picker.mjs";
 
-export { AcceptInviteForm, AcceptInvitePage, Admin, AdminBuilder, AdminLayout, AdminLayoutProvider, AdminLink, AdminProvider, AdminRouter, AdminSidebar, AdminTopbar, AuthGuard, AuthLayout, AuthLoading, BlockBuilder, BlockPrefetchError, BlockRenderer, BlockScopeProvider, CollectionBuilder, DashboardGrid, DashboardPage, DashboardWidget, EMPTY_BLOCK_CONTENT, EditViewBuilder, FieldBuilder, FocusProvider, ForgotPasswordForm, ForgotPasswordPage, FormView, GlobalBuilder, GlobalForm, InvitePage, ListViewBuilder, LoginForm, LoginPage, PageBuilder, PreviewBanner, PreviewField, PreviewPane, PreviewProvider, PreviewToggleButton, ResetPasswordForm, ResetPasswordPage, RichTextRenderer, SectionBuilder, SetupForm, SetupPage, SidebarBuilder, StandalonePreviewField, TableView, WidgetBuilder, adminMessagesEN, adminMessagesSK, adminModule, block, collection, coreAdminModule, createAdminAuthClient, createAdminHelpers, createBlockNode, createTypedHooks, editView, field, getCountryCode, getFlagConfig, getFlagUrl, global, isAdminToPreviewMessage, isBlockContent, isPreviewToAdminMessage, listView, page, parsePreviewFieldPath, prefetchBlockData, qa, scrollFieldIntoView, section, selectAdmin, selectAuthClient, selectBasePath, selectBrandName, selectClient, selectContentLocale, selectNavigate, selectNavigation, selectSetContentLocale, sidebar, useAdminStore, useAuthClient, useBlockScope, useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionPreview, useCollectionUpdate, useCurrentUser, useFocus, useFocusOptional, useGlobal, useGlobalUpdate, useIsBlockFocused, useIsDesktop, useIsFieldFocused, useIsMobile, useMediaQuery, usePreviewContext, useResolveFieldPath, useSavedViews, useSetupStatus, useShallow, widget };
+export { AcceptInviteForm, AcceptInvitePage, Admin, AdminLayout, AdminLayoutProvider, AdminLink, AdminProvider, AdminRouter, AuthGuard, AuthLayout, AuthLoading, Badge, BlockPrefetchError, BlockRenderer, BlockScopeProvider, ComponentRenderer, DashboardPage, EMPTY_BLOCK_CONTENT, EditViewBuilder, FieldBuilder, FocusProvider, ForgotPasswordForm, ForgotPasswordPage, IconifyIcon, InvitePage, ListViewBuilder, LoginForm, LoginPage, PreviewBanner, PreviewField, PreviewProvider, ResetPasswordForm, ResetPasswordPage, RichTextRenderer, ScopePicker, ScopeProvider, SetupForm, SetupPage, StandalonePreviewField, WidgetBuilder, adminModule, coreAdminModule, createAdminAuthClient, createBlockRegistry, createIconRenderer, createScopedFetch, createTypedHooks, editView, field, getCountryCode, getFlagConfig, getFlagUrl, isAdminToPreviewMessage, isBlockContent, isComponentReference, isPreviewToAdminMessage, listView, parsePreviewFieldPath, prefetchBlockData, qa, resolveIconElement, scrollFieldIntoView, selectAdmin, selectBasePath, selectClient, selectNavigate, useAdminStore, useAuthClient, useBlockScope, useCollectionCreate, useCollectionDelete, useCollectionItem, useCollectionList, useCollectionPreview, useCollectionUpdate, useCurrentUser, useFieldOptions, useFocus, useFocusOptional, useGlobal, useGlobalUpdate, useIsBlockFocused, useIsDesktop, useIsFieldFocused, useIsMobile, useMediaQuery, usePreviewContext, useReactiveFields, useResolveFieldPath, useScope, useScopeSafe, useScopedFetch, useServerWidgetData, useSetupStatus, useShallow, widget };

package/dist/components/rich-text/index.d.mts

@@ -0,0 +1 @@
+import { RichTextRenderer, RichTextStyles, TipTapDoc, TipTapNode } from "./rich-text-renderer.mjs";

package/dist/components/rich-text/rich-text-renderer.d.mts

@@ -0,0 +1,104 @@
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+
+//#region src/components/rich-text/rich-text-renderer.d.ts
+/**
+ * TipTap JSON node types
+ */
+type TipTapNode = {
+  type: string;
+  content?: TipTapNode[];
+  text?: string;
+  marks?: Array<{
+    type: string;
+    attrs?: Record<string, any>;
+  }>;
+  attrs?: Record<string, any>;
+};
+type TipTapDoc = {
+  type: "doc";
+  content?: TipTapNode[];
+};
+/**
+ * Style configuration for rich text elements
+ */
+interface RichTextStyles {
+  doc?: string;
+  paragraph?: string;
+  heading1?: string;
+  heading2?: string;
+  heading3?: string;
+  heading4?: string;
+  heading5?: string;
+  heading6?: string;
+  blockquote?: string;
+  codeBlock?: string;
+  bulletList?: string;
+  orderedList?: string;
+  listItem?: string;
+  link?: string;
+  image?: string;
+  tableWrapper?: string;
+  table?: string;
+  tableRow?: string;
+  tableCell?: string;
+  tableHeader?: string;
+  horizontalRule?: string;
+  bold?: string;
+  italic?: string;
+  code?: string;
+  strike?: string;
+  underline?: string;
+}
+interface RichTextRendererProps {
+  /**
+   * TipTap JSON content to render
+   */
+  content: TipTapDoc | null | undefined;
+  /**
+   * Custom styles for elements
+   */
+  styles?: Partial<RichTextStyles>;
+  /**
+   * Additional className for the root element
+   */
+  className?: string;
+}
+/**
+ * RichTextRenderer Component
+ *
+ * Renders TipTap JSON content with customizable styles.
+ *
+ * @example
+ * ```tsx
+ * const content = {
+ *   type: "doc",
+ *   content: [
+ *     {
+ *       type: "paragraph",
+ *       content: [{ type: "text", text: "Hello world" }]
+ *     }
+ *   ]
+ * };
+ *
+ * <RichTextRenderer content={content} />
+ * ```
+ *
+ * @example With custom styles
+ * ```tsx
+ * <RichTextRenderer
+ *   content={content}
+ *   styles={{
+ *     paragraph: "text-lg leading-relaxed",
+ *     heading1: "text-4xl font-black"
+ *   }}
+ * />
+ * ```
+ */
+declare function RichTextRenderer({
+  content,
+  styles: customStyles,
+  className
+}: RichTextRendererProps): react_jsx_runtime21.JSX.Element | null;
+//#endregion
+export { RichTextRenderer, RichTextStyles, TipTapDoc, TipTapNode };
+//# sourceMappingURL=rich-text-renderer.d.mts.map

package/dist/components/rich-text/rich-text-renderer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-renderer.d.mts","names":[],"sources":["../../../src/components/rich-text/rich-text-renderer.tsx"],"sourcesContent":[],"mappings":";;;;;;AAOY,KAAA,UAAA,GAAU;EAEX,IAAA,EAAA,MAAA;EAE4B,OAAA,CAAA,EAF5B,UAE4B,EAAA;EAA9B,IAAA,CAAA,EAAA,MAAA;EACA,KAAA,CAAA,EADA,KACA,CAAA;IAAM,IAAA,EAAA,MAAA;IAGH,KAAA,CAAA,EAJ2B,MAIlB,CAAA,MAEV,EAAA,GAAA,CAAA;EAMM,CAAA,CAAA;EA0DP,KAAA,CAAA,EArED,MAqEC,CAAA,MAAA,EAAA,GAAqB,CAAA;CAIrB;AAIQ,KA1EN,SAAA,GA0EM;EAAR,IAAA,EAAA,KAAA;EAAO,OAAA,CAAA,EAxEN,UAwEM,EAAA;AA8QjB,CAAA;;;;AAIG,UApVc,cAAA,CAoVd;EAAqB,GAAA,CAAA,EAAA,MAAA;EAAA,SAAA,CAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;UA1Rd,qBAAA;;;;WAIA;;;;WAIA,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA8QF,gBAAA;;UAEP;;GAEN,wBAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/rich-text/rich-text-renderer.mjs

@@ -0,0 +1,210 @@
+import { cn } from "../../client/lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/rich-text/rich-text-renderer.tsx
+const defaultStyles = {
+	doc: "prose prose-sm max-w-none",
+	paragraph: "mb-4 last:mb-0",
+	heading1: "text-3xl font-bold mb-4",
+	heading2: "text-2xl font-bold mb-3",
+	heading3: "text-xl font-semibold mb-3",
+	heading4: "text-lg font-semibold mb-2",
+	heading5: "text-base font-semibold mb-2",
+	heading6: "text-sm font-semibold mb-2",
+	blockquote: "border-l-4 border-gray-300 pl-4 italic my-4",
+	codeBlock: "bg-muted rounded p-4 font-mono text-sm my-4 overflow-x-auto",
+	bulletList: "list-disc list-inside mb-4",
+	orderedList: "list-decimal list-inside mb-4",
+	listItem: "mb-1",
+	link: "text-primary hover:text-primary/80 underline",
+	image: "my-4 rounded-lg",
+	tableWrapper: "my-4 overflow-x-auto",
+	table: "w-full border-collapse",
+	tableRow: "border-b",
+	tableCell: "border border-border px-3 py-2 align-top",
+	tableHeader: "border border-border px-3 py-2 text-left font-semibold",
+	horizontalRule: "my-4 border-t border-border",
+	bold: "font-bold",
+	italic: "italic",
+	code: "bg-muted rounded px-1 py-0.5 font-mono text-sm",
+	strike: "line-through",
+	underline: "underline"
+};
+/**
+* Renders a single TipTap node
+*/
+function renderNode(node, index, styles) {
+	if (node.text !== void 0) {
+		let textNode = node.text;
+		if (node.marks) for (const mark of node.marks) switch (mark.type) {
+			case "bold":
+				textNode = /* @__PURE__ */ jsx("strong", {
+					className: styles.bold,
+					children: textNode
+				}, index);
+				break;
+			case "italic":
+				textNode = /* @__PURE__ */ jsx("em", {
+					className: styles.italic,
+					children: textNode
+				}, index);
+				break;
+			case "code":
+				textNode = /* @__PURE__ */ jsx("code", {
+					className: styles.code,
+					children: textNode
+				}, index);
+				break;
+			case "strike":
+				textNode = /* @__PURE__ */ jsx("s", {
+					className: styles.strike,
+					children: textNode
+				}, index);
+				break;
+			case "underline":
+				textNode = /* @__PURE__ */ jsx("u", {
+					className: styles.underline,
+					children: textNode
+				}, index);
+				break;
+			case "link": {
+				const href = mark.attrs?.href;
+				const target = mark.attrs?.target;
+				textNode = /* @__PURE__ */ jsx("a", {
+					href,
+					target,
+					rel: mark.attrs?.rel || (target === "_blank" ? "noopener noreferrer" : void 0),
+					className: styles.link,
+					children: textNode
+				}, index);
+				break;
+			}
+		}
+		return textNode;
+	}
+	const children = node.content?.map((child, i) => renderNode(child, i, styles));
+	switch (node.type) {
+		case "doc": return /* @__PURE__ */ jsx("div", { children }, index);
+		case "paragraph": {
+			const paragraphAlign = node.attrs?.textAlign;
+			return /* @__PURE__ */ jsx("p", {
+				className: styles.paragraph,
+				style: paragraphAlign ? { textAlign: paragraphAlign } : void 0,
+				children
+			}, index);
+		}
+		case "heading": {
+			const level = Math.min(6, Math.max(1, node.attrs?.level || 1));
+			const headingAlign = node.attrs?.textAlign;
+			const headingClass = styles[`heading${level}`] || styles.heading1;
+			return /* @__PURE__ */ jsx(`h${level}`, {
+				className: headingClass,
+				style: headingAlign ? { textAlign: headingAlign } : void 0,
+				children
+			}, index);
+		}
+		case "blockquote": return /* @__PURE__ */ jsx("blockquote", {
+			className: styles.blockquote,
+			children
+		}, index);
+		case "codeBlock": return /* @__PURE__ */ jsx("pre", {
+			className: styles.codeBlock,
+			children: /* @__PURE__ */ jsx("code", { children })
+		}, index);
+		case "bulletList": return /* @__PURE__ */ jsx("ul", {
+			className: styles.bulletList,
+			children
+		}, index);
+		case "orderedList": return /* @__PURE__ */ jsx("ol", {
+			className: styles.orderedList,
+			children
+		}, index);
+		case "listItem": return /* @__PURE__ */ jsx("li", {
+			className: styles.listItem,
+			children
+		}, index);
+		case "hardBreak": return /* @__PURE__ */ jsx("br", {}, index);
+		case "horizontalRule": return /* @__PURE__ */ jsx("hr", { className: styles.horizontalRule }, index);
+		case "image": {
+			const src = node.attrs?.src;
+			if (!src) return null;
+			return /* @__PURE__ */ jsx("img", {
+				src,
+				alt: node.attrs?.alt || "",
+				title: node.attrs?.title,
+				className: styles.image,
+				loading: "lazy"
+			}, index);
+		}
+		case "table": return /* @__PURE__ */ jsx("div", {
+			className: styles.tableWrapper,
+			children: /* @__PURE__ */ jsx("table", {
+				className: styles.table,
+				children: /* @__PURE__ */ jsx("tbody", { children })
+			})
+		}, index);
+		case "tableRow": return /* @__PURE__ */ jsx("tr", {
+			className: styles.tableRow,
+			children
+		}, index);
+		case "tableCell": return /* @__PURE__ */ jsx("td", {
+			className: styles.tableCell,
+			colSpan: node.attrs?.colspan,
+			rowSpan: node.attrs?.rowspan,
+			children
+		}, index);
+		case "tableHeader": return /* @__PURE__ */ jsx("th", {
+			className: styles.tableHeader,
+			colSpan: node.attrs?.colspan,
+			rowSpan: node.attrs?.rowspan,
+			children
+		}, index);
+		default: return children ? /* @__PURE__ */ jsx("div", { children }, index) : null;
+	}
+}
+/**
+* RichTextRenderer Component
+*
+* Renders TipTap JSON content with customizable styles.
+*
+* @example
+* ```tsx
+* const content = {
+*   type: "doc",
+*   content: [
+*     {
+*       type: "paragraph",
+*       content: [{ type: "text", text: "Hello world" }]
+*     }
+*   ]
+* };
+*
+* <RichTextRenderer content={content} />
+* ```
+*
+* @example With custom styles
+* ```tsx
+* <RichTextRenderer
+*   content={content}
+*   styles={{
+*     paragraph: "text-lg leading-relaxed",
+*     heading1: "text-4xl font-black"
+*   }}
+* />
+* ```
+*/
+function RichTextRenderer({ content, styles: customStyles, className }) {
+	if (!content || !content.content || content.content.length === 0) return null;
+	const styles = {
+		...defaultStyles,
+		...customStyles
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(styles.doc, className),
+		children: content.content.map((node, i) => renderNode(node, i, styles))
+	});
+}
+
+//#endregion
+export { RichTextRenderer };
+//# sourceMappingURL=rich-text-renderer.mjs.map