@qwickapps/cms 0.2.0

package/LICENSE

@@ -0,0 +1,45 @@
+# QwickApps CMS License
+
+This software is licensed under the **PolyForm Shield License 1.0.0**.
+
+## Summary
+
+- **Free to use** for non-competitive purposes
+- **Source code available** for learning and development
+- **Cannot be used** to compete with QwickApps
+- **Cannot be reverse engineered** for competitive purposes
+- **Cannot be redistributed** in competitive products
+
+## Full License Text
+
+See https://polyformproject.org/licenses/shield/1.0.0/ for complete terms.
+
+## What This Means
+
+### Permitted Uses:
+- Internal business applications
+- Learning and educational projects
+- Non-competitive commercial applications
+- Academic research and teaching
+- Contributing to this project
+- Building websites and applications using this CMS package
+
+### Prohibited Uses:
+- Creating competing CMS frameworks
+- Building competing content management systems
+- Reselling or redistributing as a competing product
+- Reverse engineering to create competitive products
+
+## Commercial Licensing
+
+If your use case might be competitive or you need different terms, contact us at **legal@qwickapps.com** for commercial licensing options.
+
+## Questions?
+
+- Email: legal@qwickapps.com
+- Website: https://qwickapps.com
+- Repository: https://github.com/qwickapps/qwickapps
+
+---
+
+Copyright (c) 2025 QwickApps. All rights reserved.

package/README.md

