npm - @kilivi/payloadcms-theme-management - Versions diffs - 0.5.8 → 1.0.0 - Mend

@kilivi/payloadcms-theme-management 0.5.8 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

package/dist/globals/ThemeSettings/config.js ADDED Viewed

@@ -0,0 +1,171 @@
+/**
+ * ThemeSettings Global Configuration
+ *
+ * This global stores theme-related settings including:
+ * - Active font family (selected via FontPicker)
+ * - Google Fonts API key (optional, for extended font library)
+ */ export const ThemeSettings = {
+    slug: 'themeSettings',
+    label: 'Theme Settings',
+    admin: {
+        group: 'Settings'
+    },
+    access: {
+        read: ()=>true,
+        update: ({ req })=>{
+            // Only admins can update theme settings
+            return req.user?.roles?.includes('admin') || false;
+        }
+    },
+    fields: [
+        {
+            type: 'tabs',
+            tabs: [
+                {
+                    label: 'Typography',
+                    fields: [
+                        {
+                            name: 'activeFont',
+                            type: 'text',
+                            label: 'Active Font Family',
+                            defaultValue: 'Inter',
+                            admin: {
+                                description: 'The currently active font family for your website',
+                                components: {
+                                    Field: '@kilivi/payloadcms-theme-management/globals/ThemeSettings/FontPicker'
+                                }
+                            }
+                        },
+                        {
+                            name: 'googleFontsApiKey',
+                            type: 'text',
+                            label: 'Google Fonts API Key',
+                            admin: {
+                                description: "Optional: Add your Google Fonts API key to access the full library of 1400+ fonts. Without this, you'll have access to 35 popular fonts.",
+                                placeholder: 'AIzaSy...'
+                            }
+                        },
+                        {
+                            type: 'row',
+                            fields: [
+                                {
+                                    name: 'fontWeightHeading',
+                                    type: 'select',
+                                    label: 'Heading Font Weight',
+                                    defaultValue: '700',
+                                    options: [
+                                        {
+                                            label: '100 - Thin',
+                                            value: '100'
+                                        },
+                                        {
+                                            label: '200 - Extra Light',
+                                            value: '200'
+                                        },
+                                        {
+                                            label: '300 - Light',
+                                            value: '300'
+                                        },
+                                        {
+                                            label: '400 - Regular',
+                                            value: '400'
+                                        },
+                                        {
+                                            label: '500 - Medium',
+                                            value: '500'
+                                        },
+                                        {
+                                            label: '600 - Semi Bold',
+                                            value: '600'
+                                        },
+                                        {
+                                            label: '700 - Bold',
+                                            value: '700'
+                                        },
+                                        {
+                                            label: '800 - Extra Bold',
+                                            value: '800'
+                                        },
+                                        {
+                                            label: '900 - Black',
+                                            value: '900'
+                                        }
+                                    ]
+                                },
+                                {
+                                    name: 'fontWeightBody',
+                                    type: 'select',
+                                    label: 'Body Font Weight',
+                                    defaultValue: '400',
+                                    options: [
+                                        {
+                                            label: '100 - Thin',
+                                            value: '100'
+                                        },
+                                        {
+                                            label: '200 - Extra Light',
+                                            value: '200'
+                                        },
+                                        {
+                                            label: '300 - Light',
+                                            value: '300'
+                                        },
+                                        {
+                                            label: '400 - Regular',
+                                            value: '400'
+                                        },
+                                        {
+                                            label: '500 - Medium',
+                                            value: '500'
+                                        },
+                                        {
+                                            label: '600 - Semi Bold',
+                                            value: '600'
+                                        },
+                                        {
+                                            label: '700 - Bold',
+                                            value: '700'
+                                        },
+                                        {
+                                            label: '800 - Extra Bold',
+                                            value: '800'
+                                        },
+                                        {
+                                            label: '900 - Black',
+                                            value: '900'
+                                        }
+                                    ]
+                                }
+                            ]
+                        },
+                        {
+                            type: 'ui',
+                            name: 'typographyInfo',
+                            admin: {
+                                components: {
+                                    Field: '@kilivi/payloadcms-theme-management/globals/ThemeSettings/fields/TypographyInfoField'
+                                }
+                            }
+                        }
+                    ]
+                },
+                {
+                    label: 'Font Loading',
+                    fields: [
+                        {
+                            type: 'ui',
+                            name: 'fontLoadingGuide',
+                            admin: {
+                                components: {
+                                    Field: '@kilivi/payloadcms-theme-management/globals/ThemeSettings/fields/FontLoadingGuideField'
+                                }
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+};
+//# sourceMappingURL=config.js.map

package/dist/globals/ThemeSettings/config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/globals/ThemeSettings/config.ts"],"sourcesContent":["import type { GlobalConfig } from 'payload'\n\n/**\n * ThemeSettings Global Configuration\n *\n * This global stores theme-related settings including:\n * - Active font family (selected via FontPicker)\n * - Google Fonts API key (optional, for extended font library)\n */\nexport const ThemeSettings: GlobalConfig = {\n slug: 'themeSettings',\n label: 'Theme Settings',\n admin: {\n group: 'Settings',\n },\n access: {\n read: () => true,\n update: ({ req }) => {\n // Only admins can update theme settings\n return req.user?.roles?.includes('admin') || false\n },\n },\n fields: [\n {\n type: 'tabs',\n tabs: [\n {\n label: 'Typography',\n fields: [\n {\n name: 'activeFont',\n type: 'text',\n label: 'Active Font Family',\n defaultValue: 'Inter',\n admin: {\n description: 'The currently active font family for your website',\n components: {\n Field: '@kilivi/payloadcms-theme-management/globals/ThemeSettings/FontPicker',\n },\n },\n },\n {\n name: 'googleFontsApiKey',\n type: 'text',\n label: 'Google Fonts API Key',\n admin: {\n description:\n \"Optional: Add your Google Fonts API key to access the full library of 1400+ fonts. Without this, you'll have access to 35 popular fonts.\",\n placeholder: 'AIzaSy...',\n },\n },\n {\n type: 'row',\n fields: [\n {\n name: 'fontWeightHeading',\n type: 'select',\n label: 'Heading Font Weight',\n defaultValue: '700',\n options: [\n { label: '100 - Thin', value: '100' },\n { label: '200 - Extra Light', value: '200' },\n { label: '300 - Light', value: '300' },\n { label: '400 - Regular', value: '400' },\n { label: '500 - Medium', value: '500' },\n { label: '600 - Semi Bold', value: '600' },\n { label: '700 - Bold', value: '700' },\n { label: '800 - Extra Bold', value: '800' },\n { label: '900 - Black', value: '900' },\n ],\n },\n {\n name: 'fontWeightBody',\n type: 'select',\n label: 'Body Font Weight',\n defaultValue: '400',\n options: [\n { label: '100 - Thin', value: '100' },\n { label: '200 - Extra Light', value: '200' },\n { label: '300 - Light', value: '300' },\n { label: '400 - Regular', value: '400' },\n { label: '500 - Medium', value: '500' },\n { label: '600 - Semi Bold', value: '600' },\n { label: '700 - Bold', value: '700' },\n { label: '800 - Extra Bold', value: '800' },\n { label: '900 - Black', value: '900' },\n ],\n },\n ],\n },\n {\n type: 'ui',\n name: 'typographyInfo',\n admin: {\n components: {\n Field:\n '@kilivi/payloadcms-theme-management/globals/ThemeSettings/fields/TypographyInfoField',\n },\n },\n },\n ],\n },\n {\n label: 'Font Loading',\n fields: [\n {\n type: 'ui',\n name: 'fontLoadingGuide',\n admin: {\n components: {\n Field:\n '@kilivi/payloadcms-theme-management/globals/ThemeSettings/fields/FontLoadingGuideField',\n },\n },\n },\n ],\n },\n ],\n },\n ],\n}\n"],"names":["ThemeSettings","slug","label","admin","group","access","read","update","req","user","roles","includes","fields","type","tabs","name","defaultValue","description","components","Field","placeholder","options","value"],"mappings":"AAEA;;;;;;CAMC,GACD,OAAO,MAAMA,gBAA8B;IACzCC,MAAM;IACNC,OAAO;IACPC,OAAO;QACLC,OAAO;IACT;IACAC,QAAQ;QACNC,MAAM,IAAM;QACZC,QAAQ,CAAC,EAAEC,GAAG,EAAE;YACd,wCAAwC;YACxC,OAAOA,IAAIC,IAAI,EAAEC,OAAOC,SAAS,YAAY;QAC/C;IACF;IACAC,QAAQ;QACN;YACEC,MAAM;YACNC,MAAM;gBACJ;oBACEZ,OAAO;oBACPU,QAAQ;wBACN;4BACEG,MAAM;4BACNF,MAAM;4BACNX,OAAO;4BACPc,cAAc;4BACdb,OAAO;gCACLc,aAAa;gCACbC,YAAY;oCACVC,OAAO;gCACT;4BACF;wBACF;wBACA;4BACEJ,MAAM;4BACNF,MAAM;4BACNX,OAAO;4BACPC,OAAO;gCACLc,aACE;gCACFG,aAAa;4BACf;wBACF;wBACA;4BACEP,MAAM;4BACND,QAAQ;gCACN;oCACEG,MAAM;oCACNF,MAAM;oCACNX,OAAO;oCACPc,cAAc;oCACdK,SAAS;wCACP;4CAAEnB,OAAO;4CAAcoB,OAAO;wCAAM;wCACpC;4CAAEpB,OAAO;4CAAqBoB,OAAO;wCAAM;wCAC3C;4CAAEpB,OAAO;4CAAeoB,OAAO;wCAAM;wCACrC;4CAAEpB,OAAO;4CAAiBoB,OAAO;wCAAM;wCACvC;4CAAEpB,OAAO;4CAAgBoB,OAAO;wCAAM;wCACtC;4CAAEpB,OAAO;4CAAmBoB,OAAO;wCAAM;wCACzC;4CAAEpB,OAAO;4CAAcoB,OAAO;wCAAM;wCACpC;4CAAEpB,OAAO;4CAAoBoB,OAAO;wCAAM;wCAC1C;4CAAEpB,OAAO;4CAAeoB,OAAO;wCAAM;qCACtC;gCACH;gCACA;oCACEP,MAAM;oCACNF,MAAM;oCACNX,OAAO;oCACPc,cAAc;oCACdK,SAAS;wCACP;4CAAEnB,OAAO;4CAAcoB,OAAO;wCAAM;wCACpC;4CAAEpB,OAAO;4CAAqBoB,OAAO;wCAAM;wCAC3C;4CAAEpB,OAAO;4CAAeoB,OAAO;wCAAM;wCACrC;4CAAEpB,OAAO;4CAAiBoB,OAAO;wCAAM;wCACvC;4CAAEpB,OAAO;4CAAgBoB,OAAO;wCAAM;wCACtC;4CAAEpB,OAAO;4CAAmBoB,OAAO;wCAAM;wCACzC;4CAAEpB,OAAO;4CAAcoB,OAAO;wCAAM;wCACpC;4CAAEpB,OAAO;4CAAoBoB,OAAO;wCAAM;wCAC1C;4CAAEpB,OAAO;4CAAeoB,OAAO;wCAAM;qCACtC;gCACH;6BACD;wBACH;wBACA;4BACET,MAAM;4BACNE,MAAM;4BACNZ,OAAO;gCACLe,YAAY;oCACVC,OACE;gCACJ;4BACF;wBACF;qBACD;gBACH;gBACA;oBACEjB,OAAO;oBACPU,QAAQ;wBACN;4BACEC,MAAM;4BACNE,MAAM;4BACNZ,OAAO;gCACLe,YAAY;oCACVC,OACE;gCACJ;4BACF;wBACF;qBACD;gBACH;aACD;QACH;KACD;AACH,EAAC"}

package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import type { UIFieldClientProps } from 'payload';
+import React from 'react';
+declare const FontLoadingGuideField: React.FC<UIFieldClientProps>;
+export default FontLoadingGuideField;
+//# sourceMappingURL=FontLoadingGuideField.d.ts.map

package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"FontLoadingGuideField.d.ts","sourceRoot":"","sources":["../../../../src/globals/ThemeSettings/fields/FontLoadingGuideField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmHvD,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.js ADDED Viewed

@@ -0,0 +1,177 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+const FontLoadingGuideField = ()=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        style: {
+            padding: '24px'
+        },
+        children: [
+            /*#__PURE__*/ _jsx("h2", {
+                style: {
+                    marginTop: 0,
+                    fontSize: '20px',
+                    fontWeight: 700
+                },
+                children: "Font Loading Strategy"
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    background: '#eff6ff',
+                    border: '1px solid #bfdbfe',
+                    borderRadius: '8px',
+                    padding: '16px',
+                    marginBottom: '24px'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("h3", {
+                        style: {
+                            margin: '0 0 8px 0',
+                            fontSize: '16px',
+                            fontWeight: 600
+                        },
+                        children: "📦 Pre-imported Fonts (Optimized)"
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
+                            margin: '0 0 12px 0',
+                            fontSize: '14px',
+                            lineHeight: '1.6'
+                        },
+                        children: "These 8 popular fonts are pre-optimized via next/font/google for zero runtime loading:"
+                    }),
+                    /*#__PURE__*/ _jsxs("ul", {
+                        style: {
+                            margin: 0,
+                            paddingLeft: '20px',
+                            fontSize: '14px'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx("li", {
+                                children: "Inter"
+                            }),
+                            /*#__PURE__*/ _jsx("li", {
+                                children: "Nunito"
+                            }),
+                            /*#__PURE__*/ _jsx("li", {
+                                children: "Montserrat"
+                            }),
+                            /*#__PURE__*/ _jsx("li", {
+                                children: "Manrope"
+                            }),
+                            /*#__PURE__*/ _jsx("li", {
+                                children: "Mulish"
+                            }),
+                            /*#__PURE__*/ _jsx("li", {
+                                children: "Barlow"
+                            }),
+                            /*#__PURE__*/ _jsx("li", {
+                                children: "Raleway"
+                            }),
+                            /*#__PURE__*/ _jsx("li", {
+                                children: "Playfair Display"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    background: '#fef3c7',
+                    border: '1px solid #fde68a',
+                    borderRadius: '8px',
+                    padding: '16px',
+                    marginBottom: '24px'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("h3", {
+                        style: {
+                            margin: '0 0 8px 0',
+                            fontSize: '16px',
+                            fontWeight: 600
+                        },
+                        children: "🌐 Dynamic Fonts (Google Fonts CSS)"
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
+                            margin: 0,
+                            fontSize: '14px',
+                            lineHeight: '1.6'
+                        },
+                        children: "Other fonts are loaded dynamically via Google Fonts CSS link. This provides access to 1400+ fonts but requires runtime loading."
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("h3", {
+                style: {
+                    fontSize: '16px',
+                    fontWeight: 600,
+                    marginBottom: '12px'
+                },
+                children: "Implementation Example"
+            }),
+            /*#__PURE__*/ _jsx("pre", {
+                style: {
+                    background: '#1f2937',
+                    color: '#f9fafb',
+                    padding: '16px',
+                    borderRadius: '8px',
+                    fontSize: '13px',
+                    overflowX: 'auto',
+                    lineHeight: '1.6'
+                },
+                children: `// app/layout.tsx
+import { Inter, Nunito, Montserrat } from 'next/font/google'
+import { getThemeSettings } from '@/utilities/getThemeSettings'
+const inter = Inter({ subsets: ['latin'], variable: '--font-inter' })
+const nunito = Nunito({ subsets: ['latin'], variable: '--font-nunito' })
+const montserrat = Montserrat({ subsets: ['latin'], variable: '--font-montserrat' })
+export default async function RootLayout({ children }) {
+  const themeSettings = await getThemeSettings()
+  const activeFont = themeSettings?.activeFont || 'Inter'
+  const fontMap = {
+    'Inter': inter.variable,
+    'Nunito': nunito.variable,
+    'Montserrat': montserrat.variable,
+    // ... other pre-imported fonts
+  }
+  const selectedFontClass = fontMap[activeFont] || ''
+  const isDynamicFont = !selectedFontClass
+  return (
+    <html className={selectedFontClass || ''}
+          style={isDynamicFont ? {
+            '--font-primary': \`'\${activeFont}', sans-serif\`
+          } : undefined}>
+      <head>
+        {isDynamicFont && (
+          <>
+            <link rel="preconnect" href="https://fonts.googleapis.com" />
+            <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
+            <link
+              href={\`https://fonts.googleapis.com/css2?family=\${activeFont.replace(' ', '+')}:wght@300;400;500;600;700&display=swap\`}
+              rel="stylesheet"
+            />
+          </>
+        )}
+      </head>
+      <body className="font-primary">{children}</body>
+    </html>
+  )
+}
+// CSS
+.font-primary {
+  font-family: var(--font-primary, 'Inter', sans-serif);
+}`
+            })
+        ]
+    });
+};
+export default FontLoadingGuideField;
+//# sourceMappingURL=FontLoadingGuideField.js.map

package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/globals/ThemeSettings/fields/FontLoadingGuideField.tsx"],"sourcesContent":["'use client'\n\nimport type { UIFieldClientProps } from 'payload'\nimport React from 'react'\n\nconst FontLoadingGuideField: React.FC<UIFieldClientProps> = () => {\n return (\n <div style={{ padding: '24px' }}>\n <h2 style={{ marginTop: 0, fontSize: '20px', fontWeight: 700 }}>Font Loading Strategy</h2>\n\n <div\n style={{\n background: '#eff6ff',\n border: '1px solid #bfdbfe',\n borderRadius: '8px',\n padding: '16px',\n marginBottom: '24px',\n }}\n >\n <h3 style={{ margin: '0 0 8px 0', fontSize: '16px', fontWeight: 600 }}>\n 📦 Pre-imported Fonts (Optimized)\n </h3>\n <p style={{ margin: '0 0 12px 0', fontSize: '14px', lineHeight: '1.6' }}>\n These 8 popular fonts are pre-optimized via next/font/google for zero runtime loading:\n </p>\n <ul style={{ margin: 0, paddingLeft: '20px', fontSize: '14px' }}>\n <li>Inter</li>\n <li>Nunito</li>\n <li>Montserrat</li>\n <li>Manrope</li>\n <li>Mulish</li>\n <li>Barlow</li>\n <li>Raleway</li>\n <li>Playfair Display</li>\n </ul>\n </div>\n\n <div\n style={{\n background: '#fef3c7',\n border: '1px solid #fde68a',\n borderRadius: '8px',\n padding: '16px',\n marginBottom: '24px',\n }}\n >\n <h3 style={{ margin: '0 0 8px 0', fontSize: '16px', fontWeight: 600 }}>\n 🌐 Dynamic Fonts (Google Fonts CSS)\n </h3>\n <p style={{ margin: 0, fontSize: '14px', lineHeight: '1.6' }}>\n Other fonts are loaded dynamically via Google Fonts CSS link. This provides access to\n 1400+ fonts but requires runtime loading.\n </p>\n </div>\n\n <h3 style={{ fontSize: '16px', fontWeight: 600, marginBottom: '12px' }}>\n Implementation Example\n </h3>\n <pre\n style={{\n background: '#1f2937',\n color: '#f9fafb',\n padding: '16px',\n borderRadius: '8px',\n fontSize: '13px',\n overflowX: 'auto',\n lineHeight: '1.6',\n }}\n >\n {`// app/layout.tsx\nimport { Inter, Nunito, Montserrat } from 'next/font/google'\nimport { getThemeSettings } from '@/utilities/getThemeSettings'\n\nconst inter = Inter({ subsets: ['latin'], variable: '--font-inter' })\nconst nunito = Nunito({ subsets: ['latin'], variable: '--font-nunito' })\nconst montserrat = Montserrat({ subsets: ['latin'], variable: '--font-montserrat' })\n\nexport default async function RootLayout({ children }) {\n const themeSettings = await getThemeSettings()\n const activeFont = themeSettings?.activeFont || 'Inter'\n \n const fontMap = {\n 'Inter': inter.variable,\n 'Nunito': nunito.variable,\n 'Montserrat': montserrat.variable,\n // ... other pre-imported fonts\n }\n \n const selectedFontClass = fontMap[activeFont] || ''\n const isDynamicFont = !selectedFontClass\n \n return (\n <html className={selectedFontClass || ''} \n style={isDynamicFont ? {\n '--font-primary': \\`'\\${activeFont}', sans-serif\\`\n } : undefined}>\n <head>\n {isDynamicFont && (\n <>\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin=\"\" />\n <link \n href={\\`https://fonts.googleapis.com/css2?family=\\${activeFont.replace(' ', '+')}:wght@300;400;500;600;700&display=swap\\`}\n rel=\"stylesheet\" \n />\n </>\n )}\n </head>\n <body className=\"font-primary\">{children}</body>\n </html>\n )\n}\n\n// CSS\n.font-primary {\n font-family: var(--font-primary, 'Inter', sans-serif);\n}`}\n </pre>\n </div>\n )\n}\n\nexport default FontLoadingGuideField\n"],"names":["React","FontLoadingGuideField","div","style","padding","h2","marginTop","fontSize","fontWeight","background","border","borderRadius","marginBottom","h3","margin","p","lineHeight","ul","paddingLeft","li","pre","color","overflowX"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,MAAMC,wBAAsD;IAC1D,qBACE,MAACC;QAAIC,OAAO;YAAEC,SAAS;QAAO;;0BAC5B,KAACC;gBAAGF,OAAO;oBAAEG,WAAW;oBAAGC,UAAU;oBAAQC,YAAY;gBAAI;0BAAG;;0BAEhE,MAACN;gBACCC,OAAO;oBACLM,YAAY;oBACZC,QAAQ;oBACRC,cAAc;oBACdP,SAAS;oBACTQ,cAAc;gBAChB;;kCAEA,KAACC;wBAAGV,OAAO;4BAAEW,QAAQ;4BAAaP,UAAU;4BAAQC,YAAY;wBAAI;kCAAG;;kCAGvE,KAACO;wBAAEZ,OAAO;4BAAEW,QAAQ;4BAAcP,UAAU;4BAAQS,YAAY;wBAAM;kCAAG;;kCAGzE,MAACC;wBAAGd,OAAO;4BAAEW,QAAQ;4BAAGI,aAAa;4BAAQX,UAAU;wBAAO;;0CAC5D,KAACY;0CAAG;;0CACJ,KAACA;0CAAG;;0CACJ,KAACA;0CAAG;;0CACJ,KAACA;0CAAG;;0CACJ,KAACA;0CAAG;;0CACJ,KAACA;0CAAG;;0CACJ,KAACA;0CAAG;;0CACJ,KAACA;0CAAG;;;;;;0BAIR,MAACjB;gBACCC,OAAO;oBACLM,YAAY;oBACZC,QAAQ;oBACRC,cAAc;oBACdP,SAAS;oBACTQ,cAAc;gBAChB;;kCAEA,KAACC;wBAAGV,OAAO;4BAAEW,QAAQ;4BAAaP,UAAU;4BAAQC,YAAY;wBAAI;kCAAG;;kCAGvE,KAACO;wBAAEZ,OAAO;4BAAEW,QAAQ;4BAAGP,UAAU;4BAAQS,YAAY;wBAAM;kCAAG;;;;0BAMhE,KAACH;gBAAGV,OAAO;oBAAEI,UAAU;oBAAQC,YAAY;oBAAKI,cAAc;gBAAO;0BAAG;;0BAGxE,KAACQ;gBACCjB,OAAO;oBACLM,YAAY;oBACZY,OAAO;oBACPjB,SAAS;oBACTO,cAAc;oBACdJ,UAAU;oBACVe,WAAW;oBACXN,YAAY;gBACd;0BAEC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CT,CAAC;;;;AAIF;AAEA,eAAef,sBAAqB"}

package/dist/globals/ThemeSettings/fields/TypographyInfoField.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import type { UIFieldClientProps } from 'payload';
+import React from 'react';
+declare const TypographyInfoField: React.FC<UIFieldClientProps>;
+export default TypographyInfoField;
+//# sourceMappingURL=TypographyInfoField.d.ts.map

package/dist/globals/ThemeSettings/fields/TypographyInfoField.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"TypographyInfoField.d.ts","sourceRoot":"","sources":["../../../../src/globals/ThemeSettings/fields/TypographyInfoField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2DrD,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/globals/ThemeSettings/fields/TypographyInfoField.js ADDED Viewed

@@ -0,0 +1,89 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+const TypographyInfoField = ()=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        style: {
+            padding: '16px',
+            background: '#f3f4f6',
+            border: '1px solid #e5e7eb',
+            borderRadius: '8px',
+            marginTop: '16px'
+        },
+        children: [
+            /*#__PURE__*/ _jsx("h3", {
+                style: {
+                    margin: '0 0 8px 0',
+                    fontSize: '14px',
+                    fontWeight: 600
+                },
+                children: "How to Use Selected Font"
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                style: {
+                    margin: '0 0 12px 0',
+                    fontSize: '13px',
+                    lineHeight: '1.6'
+                },
+                children: "After selecting a font, you need to load it in your frontend application. Here are the recommended approaches:"
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    marginBottom: '12px'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("strong", {
+                        style: {
+                            fontSize: '13px'
+                        },
+                        children: "Option 1: next/font/google (Recommended)"
+                    }),
+                    /*#__PURE__*/ _jsx("pre", {
+                        style: {
+                            background: '#1f2937',
+                            color: '#f9fafb',
+                            padding: '12px',
+                            borderRadius: '6px',
+                            fontSize: '12px',
+                            marginTop: '8px',
+                            overflowX: 'auto'
+                        },
+                        children: `import { Inter } from 'next/font/google'
+const inter = Inter({ subsets: ['latin'] })
+<html className={inter.variable}>
+  <body className="font-primary">...</body>
+</html>`
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                children: [
+                    /*#__PURE__*/ _jsx("strong", {
+                        style: {
+                            fontSize: '13px'
+                        },
+                        children: "Option 2: Google Fonts CSS Link"
+                    }),
+                    /*#__PURE__*/ _jsx("pre", {
+                        style: {
+                            background: '#1f2937',
+                            color: '#f9fafb',
+                            padding: '12px',
+                            borderRadius: '6px',
+                            fontSize: '12px',
+                            marginTop: '8px',
+                            overflowX: 'auto'
+                        },
+                        children: `<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">`
+                    })
+                ]
+            })
+        ]
+    });
+};
+export default TypographyInfoField;
+//# sourceMappingURL=TypographyInfoField.js.map

package/dist/globals/ThemeSettings/fields/TypographyInfoField.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/globals/ThemeSettings/fields/TypographyInfoField.tsx"],"sourcesContent":["'use client'\n\nimport type { UIFieldClientProps } from 'payload'\nimport React from 'react'\n\nconst TypographyInfoField: React.FC<UIFieldClientProps> = () => {\n return (\n <div\n style={{\n padding: '16px',\n background: '#f3f4f6',\n border: '1px solid #e5e7eb',\n borderRadius: '8px',\n marginTop: '16px',\n }}\n >\n <h3 style={{ margin: '0 0 8px 0', fontSize: '14px', fontWeight: 600 }}>\n How to Use Selected Font\n </h3>\n <p style={{ margin: '0 0 12px 0', fontSize: '13px', lineHeight: '1.6' }}>\n After selecting a font, you need to load it in your frontend application. Here are the\n recommended approaches:\n </p>\n <div style={{ marginBottom: '12px' }}>\n <strong style={{ fontSize: '13px' }}>Option 1: next/font/google (Recommended)</strong>\n <pre\n style={{\n background: '#1f2937',\n color: '#f9fafb',\n padding: '12px',\n borderRadius: '6px',\n fontSize: '12px',\n marginTop: '8px',\n overflowX: 'auto',\n }}\n >\n {`import { Inter } from 'next/font/google'\n\nconst inter = Inter({ subsets: ['latin'] })\n\n<html className={inter.variable}>\n <body className=\"font-primary\">...</body>\n</html>`}\n </pre>\n </div>\n <div>\n <strong style={{ fontSize: '13px' }}>Option 2: Google Fonts CSS Link</strong>\n <pre\n style={{\n background: '#1f2937',\n color: '#f9fafb',\n padding: '12px',\n borderRadius: '6px',\n fontSize: '12px',\n marginTop: '8px',\n overflowX: 'auto',\n }}\n >\n {`<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link href=\"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap\" rel=\"stylesheet\">`}\n </pre>\n </div>\n </div>\n )\n}\n\nexport default TypographyInfoField\n"],"names":["React","TypographyInfoField","div","style","padding","background","border","borderRadius","marginTop","h3","margin","fontSize","fontWeight","p","lineHeight","marginBottom","strong","pre","color","overflowX"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,MAAMC,sBAAoD;IACxD,qBACE,MAACC;QACCC,OAAO;YACLC,SAAS;YACTC,YAAY;YACZC,QAAQ;YACRC,cAAc;YACdC,WAAW;QACb;;0BAEA,KAACC;gBAAGN,OAAO;oBAAEO,QAAQ;oBAAaC,UAAU;oBAAQC,YAAY;gBAAI;0BAAG;;0BAGvE,KAACC;gBAAEV,OAAO;oBAAEO,QAAQ;oBAAcC,UAAU;oBAAQG,YAAY;gBAAM;0BAAG;;0BAIzE,MAACZ;gBAAIC,OAAO;oBAAEY,cAAc;gBAAO;;kCACjC,KAACC;wBAAOb,OAAO;4BAAEQ,UAAU;wBAAO;kCAAG;;kCACrC,KAACM;wBACCd,OAAO;4BACLE,YAAY;4BACZa,OAAO;4BACPd,SAAS;4BACTG,cAAc;4BACdI,UAAU;4BACVH,WAAW;4BACXW,WAAW;wBACb;kCAEC,CAAC;;;;;;OAML,CAAC;;;;0BAGF,MAACjB;;kCACC,KAACc;wBAAOb,OAAO;4BAAEQ,UAAU;wBAAO;kCAAG;;kCACrC,KAACM;wBACCd,OAAO;4BACLE,YAAY;4BACZa,OAAO;4BACPd,SAAS;4BACTG,cAAc;4BACdI,UAAU;4BACVH,WAAW;4BACXW,WAAW;wBACb;kCAEC,CAAC;uGAC2F,CAAC;;;;;;AAKxG;AAEA,eAAelB,oBAAmB"}

package/dist/globals/ThemeSettings/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export { ThemeSettings } from './config';
+export { default as FontPicker } from './FontPicker';
+export type { FontPickerProps } from './FontPicker';
+//# sourceMappingURL=index.d.ts.map

package/dist/globals/ThemeSettings/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/globals/ThemeSettings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/dist/globals/ThemeSettings/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+export { ThemeSettings } from './config';
+export { default as FontPicker } from './FontPicker';
+//# sourceMappingURL=index.js.map

package/dist/globals/ThemeSettings/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["../../../src/globals/ThemeSettings/index.ts"],"sourcesContent":["export { ThemeSettings } from './config'\nexport { default as FontPicker } from './FontPicker'\nexport type { FontPickerProps } from './FontPicker'\n"],"names":["ThemeSettings","default","FontPicker"],"mappings":"AAAA,SAASA,aAAa,QAAQ,WAAU;AACxC,SAASC,WAAWC,UAAU,QAAQ,eAAc"}

package/dist/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmC,MAAM,EAAa,MAAM,SAAS,CAAA;AAGjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,KAAK,EAAE,8BAA8B,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAA;AA6F9F,eAAO,MAAM,qBAAqB,GAAI,UAAS,4BAAiC,KAAG,~~MAmElF~~,CAAA;AAED,KAAK,iBAAiB,GAAG,MAAM,GAAG,8BAA8B,CAAA;AAEhE,eAAO,MAAM,uBAAuB,GAClC,UAAU,iBAAiB,KAC1B,OAAO,CAAC,sBAAsB,GAAG,IAAI,~~CA2CvC~~,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,KAAG,WAAW,GAAG,IAEhE,CAAA;AAED,eAAO,MAAM,wBAAwB,QAAO,WAAW,EAEtD,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACtE,YAAY,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,uBAAuB,CAAA;AAC9B,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACnF,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,kBAAkB,EAClB,sBAAsB,EACtB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,iCAAiC,CAAA;AACxC,YAAY,EAAE,4BAA4B,EAAE,8BAA8B,EAAE,MAAM,YAAY,CAAA;AAC9F,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,sCAAsC,CAAA;AAC7C,YAAY,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAA;AACtF,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACzE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,OAAO,EACL,gBAAgB,IAAI,iBAAiB,EACrC,oBAAoB,GACrB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAEhF,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAG1D,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,eAAe,GAChB,MAAM,4BAA4B,CAAA;AAMnC,eAAO,MAAM,qBAAqB,~~aAhLa~~,4BAA4B,KAAQ,~~MAgLzB~~,CAAA;AAC1D,oDAAoD;AACpD,eAAO,MAAM,wBAAwB,~~aAlLU~~,4BAA4B,KAAQ,~~MAkLtB~~,CAAA;AAE7D,eAAe,qBAAqB,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmC,MAAM,EAAa,MAAM,SAAS,CAAA;AAGjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,KAAK,EAAE,8BAA8B,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAA;AA6F9F,eAAO,MAAM,qBAAqB,GAAI,UAAS,4BAAiC,KAAG,MA6JlF,CAAA;AAED,KAAK,iBAAiB,GAAG,MAAM,GAAG,8BAA8B,CAAA;AAEhE,eAAO,MAAM,uBAAuB,GAClC,UAAU,iBAAiB,KAC1B,OAAO,CAAC,sBAAsB,GAAG,IAAI,CA0EvC,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,KAAG,WAAW,GAAG,IAEhE,CAAA;AAED,eAAO,MAAM,wBAAwB,QAAO,WAAW,EAEtD,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACtE,YAAY,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,uBAAuB,CAAA;AAC9B,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACnF,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,kBAAkB,EAClB,sBAAsB,EACtB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,iCAAiC,CAAA;AACxC,YAAY,EAAE,4BAA4B,EAAE,8BAA8B,EAAE,MAAM,YAAY,CAAA;AAC9F,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,sCAAsC,CAAA;AAC7C,YAAY,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAA;AACtF,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACzE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,OAAO,EACL,gBAAgB,IAAI,iBAAiB,EACrC,oBAAoB,GACrB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAEhF,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAG1D,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,eAAe,GAChB,MAAM,4BAA4B,CAAA;AAMnC,eAAO,MAAM,qBAAqB,aAzSa,4BAA4B,KAAQ,MAySzB,CAAA;AAC1D,oDAAoD;AACpD,eAAO,MAAM,wBAAwB,aA3SU,4BAA4B,KAAQ,MA2StB,CAAA;AAE7D,eAAe,qBAAqB,CAAA"}