@qwickapps/react-framework 1.5.8 → 1.5.9

package/dist/palettes/manifest.json

@@ -1,6 +1,6 @@
 {
   "$schema": "./manifest.schema.json",
-  "version": "1.5.8",
+  "version": "1.5.9",
   "palettes": [
     {
       "id": "default",
@@ -8,11 +8,11 @@
       "description": "Classic blue and neutral color scheme - the original QwickApps palette",
       "author": "QwickApps",
       "license": "PolyForm-Shield-1.0.0",
-      "version": "1.5.8",
-      "file": "palette-default.1.5.8.css",
+      "version": "1.5.9",
+      "file": "palette-default.1.5.9.css",
       "primaryColor": "#007bff",
       "inlined": true,
-      "fileMinified": "palette-default.1.5.8.min.css",
+      "fileMinified": "palette-default.1.5.9.min.css",
       "fileLatest": "palette-default.latest.css",
       "fileLatestMinified": "palette-default.latest.min.css"
     },
@@ -22,11 +22,11 @@
       "description": "Warm oranges, golden yellows, and earthy browns - inspired by fall foliage",
       "author": "QwickApps",
       "license": "PolyForm-Shield-1.0.0",
-      "version": "1.5.8",
-      "file": "palette-autumn.1.5.8.css",
+      "version": "1.5.9",
+      "file": "palette-autumn.1.5.9.css",
       "primaryColor": "#ea580c",
       "inlined": false,
-      "fileMinified": "palette-autumn.1.5.8.min.css",
+      "fileMinified": "palette-autumn.1.5.9.min.css",
       "fileLatest": "palette-autumn.latest.css",
       "fileLatestMinified": "palette-autumn.latest.min.css"
     },
@@ -36,11 +36,11 @@
       "description": "Modern purple gradient for creative and tech brands - inspired by cosmic nebulae",
       "author": "QwickApps",
       "license": "PolyForm-Shield-1.0.0",
-      "version": "1.5.8",
-      "file": "palette-cosmic.1.5.8.css",
+      "version": "1.5.9",
+      "file": "palette-cosmic.1.5.9.css",
       "primaryColor": "#8b5cf6",
       "inlined": false,
-      "fileMinified": "palette-cosmic.1.5.8.min.css",
+      "fileMinified": "palette-cosmic.1.5.9.min.css",
       "fileLatest": "palette-cosmic.latest.css",
       "fileLatestMinified": "palette-cosmic.latest.min.css"
     },
@@ -50,11 +50,11 @@
       "description": "Deep blues, aqua teals, and seafoam greens - inspired by ocean depths",
       "author": "QwickApps",
       "license": "PolyForm-Shield-1.0.0",
-      "version": "1.5.8",
-      "file": "palette-ocean.1.5.8.css",
+      "version": "1.5.9",
+      "file": "palette-ocean.1.5.9.css",
       "primaryColor": "#0891b2",
       "inlined": false,
-      "fileMinified": "palette-ocean.1.5.8.min.css",
+      "fileMinified": "palette-ocean.1.5.9.min.css",
       "fileLatest": "palette-ocean.latest.css",
       "fileLatestMinified": "palette-ocean.latest.min.css"
     },
@@ -64,11 +64,11 @@
       "description": "Fresh greens, soft pinks, and bright yellows - inspired by spring blooms",
       "author": "QwickApps",
       "license": "PolyForm-Shield-1.0.0",
-      "version": "1.5.8",
-      "file": "palette-spring.1.5.8.css",
+      "version": "1.5.9",
+      "file": "palette-spring.1.5.9.css",
       "primaryColor": "#16a34a",
       "inlined": false,
-      "fileMinified": "palette-spring.1.5.8.min.css",
+      "fileMinified": "palette-spring.1.5.9.min.css",
       "fileLatest": "palette-spring.latest.css",
       "fileLatestMinified": "palette-spring.latest.min.css"
     },
@@ -78,11 +78,11 @@
       "description": "Cool blues, icy whites, and frosty grays - inspired by winter landscapes",
       "author": "QwickApps",
       "license": "PolyForm-Shield-1.0.0",
-      "version": "1.5.8",
-      "file": "palette-winter.1.5.8.css",
+      "version": "1.5.9",
+      "file": "palette-winter.1.5.9.css",
       "primaryColor": "#0077be",
       "inlined": false,