@@ -0,0 +1,203 @@
+# @qwickapps/cms
+
+> Reusable Payload CMS collections, globals, and components for building QwickApps-powered websites
+
+## Overview
+
+`@qwickapps/cms` is a package that provides pre-built Payload CMS configurations for creating content management systems with the QwickApps framework. It eliminates boilerplate by providing ready-to-use collections, globals, blocks, and integrations.
+
+## Features
+
+- 📦 **Collections**: Pages, Posts, Media, Navigation, Forms, and more
+- 🌐 **Globals**: Site Settings, Integrations, Advanced Settings
+- 🧱 **Content Blocks**: Hero, Feature Grid, CTA, Forms, and 8+ other blocks
+- 🔌 **Plugins**: QwickApps integration plugin
+- 🎨 **Components**: Admin UI components (Logo, Dashboard, Row Labels)
+- 📊 **Providers**: PayloadDataProvider for framework integration
+
+## Installation
+
+```bash
+npm install @qwickapps/cms
+```
+
+## Usage
+
+### Basic Setup
+
+```typescript
+// payload.config.ts
+import { buildConfig } from 'payload';
+import {
+  Pages,
+  Posts,
+  Media,
+  Users,
+  Navigation,
+  Forms,
+} from '@qwickapps/cms/collections';
+import {
+  SiteSettings,
+  Integrations,
+  AdvancedSettings,
+} from '@qwickapps/cms/globals';
+
+export default buildConfig({
+  collections: [Users, Pages, Posts, Media, Navigation, Forms],
+  globals: [SiteSettings, Integrations, AdvancedSettings],
+  // ... rest of your config
+});
+```
+
+### Using Content Blocks
+
+```typescript
+import { contentBlocks } from '@qwickapps/cms/blocks';
+
+// In your collection config
+{
+  name: 'content',
+  type: 'blocks',
+  blocks: contentBlocks,
+}
+```
+
+### Using the QwickApps Plugin
+
+```typescript
+import { qwickappsPlugin } from '@qwickapps/cms/plugins';
+
+export default buildConfig({
+  plugins: [
+    qwickappsPlugin({
+      enableVisualBuilder: true,
+      enableAI: false,
+    }),
+  ],
+});
+```
+
+## Collections
+
+### Pages
+Dynamic pages with flexible content blocks and SEO metadata.
+
+### Posts
+Blog posts with featured images, authors, categories, and tags.
+
+### Media
+Image, video, and PDF uploads with alt text and captions.
+
+### Navigation
+Multi-level navigation menus with icon support.
+
+### Forms
+Custom form builder with CAPTCHA protection and submission storage.
+
+### Products
+Product catalog with rich descriptions and pricing.
+
+### Users
+Authentication and user management.
+
+## Globals
+
+### Site Settings
+- Site information (name, description, logo)
+- Contact information
+- Social media links
+
+### Integrations
+- Analytics (GA4, GTM, Facebook Pixel)
+- CAPTCHA (reCAPTCHA v2/v3, hCaptcha, Turnstile)
+- Email configuration (SMTP)
+
+### Advanced Settings
+- SEO defaults
+- Custom scripts (header, footer, CSS)
+- Maintenance mode
+
+## Content Blocks
+
+- **Hero** - Large header sections
+- **Text Section** - Rich text content
+- **Feature Grid** - Feature showcases
+- **CTA Section** - Call-to-action sections
+- **Image** - Image displays
+- **Spacer** - Vertical spacing
+- **Code** - Code snippets
+- **Product Grid** - Product displays
+- **Accordion** - Collapsible content
+- **Card Grid** - Card layouts
+- **Form** - Contact forms
+
+## Components
+
+Admin UI components for better UX:
+- `Logo` - Custom admin logo
+- `Icon` - Custom admin icon
+- `Dashboard` - Custom dashboard
+- `BlockRowLabel` - Block row labels
+- `FormFieldRowLabel` - Form field labels
+- `NavigationItemRowLabel` - Navigation labels
+
+## Providers
+
+### PayloadDataProvider
+
+Bridge between Payload CMS and QwickApps Framework:
+
+```typescript
+import { PayloadDataProvider } from '@qwickapps/cms/providers';
+
+const dataProvider = new PayloadDataProvider({
+  baseUrl: 'http://localhost:3000/api',
+});
+```
+
+## Development
+
+### Building
+
+```bash
+npm run build
+```
+
+### Watching
+
+```bash
+npm run dev
+```
+
+## Dependencies
+
+This package requires the following peer dependencies:
+
+- `payload` ^3.0.0
+- `@payloadcms/db-postgres` ^3.0.0
+- `@payloadcms/next` ^3.0.0
+- `@payloadcms/richtext-lexical` ^3.0.0
+- `@qwickapps/react-framework` *
+- `@qwickapps/schema` *
+- `next` ^15.0.3
+- `react` ^19.0.0
+
+## Examples
+
+### QwickPress
+
+See `products/qwickpress` for a complete example of using @qwickapps/cms.
+
+### QwickApps Website
+
+See `products/qwickapps/website` for a production website built with @qwickapps/cms.
+
+## License
+
+Copyright (c) 2025 QwickApps.com. All rights reserved.
+
+## Links
+
+- [QwickApps Framework](../../packages/qwickapps-react-framework)
+- [QwickPress](../../products/qwickpress)
+- [Payload CMS](https://payloadcms.com)

package/dist/admin/components/AccordionItemRowLabel.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Custom Label for Accordion Item Array Items
+ *
+ * Displays meaningful labels showing accordion title and expansion state
+ * Used in Accordion blocks
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+interface AccordionItemRowLabelProps {
+    data?: {
+        title?: string;
+        content?: string;
+        defaultExpanded?: boolean;
+    };
+    rowNumber?: number;
+}
+export declare const AccordionItemRowLabel: React.FC<AccordionItemRowLabelProps>;
+export {};
+//# sourceMappingURL=AccordionItemRowLabel.d.ts.map

package/dist/admin/components/AccordionItemRowLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItemRowLabel.d.ts","sourceRoot":"","sources":["../../../src/admin/components/AccordionItemRowLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,0BAA0B;IAClC,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAwEtE,CAAC"}

package/dist/admin/components/AccordionItemRowLabel.js

@@ -0,0 +1,47 @@
+/**
+ * Custom Label for Accordion Item Array Items
+ *
+ * Displays meaningful labels showing accordion title and expansion state
+ * Used in Accordion blocks
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AccordionItemRowLabel = ({ data, rowNumber = 0 }) => {
+    const displayIndex = String(rowNumber + 1).padStart(2, '0');
+    // Show error if required fields are missing
+    if (!data?.title) {
+        return (_jsx("div", { style: { color: 'orange', fontWeight: 'bold' }, children: "\u26A0\uFE0F Missing accordion title" }));
+    }
+    // Truncate content preview if provided
+    const contentPreview = data.content ? (typeof data.content === 'string' ? (data.content.length > 60 ? `${data.content.substring(0, 60)}...` : data.content) : '[Rich Text Content]') : null;
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '8px',
+            fontWeight: 500,
+        }, children: [_jsxs("span", { style: {
+                    color: 'var(--theme-elevation-600)',
+                    fontSize: '14px',
+                    fontWeight: 600,
+                }, children: [displayIndex, "."] }), _jsx("span", { style: { fontSize: '16px' }, children: data.defaultExpanded ? '📂' : '📁' }), _jsx("span", { style: { color: 'var(--theme-elevation-900)' }, children: data.title }), data.defaultExpanded && (_jsx("span", { style: {
+                    fontSize: '11px',
+                    padding: '2px 6px',
+                    background: 'var(--theme-success-light)',
+                    color: 'var(--theme-success-dark)',
+                    borderRadius: '4px',
+                    fontWeight: 600,
+                    textTransform: 'uppercase',
+                }, children: "Expanded" })), contentPreview && (_jsx("span", { style: {
+                    color: 'var(--theme-elevation-500)',
+                    fontWeight: 400,
+                    fontSize: '13px',
+                    fontStyle: 'italic',
+                    maxWidth: '300px',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                }, children: contentPreview }))] }));
+};
+//# sourceMappingURL=AccordionItemRowLabel.js.map

package/dist/admin/components/AccordionItemRowLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItemRowLabel.js","sourceRoot":"","sources":["../../../src/admin/components/AccordionItemRowLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,YAAY,CAAC;;AAab,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,IAAI,EAAE,SAAS,GAAG,CAAC,EAAE,EAAE,EAAE;IACrG,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAE5D,4CAA4C;IAC5C,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;QACjB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,qDAE7C,CACP,CAAC;IACJ,CAAC;IAED,uCAAuC;IACvC,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACpC,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACjC,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAChF,CAAC,CAAC,CAAC,qBAAqB,CAC1B,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,eAAK,KAAK,EAAE;YACV,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,KAAK;YACV,UAAU,EAAE,GAAG;SAChB,aACC,gBAAM,KAAK,EAAE;oBACX,KAAK,EAAE,4BAA4B;oBACnC,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,GAAG;iBAChB,aACE,YAAY,SACR,EAEP,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YAC9B,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAC9B,EAEP,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,YACjD,IAAI,CAAC,KAAK,GACN,EAEN,IAAI,CAAC,eAAe,IAAI,CACvB,eAAM,KAAK,EAAE;oBACX,QAAQ,EAAE,MAAM;oBAChB,OAAO,EAAE,SAAS;oBAClB,UAAU,EAAE,4BAA4B;oBACxC,KAAK,EAAE,2BAA2B;oBAClC,YAAY,EAAE,KAAK;oBACnB,UAAU,EAAE,GAAG;oBACf,aAAa,EAAE,WAAW;iBAC3B,yBAEM,CACR,EAEA,cAAc,IAAI,CACjB,eAAM,KAAK,EAAE;oBACX,KAAK,EAAE,4BAA4B;oBACnC,UAAU,EAAE,GAAG;oBACf,QAAQ,EAAE,MAAM;oBAChB,SAAS,EAAE,QAAQ;oBACnB,QAAQ,EAAE,OAAO;oBACjB,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,UAAU;oBACxB,UAAU,EAAE,QAAQ;iBACrB,YACE,cAAc,GACV,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/admin/components/BlockRowLabel.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Custom Label for Content Blocks
+ *
+ * Displays a meaningful label for each block in the admin UI
+ * Centralized implementation that receives data as props
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+interface BlockLabelProps {
+    data?: {
+        blockType?: string;
+        blockName?: string;
+    };
+    rowNumber?: number;
+}
+export declare const BlockRowLabel: React.FC<BlockLabelProps>;
+export {};
+//# sourceMappingURL=BlockRowLabel.d.ts.map

package/dist/admin/components/BlockRowLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockRowLabel.d.ts","sourceRoot":"","sources":["../../../src/admin/components/BlockRowLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmEnD,CAAC"}

package/dist/admin/components/BlockRowLabel.js

@@ -0,0 +1,52 @@
+/**
+ * Custom Label for Content Blocks
+ *
+ * Displays a meaningful label for each block in the admin UI
+ * Centralized implementation that receives data as props
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+'use client';
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export const BlockRowLabel = ({ data, rowNumber = 0 }) => {
+    // Get the block type
+    const blockType = data?.blockType;
+    // Use rowNumber directly from props
+    const blockIndex = rowNumber;
+    const displayIndex = String(blockIndex + 1).padStart(2, '0');
+    // Map block slugs to friendly names with emojis
+    const blockInfo = {
+        hero: { name: 'Hero Block', icon: '🎯' },
+        textSection: { name: 'Text Section', icon: '📝' },
+        featureGrid: { name: 'Feature Grid', icon: '⭐' },
+        ctaSection: { name: 'CTA Section', icon: '🎬' },
+        image: { name: 'Image', icon: '🖼️' },
+        spacer: { name: 'Spacer', icon: '↕️' },
+        code: { name: 'Code Block', icon: '💻' },
+        productGrid: { name: 'Product Grid', icon: '🛍️' },
+        accordion: { name: 'Accordion', icon: '📋' },
+        cardGrid: { name: 'Card Grid', icon: '🎴' },
+        form: { name: 'Form', icon: '📝' },
+    };
+    const info = blockInfo[blockType || ''] || { name: blockType || 'Block', icon: '📦' };
+    // Use blockName if user has set it, otherwise show block type name
+    const customName = data?.blockName;
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '8px',
+            fontWeight: 500,
+        }, children: [_jsxs("span", { style: {
+                    color: 'var(--theme-elevation-600)',
+                    fontSize: '14px',
+                    fontWeight: 600,
+                    fontFamily: 'monospace',
+                }, children: [displayIndex, "."] }), _jsx("span", { style: { fontSize: '16px' }, children: info.icon }), _jsx("span", { style: { color: 'var(--theme-elevation-900)' }, children: info.name }), customName && (_jsxs(_Fragment, { children: [_jsx("span", { style: {
+                            color: 'var(--theme-elevation-600)',
+                            fontWeight: 400,
+                        }, children: "-" }), _jsx("span", { style: {
+                            color: 'var(--theme-elevation-800)',
+                            fontWeight: 500,
+                        }, children: customName })] }))] }));
+};
+//# sourceMappingURL=BlockRowLabel.js.map

package/dist/admin/components/BlockRowLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockRowLabel.js","sourceRoot":"","sources":["../../../src/admin/components/BlockRowLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,YAAY,CAAC;;AAYb,MAAM,CAAC,MAAM,aAAa,GAA8B,CAAC,EAAE,IAAI,EAAE,SAAS,GAAG,CAAC,EAAE,EAAE,EAAE;IAClF,qBAAqB;IACrB,MAAM,SAAS,GAAG,IAAI,EAAE,SAAS,CAAC;IAElC,oCAAoC;IACpC,MAAM,UAAU,GAAG,SAAS,CAAC;IAC7B,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAE7D,gDAAgD;IAChD,MAAM,SAAS,GAAmD;QAChE,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE;QACxC,WAAW,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE;QACjD,WAAW,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,EAAE;QAChD,UAAU,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE;QAC/C,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE;QACrC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE;QACtC,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE;QACxC,WAAW,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE;QAClD,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE;QAC5C,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE;KACnC,CAAC;IAEF,MAAM,IAAI,GAAG,SAAS,CAAC,SAAS,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,IAAI,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAEtF,mEAAmE;IACnE,MAAM,UAAU,GAAG,IAAI,EAAE,SAAS,CAAC;IAEnC,OAAO,CACL,eAAK,KAAK,EAAE;YACV,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,KAAK;YACV,UAAU,EAAE,GAAG;SAChB,aACC,gBAAM,KAAK,EAAE;oBACX,KAAK,EAAE,4BAA4B;oBACnC,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,GAAG;oBACf,UAAU,EAAE,WAAW;iBACxB,aACE,YAAY,SACR,EACP,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YAC9B,IAAI,CAAC,IAAI,GACL,EACP,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,YACjD,IAAI,CAAC,IAAI,GACL,EACN,UAAU,IAAI,CACb,8BACE,eAAM,KAAK,EAAE;4BACX,KAAK,EAAE,4BAA4B;4BACnC,UAAU,EAAE,GAAG;yBAChB,kBAEM,EACP,eAAM,KAAK,EAAE;4BACX,KAAK,EAAE,4BAA4B;4BACnC,UAAU,EAAE,GAAG;yBAChB,YACE,UAAU,GACN,IACN,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/admin/components/ButtonRowLabel.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Custom Label for Button Array Items
+ *
+ * Displays meaningful labels showing button text, variant, and link
+ * Used in Hero actions, CTA buttons, and other button arrays
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+interface ButtonRowLabelProps {
+    data?: {
+        label?: string;
+        href?: string;
+        variant?: string;
+        color?: string;
+        icon?: string;
+        endIcon?: string;
+    };
+    rowNumber?: number;
+}
+export declare const ButtonRowLabel: React.FC<ButtonRowLabelProps>;
+export {};
+//# sourceMappingURL=ButtonRowLabel.d.ts.map

package/dist/admin/components/ButtonRowLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRowLabel.d.ts","sourceRoot":"","sources":["../../../src/admin/components/ButtonRowLabel.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqGxD,CAAC"}

package/dist/admin/components/ButtonRowLabel.js

@@ -0,0 +1,63 @@
+// @ts-nocheck
+/**
+ * Custom Label for Button Array Items
+ *
+ * Displays meaningful labels showing button text, variant, and link
+ * Used in Hero actions, CTA buttons, and other button arrays
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getIconEmoji } from '@qwickapps/react-framework';
+export const ButtonRowLabel = ({ data, rowNumber = 0 }) => {
+    const displayIndex = String(rowNumber + 1).padStart(2, '0');
+    // Show error if required fields are missing
+    if (!data?.label) {
+        return (_jsx("div", { style: { color: 'orange', fontWeight: 'bold' }, children: "\u26A0\uFE0F Missing button label" }));
+    }
+    // Get icon emoji if provided
+    const startIcon = data.icon ? getIconEmoji(data.icon) : null;
+    const trailingIcon = data.endIcon ? getIconEmoji(data.endIcon) : null;
+    // Shorten href for display
+    const displayHref = data.href ? (data.href.length > 30 ? `${data.href.substring(0, 30)}...` : data.href) : null;
+    // Get variant badge color
+    const variantColors = {
+        contained: { bg: 'var(--theme-primary-light)', text: 'var(--theme-primary-dark)' },
+        outlined: { bg: 'var(--theme-elevation-200)', text: 'var(--theme-elevation-800)' },
+        text: { bg: 'var(--theme-elevation-150)', text: 'var(--theme-elevation-700)' },
+    };
+    const variant = data.variant || 'contained';
+    const variantStyle = variantColors[variant] || variantColors.contained;
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '8px',
+            fontWeight: 500,
+        }, children: [_jsxs("span", { style: {
+                    color: 'var(--theme-elevation-600)',
+                    fontSize: '14px',
+                    fontWeight: 600,
+                }, children: [displayIndex, "."] }), startIcon && (_jsx("span", { style: { fontSize: '16px' }, children: startIcon })), _jsx("span", { style: { color: 'var(--theme-elevation-900)' }, children: data.label }), trailingIcon && (_jsx("span", { style: { fontSize: '16px' }, children: trailingIcon })), variant && (_jsx("span", { style: {
+                    fontSize: '11px',
+                    padding: '2px 6px',
+                    background: variantStyle.bg,
+                    color: variantStyle.text,
+                    borderRadius: '4px',
+                    fontWeight: 600,
+                    textTransform: 'uppercase',
+                }, children: variant })), data.color && data.color !== 'primary' && (_jsx("span", { style: {
+                    fontSize: '11px',
+                    padding: '2px 6px',
+                    background: 'var(--theme-elevation-200)',
+                    color: 'var(--theme-elevation-700)',
+                    borderRadius: '4px',
+                    fontWeight: 500,
+                }, children: data.color })), displayHref && (_jsxs("span", { style: {
+                    color: 'var(--theme-elevation-600)',
+                    fontWeight: 400,
+                    fontSize: '13px',
+                    fontFamily: 'monospace',
+                }, children: ["\u2192 ", displayHref] }))] }));
+};
+//# sourceMappingURL=ButtonRowLabel.js.map

package/dist/admin/components/ButtonRowLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRowLabel.js","sourceRoot":"","sources":["../../../src/admin/components/ButtonRowLabel.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/CardRowLabel.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Custom Label for Card Array Items
+ *
+ * Displays meaningful labels showing card title, icon, and link
+ * Used in Card Grid blocks
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+interface CardRowLabelProps {
+    data?: {
+        title?: string;
+        description?: string;
+        icon?: string;
+        image?: any;
+        link?: string;
+        linkText?: string;
+    };
+    rowNumber?: number;
+}
+export declare const CardRowLabel: React.FC<CardRowLabelProps>;
+export {};
+//# sourceMappingURL=CardRowLabel.d.ts.map

package/dist/admin/components/CardRowLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardRowLabel.d.ts","sourceRoot":"","sources":["../../../src/admin/components/CardRowLabel.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,iBAAiB;IACzB,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmGpD,CAAC"}

package/dist/admin/components/CardRowLabel.js

@@ -0,0 +1,59 @@
+// @ts-nocheck
+/**
+ * Custom Label for Card Array Items
+ *
+ * Displays meaningful labels showing card title, icon, and link
+ * Used in Card Grid blocks
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getIconEmoji } from '@qwickapps/react-framework';
+export const CardRowLabel = ({ data, rowNumber = 0 }) => {
+    const displayIndex = String(rowNumber + 1).padStart(2, '0');
+    // Show error if required fields are missing
+    if (!data?.title) {
+        return (_jsx("div", { style: { color: 'orange', fontWeight: 'bold' }, children: "\u26A0\uFE0F Missing card title" }));
+    }
+    // Get icon emoji if provided
+    const displayIcon = data.icon ? getIconEmoji(data.icon) : null;
+    // Truncate description if provided
+    const descriptionPreview = data.description ? (data.description.length > 50 ? `${data.description.substring(0, 50)}...` : data.description) : null;
+    // Check if has image
+    const hasImage = data.image && typeof data.image === 'object';
+    // Shorten link for display
+    const displayLink = data.link ? (data.link.length > 25 ? `${data.link.substring(0, 25)}...` : data.link) : null;
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '8px',
+            fontWeight: 500,
+        }, children: [_jsxs("span", { style: {
+                    color: 'var(--theme-elevation-600)',
+                    fontSize: '14px',
+                    fontWeight: 600,
+                }, children: [displayIndex, "."] }), displayIcon && (_jsx("span", { style: { fontSize: '18px' }, children: displayIcon })), !displayIcon && hasImage && (_jsx("span", { style: { fontSize: '16px' }, children: "\uD83D\uDDBC\uFE0F" })), _jsx("span", { style: { color: 'var(--theme-elevation-900)' }, children: data.title }), data.linkText && (_jsx("span", { style: {
+                    fontSize: '11px',
+                    padding: '2px 6px',
+                    background: 'var(--theme-info-light)',
+                    color: 'var(--theme-info-dark)',
+                    borderRadius: '4px',
+                    fontWeight: 600,
+                }, children: data.linkText })), displayLink && !data.linkText && (_jsxs("span", { style: {
+                    color: 'var(--theme-elevation-600)',
+                    fontWeight: 400,
+                    fontSize: '12px',
+                    fontFamily: 'monospace',
+                }, children: ["\u2192 ", displayLink] })), descriptionPreview && (_jsx("span", { style: {
+                    color: 'var(--theme-elevation-500)',
+                    fontWeight: 400,
+                    fontSize: '13px',
+                    fontStyle: 'italic',
+                    maxWidth: '250px',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                }, children: descriptionPreview }))] }));
+};
+//# sourceMappingURL=CardRowLabel.js.map

package/dist/admin/components/CardRowLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardRowLabel.js","sourceRoot":"","sources":["../../../src/admin/components/CardRowLabel.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/ContentPreview.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Content Preview Component
+ *
+ * Live preview panel that renders page/post content using QwickApps React Framework
+ * Shows in the admin panel alongside the content editor
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+import './styles/ContentPreview.css';
+export declare const ContentPreview: React.FC;
+//# sourceMappingURL=ContentPreview.d.ts.map

package/dist/admin/components/ContentPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentPreview.d.ts","sourceRoot":"","sources":["../../../src/admin/components/ContentPreview.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAKH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,6BAA6B,CAAC;AAErC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAiIlC,CAAC"}