@kilivi/payloadcms-theme-management 0.3.1 → 0.3.2

package/dist/views/ThemePreviewLoader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemePreviewLoader.d.ts","sourceRoot":"","sources":["../../src/views/ThemePreviewLoader.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,wBAAgB,kBAAkB,sBAiCjC"}

package/dist/views/ThemePreviewLoader.js

@@ -1,43 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Theme Preview Loader - Client Component
- * Dynamically loads the ThemeLivePreview component to avoid CSS issues during generate:importmap
- */ import React, { useEffect, useState } from 'react';
-export function ThemePreviewLoader() {
-    const [PreviewComponent, setPreviewComponent] = useState(null);
-    const [error, setError] = useState(null);
-    useEffect(()=>{
-        // Dynamically import the preview component only in browser
-        import('../fields/ThemeLivePreview.js').then((mod)=>{
-            setPreviewComponent(()=>mod.ThemeLivePreview);
-        }).catch((err)=>{
-            console.error('Failed to load theme preview:', err);
-            setError('Failed to load theme preview component');
-        });
-    }, []);
-    if (error) {
-        return /*#__PURE__*/ _jsx("div", {
-            style: {
-                padding: '2rem',
-                color: 'var(--theme-error)'
-            },
-            children: /*#__PURE__*/ _jsx("p", {
-                children: error
-            })
-        });
-    }
-    if (!PreviewComponent) {
-        return /*#__PURE__*/ _jsx("div", {
-            style: {
-                padding: '2rem'
-            },
-            children: /*#__PURE__*/ _jsx("p", {
-                children: "Loading theme preview..."
-            })
-        });
-    }
-    return /*#__PURE__*/ _jsx(PreviewComponent, {});
-}
-
-//# sourceMappingURL=ThemePreviewLoader.js.map