-      "fileMinified": "palette-winter.1.5.8.min.css",
+      "fileMinified": "palette-winter.1.5.9.min.css",
       "fileLatest": "palette-winter.latest.css",
       "fileLatestMinified": "palette-winter.latest.min.css"
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwickapps/react-framework",
-  "version": "1.5.8",
+  "version": "1.5.9",
   "description": "Complete React framework with responsive navigation, flexible layouts, theming system, and reusable components for building modern applications.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -11,13 +11,15 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
       "require": "./dist/index.js",
-      "import": "./dist/index.esm.js"
+      "default": "./dist/index.js"
     },
     "./config": {
       "types": "./dist/config.d.ts",
+      "import": "./dist/config.esm.js",
       "require": "./dist/config.js",
-      "import": "./dist/config.esm.js"
+      "default": "./dist/config.js"
     },
     "./dist/index.css": "./dist/index.css",
     "./index.css": "./dist/index.css"
@@ -129,7 +131,7 @@
     "ts-jest": "^29.4.1",
     "ts-loader": "^9.5.2",
     "typescript": "^5.9.2",
-    "vite": "^7.0.6"
+    "vite": "^6.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Markdown.tsx

@@ -227,7 +227,7 @@ export class Markdown extends ModelView<MarkdownProps> {
   }
 
   // Transform div with markdown-content class to Markdown component