package/dist/views/ThemePreviewLoader.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/views/ThemePreviewLoader.tsx"],"sourcesContent":["'use client'\n\n/**\n * Theme Preview Loader - Client Component\n * Dynamically loads the ThemeLivePreview component to avoid CSS issues during generate:importmap\n */\nimport React, { useEffect, useState } from 'react'\n\nexport function ThemePreviewLoader() {\n  const [PreviewComponent, setPreviewComponent] = useState<React.ComponentType | null>(null)\n  const [error, setError] = useState<string | null>(null)\n\n  useEffect(() => {\n    // Dynamically import the preview component only in browser\n    import('../fields/ThemeLivePreview.js')\n      .then((mod) => {\n        setPreviewComponent(() => mod.ThemeLivePreview)\n      })\n      .catch((err) => {\n        console.error('Failed to load theme preview:', err)\n        setError('Failed to load theme preview component')\n      })\n  }, [])\n\n  if (error) {\n    return (\n      <div style={{ padding: '2rem', color: 'var(--theme-error)' }}>\n        <p>{error}</p>\n      </div>\n    )\n  }\n\n  if (!PreviewComponent) {\n    return (\n      <div style={{ padding: '2rem' }}>\n        <p>Loading theme preview...</p>\n      </div>\n    )\n  }\n\n  return <PreviewComponent />\n}\n"],"names":["React","useEffect","useState","ThemePreviewLoader","PreviewComponent","setPreviewComponent","error","setError","then","mod","ThemeLivePreview","catch","err","console","div","style","padding","color","p"],"mappings":"AAAA;;AAEA;;;CAGC,GACD,OAAOA,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAElD,OAAO,SAASC;IACd,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGH,SAAqC;IACrF,MAAM,CAACI,OAAOC,SAAS,GAAGL,SAAwB;IAElDD,UAAU;QACR,2DAA2D;QAC3D,MAAM,CAAC,iCACJO,IAAI,CAAC,CAACC;YACLJ,oBAAoB,IAAMI,IAAIC,gBAAgB;QAChD,GACCC,KAAK,CAAC,CAACC;YACNC,QAAQP,KAAK,CAAC,iCAAiCM;YAC/CL,SAAS;QACX;IACJ,GAAG,EAAE;IAEL,IAAID,OAAO;QACT,qBACE,KAACQ;YAAIC,OAAO;gBAAEC,SAAS;gBAAQC,OAAO;YAAqB;sBACzD,cAAA,KAACC;0BAAGZ;;;IAGV;IAEA,IAAI,CAACF,kBAAkB;QACrB,qBACE,KAACU;YAAIC,OAAO;gBAAEC,SAAS;YAAO;sBAC5B,cAAA,KAACE;0BAAE;;;IAGT;IAEA,qBAAO,KAACd;AACV"}

package/dist/views/ThemePreviewView.d.ts

@@ -1,10 +0,0 @@
-/**
- * Theme Preview View - Server Component
- * Custom admin view for live theme preview
- *
- * Uses ThemePreviewLoader which dynamically imports client components
- * This prevents CSS imports from breaking generate:importmap
- */
-import React from 'react';
-export default function ThemePreviewView(): Promise<React.JSX.Element>;
-//# sourceMappingURL=ThemePreviewView.d.ts.map

package/dist/views/ThemePreviewView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemePreviewView.d.ts","sourceRoot":"","sources":["../../src/views/ThemePreviewView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,wBAA8B,gBAAgB,+BAiB7C"}

package/dist/views/ThemePreviewView.js

@@ -1,43 +0,0 @@
-/**
- * Theme Preview View - Server Component
- * Custom admin view for live theme preview
- *
- * Uses ThemePreviewLoader which dynamically imports client components
- * This prevents CSS imports from breaking generate:importmap
- */ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Gutter } from '@payloadcms/ui';
-import React from 'react';
-import { ThemePreviewLoader } from './ThemePreviewLoader.js';
-export default async function ThemePreviewView() {
-    const AdminGutter = Gutter;
-    return /*#__PURE__*/ _jsx("div", {
-        className: "payload-admin-view",
-        children: /*#__PURE__*/ _jsxs(AdminGutter, {
-            children: [
-                /*#__PURE__*/ _jsxs("div", {
-                    style: {
-                        marginBottom: '2rem'
-                    },
-                    children: [
-                        /*#__PURE__*/ _jsx("h1", {
-                            style: {
-                                marginBottom: '0.5rem'
-                            },
-                            children: "🎨 Theme Preview"
-                        }),
-                        /*#__PURE__*/ _jsx("p", {
-                            style: {
-                                color: 'var(--theme-elevation-500)',
-                                margin: 0
-                            },
-                            children: "Real-time preview of your theme configuration. Changes are reflected instantly as you edit theme settings."
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ _jsx(ThemePreviewLoader, {})
-            ]
-        })
-    });
-}
-
-//# sourceMappingURL=ThemePreviewView.js.map

package/dist/views/ThemePreviewView.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/views/ThemePreviewView.tsx"],"sourcesContent":["/**\n * Theme Preview View - Server Component\n * Custom admin view for live theme preview\n *\n * Uses ThemePreviewLoader which dynamically imports client components\n * This prevents CSS imports from breaking generate:importmap\n */\n\nimport { Gutter } from '@payloadcms/ui'\nimport React from 'react'\nimport { ThemePreviewLoader } from './ThemePreviewLoader.js'\n\nexport default async function ThemePreviewView() {\n  const AdminGutter = Gutter as unknown as React.ComponentType<React.PropsWithChildren<unknown>>\n\n  return (\n    <div className=\"payload-admin-view\">\n      <AdminGutter>\n        <div style={{ marginBottom: '2rem' }}>\n          <h1 style={{ marginBottom: '0.5rem' }}>🎨 Theme Preview</h1>\n          <p style={{ color: 'var(--theme-elevation-500)', margin: 0 }}>\n            Real-time preview of your theme configuration. Changes are reflected instantly as you\n            edit theme settings.\n          </p>\n        </div>\n        <ThemePreviewLoader />\n      </AdminGutter>\n    </div>\n  )\n}\n"],"names":["Gutter","React","ThemePreviewLoader","ThemePreviewView","AdminGutter","div","className","style","marginBottom","h1","p","color","margin"],"mappings":"AAAA;;;;;;CAMC;AAED,SAASA,MAAM,QAAQ,iBAAgB;AACvC,OAAOC,WAAW,QAAO;AACzB,SAASC,kBAAkB,QAAQ,0BAAyB;AAE5D,eAAe,eAAeC;IAC5B,MAAMC,cAAcJ;IAEpB,qBACE,KAACK;QAAIC,WAAU;kBACb,cAAA,MAACF;;8BACC,MAACC;oBAAIE,OAAO;wBAAEC,cAAc;oBAAO;;sCACjC,KAACC;4BAAGF,OAAO;gCAAEC,cAAc;4BAAS;sCAAG;;sCACvC,KAACE;4BAAEH,OAAO;gCAAEI,OAAO;gCAA8BC,QAAQ;4BAAE;sCAAG;;;;8BAKhE,KAACV;;;;AAIT"}

package/dist/views/ThemePreviewViewClient.d.ts

@@ -1,7 +0,0 @@
-/**
- * Theme Preview View - Client Component
- * Wrapper for ThemeLivePreview to use in admin view
- */
-import React from 'react';
-export declare function ThemeLivePreviewClient(): React.JSX.Element;
-//# sourceMappingURL=ThemePreviewViewClient.d.ts.map

package/dist/views/ThemePreviewViewClient.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemePreviewViewClient.d.ts","sourceRoot":"","sources":["../../src/views/ThemePreviewViewClient.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,sBAAsB,sBAErC"}

package/dist/views/ThemePreviewViewClient.js

@@ -1,12 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Theme Preview View - Client Component
- * Wrapper for ThemeLivePreview to use in admin view
- */ import React from 'react';
-import { ThemeLivePreview } from '../fields/ThemeLivePreview.js';
-export function ThemeLivePreviewClient() {
-    return /*#__PURE__*/ _jsx(ThemeLivePreview, {});
-}
-
-//# sourceMappingURL=ThemePreviewViewClient.js.map

package/dist/views/ThemePreviewViewClient.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/views/ThemePreviewViewClient.tsx"],"sourcesContent":["'use client'\n\n/**\n * Theme Preview View - Client Component\n * Wrapper for ThemeLivePreview to use in admin view\n */\n\nimport React from 'react'\n\nimport { ThemeLivePreview } from '../fields/ThemeLivePreview.js'\n\nexport function ThemeLivePreviewClient() {\n  return <ThemeLivePreview />\n}\n"],"names":["React","ThemeLivePreview","ThemeLivePreviewClient"],"mappings":"AAAA;;AAEA;;;CAGC,GAED,OAAOA,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,gCAA+B;AAEhE,OAAO,SAASC;IACd,qBAAO,KAACD;AACV"}