-  private static transformMarkdownDiv(element: Element): unknown {
+  private static transformMarkdownDiv(element: Element): Record<string, unknown> {
     const sanitize = element.getAttribute('data-sanitize') !== 'false';
     const placeholder = element.getAttribute('data-placeholder');
     
@@ -242,7 +242,7 @@ export class Markdown extends ModelView<MarkdownProps> {
   }
 
   // Transform elements with data-markdown attribute to Markdown component
-  private static transformDataMarkdown(element: Element): unknown {
+  private static transformDataMarkdown(element: Element): Record<string, unknown> {
     const markdownContent = element.getAttribute('data-markdown') || element.textContent;
     const sanitize = element.getAttribute('data-sanitize') !== 'false';
     const placeholder = element.getAttribute('data-placeholder');

package/src/components/SafeSpan.tsx

@@ -135,7 +135,7 @@ export class SafeSpan extends ModelView<SafeSpanProps> {
   }
 
   // Transform span elements to SafeSpan component
-  private static transformSafeSpan(element: Element): unknown {
+  private static transformSafeSpan(element: Element): Record<string, unknown> {
     const placeholder = element.getAttribute('data-placeholder');
     
     return {

package/src/components/blocks/Article.tsx

@@ -371,7 +371,7 @@ export class Article extends ModelView<ArticleProps> {
   }
 
   // Transform article elements to Article component
-  private static transformArticle(element: Element): unknown {
+  private static transformArticle(element: Element): Record<string, unknown> {
     const skipHeader = element.getAttribute('data-skip-header') === 'true';
     
     return {

package/src/components/blocks/Image.tsx

@@ -246,7 +246,7 @@ interface PatternRegistry {
 };
 
 // Transform img elements to Image component
-function transformImage(element: Element): unknown {
+function transformImage(element: Element): Record<string, unknown> {
   const src = element.getAttribute('src') || '';
   const alt = element.getAttribute('alt') || '';
   const width = element.getAttribute('width');
@@ -266,7 +266,7 @@ function transformImage(element: Element): unknown {
 }
 
 // Transform figure > img elements to Image component with caption support
-function transformFigureImage(element: Element): unknown {
+function transformFigureImage(element: Element): Record<string, unknown> {
   const figure = element.closest('figure');
   const figcaption = figure?.querySelector('figcaption');
   const caption = figcaption?.textContent || '';

package/src/components/blocks/Section.tsx

@@ -172,17 +172,17 @@ interface PatternRegistry {
 
   // Register section element pattern
   if (typedRegistry.hasPattern && !typedRegistry.hasPattern('section')) {
-    typedRegistry.registerPattern?.('section', (Section as unknown as { transformSection: (element: Element) => unknown }).transformSection);
+    typedRegistry.registerPattern?.('section', (Section as unknown as { transformSection: (element: Element) => Record<string, unknown> }).transformSection);
   }
 
   // Register section with specific classes
   if (typedRegistry.hasPattern && !typedRegistry.hasPattern('section.blog-section')) {
-    typedRegistry.registerPattern?.('section.blog-section', (Section as unknown as { transformBlogSection: (element: Element) => unknown }).transformBlogSection);
+    typedRegistry.registerPattern?.('section.blog-section', (Section as unknown as { transformBlogSection: (element: Element) => Record<string, unknown> }).transformBlogSection);
   }
 };
 
 // Transform generic section elements to Section component
-(Section as unknown as { transformSection: (element: Element) => unknown }).transformSection = (element: Element): unknown => {
+(Section as unknown as { transformSection: (element: Element) => Record<string, unknown> }).transformSection = (element: Element): Record<string, unknown> => {
   const padding = element.getAttribute('data-padding') || 'medium';
   const background = element.getAttribute('data-background');
   const contentMaxWidth = element.getAttribute('data-max-width') || 'lg';
@@ -200,7 +200,7 @@ interface PatternRegistry {
 };
 
 // Transform blog section elements to Section component with specific styling
-(Section as unknown as { transformBlogSection: (element: Element) => unknown }).transformBlogSection = (element: Element): unknown => {
+(Section as unknown as { transformBlogSection: (element: Element) => Record<string, unknown> }).transformBlogSection = (element: Element): Record<string, unknown> => {
   const padding = element.getAttribute('data-padding') || 'large';
   const background = element.getAttribute('data-background') || 'var(--theme-surface)';
 

package/src/components/blocks/Text.tsx

@@ -123,15 +123,15 @@ export const Text: SerializableComponent<TextProps> = createSerializableView<Tex
 // Type for pattern registry with basic methods
 interface PatternRegistry {
   hasPattern(pattern: string): boolean;
-  registerPattern(pattern: string, handler: (element: Element) => unknown): void;
+  registerPattern(pattern: string, handler: (element: Element) => Record<string, unknown>): void;
 }
 
 // Type for Text component with pattern handlers
 interface TextComponentWithPatterns {
   registerPatternHandlers: (registry: PatternRegistry) => void;
-  transformParagraph: (element: Element) => unknown;
-  transformHeading: (element: Element, tagName: string) => unknown;
-  transformSpan: (element: Element) => unknown;
+  transformParagraph: (element: Element) => Record<string, unknown>;
+  transformHeading: (element: Element, tagName: string) => Record<string, unknown>;
+  transformSpan: (element: Element) => Record<string, unknown>;
 }
 
 // Register HTML patterns that Text component can handle
@@ -160,7 +160,7 @@ interface TextComponentWithPatterns {
 };
 
 // Transform paragraph elements to Text component
-(Text as unknown as TextComponentWithPatterns).transformParagraph = (element: Element): unknown => {
+(Text as unknown as TextComponentWithPatterns).transformParagraph = (element: Element): Record<string, unknown> => {
   return {
     tagName: 'Text',
     version: '1.0.0',
@@ -173,7 +173,7 @@ interface TextComponentWithPatterns {
 };
 
 // Transform heading elements to Text component
-(Text as unknown as TextComponentWithPatterns).transformHeading = (element: Element, tagName: string): unknown => {
+(Text as unknown as TextComponentWithPatterns).transformHeading = (element: Element, tagName: string): Record<string, unknown> => {
   const variantMap: { [key: string]: string } = {
     'h1': 'h1',
     'h2': 'h2',
@@ -195,7 +195,7 @@ interface TextComponentWithPatterns {
 };
 
 // Transform span elements to Text component
-(Text as unknown as TextComponentWithPatterns).transformSpan = (element: Element): unknown => {
+(Text as unknown as TextComponentWithPatterns).transformSpan = (element: Element): Record<string, unknown> => {
   return {
     tagName: 'Text',
     version: '1.0.0',

package/src/components/buttons/Button.tsx

@@ -330,7 +330,7 @@ export const Button: SerializableComponent<ButtonProps> = createSerializableView
 };
 
 // Transform button elements to Button component
-function transformButton(element: Element): unknown {
+function transformButton(element: Element): Record<string, unknown> {
   const variant = element.getAttribute('data-variant') || 
                  (element.className.includes('btn-primary') ? 'primary' : 
                   element.className.includes('btn-outlined') ? 'outlined' : 'secondary');
@@ -351,7 +351,7 @@ function transformButton(element: Element): unknown {
 }
 
 // Transform input type="button" elements to Button component
-function transformInputButton(element: Element): unknown {
+function transformInputButton(element: Element): Record<string, unknown> {
   const disabled = element.hasAttribute('disabled');
   const value = element.getAttribute('value') || 'Button';
 
@@ -366,7 +366,7 @@ function transformInputButton(element: Element): unknown {
 }
 
 // Transform input type="submit" elements to Button component
-function transformSubmitButton(element: Element): unknown {
+function transformSubmitButton(element: Element): Record<string, unknown> {
   const disabled = element.hasAttribute('disabled');
   const value = element.getAttribute('value') || 'Submit';