@qwickapps/react-framework 1.5.12 → 1.6.0

package/dist/palettes/manifest.json

@@ -1,6 +1,6 @@
 {
   "$schema": "./manifest.schema.json",
-  "version": "1.5.12",
+  "version": "1.6.0",
   "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.12",
-      "file": "palette-default.1.5.12.css",
+      "version": "1.6.0",
+      "file": "palette-default.1.6.0.css",
       "primaryColor": "#007bff",
       "inlined": true,
-      "fileMinified": "palette-default.1.5.12.min.css",
+      "fileMinified": "palette-default.1.6.0.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.12",
-      "file": "palette-autumn.1.5.12.css",
+      "version": "1.6.0",
+      "file": "palette-autumn.1.6.0.css",
       "primaryColor": "#ea580c",
       "inlined": false,
-      "fileMinified": "palette-autumn.1.5.12.min.css",
+      "fileMinified": "palette-autumn.1.6.0.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.12",
-      "file": "palette-cosmic.1.5.12.css",
+      "version": "1.6.0",
+      "file": "palette-cosmic.1.6.0.css",
       "primaryColor": "#8b5cf6",
       "inlined": false,
-      "fileMinified": "palette-cosmic.1.5.12.min.css",
+      "fileMinified": "palette-cosmic.1.6.0.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.12",
-      "file": "palette-ocean.1.5.12.css",
+      "version": "1.6.0",
+      "file": "palette-ocean.1.6.0.css",
       "primaryColor": "#0891b2",
       "inlined": false,
-      "fileMinified": "palette-ocean.1.5.12.min.css",
+      "fileMinified": "palette-ocean.1.6.0.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.12",
-      "file": "palette-spring.1.5.12.css",
+      "version": "1.6.0",
+      "file": "palette-spring.1.6.0.css",
       "primaryColor": "#16a34a",
       "inlined": false,
-      "fileMinified": "palette-spring.1.5.12.min.css",
+      "fileMinified": "palette-spring.1.6.0.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.12",
-      "file": "palette-winter.1.5.12.css",
+      "version": "1.6.0",
+      "file": "palette-winter.1.6.0.css",
       "primaryColor": "#0077be",
       "inlined": false,
-      "fileMinified": "palette-winter.1.5.12.min.css",
+      "fileMinified": "palette-winter.1.6.0.min.css",
       "fileLatest": "palette-winter.latest.css",
       "fileLatestMinified": "palette-winter.latest.min.css"
     }

package/dist/schemas/CaptchaSchema.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Schema for Captcha component - Universal CAPTCHA widget
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import 'reflect-metadata';
+import ViewSchema from './ViewSchema';
+export declare class CaptchaModel extends ViewSchema {
+    provider: 'recaptcha-v2' | 'recaptcha-v3' | 'hcaptcha' | 'turnstile';
+    siteKey: string;
+    theme?: 'light' | 'dark';
+    size?: 'normal' | 'compact' | 'invisible';
+    action?: string;
+}
+export default CaptchaModel;
+//# sourceMappingURL=CaptchaSchema.d.ts.map

package/dist/schemas/CaptchaSchema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaptchaSchema.d.ts","sourceRoot":"","sources":["../../src/schemas/CaptchaSchema.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,qBACa,YAAa,SAAQ,UAAU;IAQ1C,QAAQ,EAAG,cAAc,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;IAUtE,OAAO,EAAG,MAAM,CAAC;IAUjB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAUzB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;IAW1C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAe,YAAY,CAAC"}

package/dist/schemas/FormCheckboxSchema.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Schema for FormCheckbox component - Themed checkbox input
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import 'reflect-metadata';
+import ViewSchema from './ViewSchema';
+export declare class FormCheckboxModel extends ViewSchema {
+    label: string;
+    checked: boolean;
+    helperText?: string;
+    required?: boolean;
+    disabled?: boolean;
+}
+export default FormCheckboxModel;
+//# sourceMappingURL=FormCheckboxSchema.d.ts.map

package/dist/schemas/FormCheckboxSchema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckboxSchema.d.ts","sourceRoot":"","sources":["../../src/schemas/FormCheckboxSchema.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,qBACa,iBAAkB,SAAQ,UAAU;IAS/C,KAAK,EAAG,MAAM,CAAC;IASf,OAAO,EAAG,OAAO,CAAC;IAWlB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAUnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAe,iBAAiB,CAAC"}

package/dist/schemas/FormFieldSchema.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Schema for FormField component - Themed text/number input field
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import 'reflect-metadata';
+import ViewSchema from './ViewSchema';
+export declare class FormFieldModel extends ViewSchema {
+    label: string;
+    value: string | number;
+    type?: 'text' | 'number' | 'password' | 'email' | 'tel';
+    helperText?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    disabledColor?: string;
+    fullWidth?: boolean;
+    multiline?: boolean;
+    rows?: number;
+    placeholder?: string;
+}
+export default FormFieldModel;
+//# sourceMappingURL=FormFieldSchema.d.ts.map

package/dist/schemas/FormFieldSchema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldSchema.d.ts","sourceRoot":"","sources":["../../src/schemas/FormFieldSchema.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,qBACa,cAAe,SAAQ,UAAU;IAS5C,KAAK,EAAG,MAAM,CAAC;IAUf,KAAK,EAAG,MAAM,GAAG,MAAM,CAAC;IAUxB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IAWxD,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAUnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAUnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAWnB,aAAa,CAAC,EAAE,MAAM,CAAC;IAUvB,SAAS,CAAC,EAAE,OAAO,CAAC;IAUpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAYpB,IAAI,CAAC,EAAE,MAAM,CAAC;IAWd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAe,cAAc,CAAC"}

package/dist/schemas/FormSelectSchema.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Schema for FormSelect component - Themed dropdown select input
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import 'reflect-metadata';
+import ViewSchema from './ViewSchema';
+export declare class FormSelectModel extends ViewSchema {
+    label?: string;
+    value: string | number;
+    options: string;
+    helperText?: string;
+    required?: boolean;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    size?: 'small' | 'medium';
+    placeholder?: string;
+}
+export default FormSelectModel;
+//# sourceMappingURL=FormSelectSchema.d.ts.map

package/dist/schemas/FormSelectSchema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelectSchema.d.ts","sourceRoot":"","sources":["../../src/schemas/FormSelectSchema.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,qBACa,eAAgB,SAAQ,UAAU;IAU7C,KAAK,CAAC,EAAE,MAAM,CAAC;IAUf,KAAK,EAAG,MAAM,GAAG,MAAM,CAAC;IAUxB,OAAO,EAAG,MAAM,CAAC;IAWjB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAUnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAUnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAUpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAW1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAe,eAAe,CAAC"}

package/dist/schemas/ImageGallerySchema.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Schema for ImageGallery component - Image gallery with multiple view variants
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import 'reflect-metadata';
+import { ViewSchema } from './ViewSchema';
+export declare class GalleryImageModel {
+    url: string;
+    alt: string;
+    thumbnail?: string;
+}
+export type GalleryVariant = 'thumbnails' | 'carousel' | 'grid';
+export type ThumbnailPosition = 'left' | 'bottom' | 'right';
+export declare class ImageGalleryModel extends ViewSchema {
+    images: GalleryImageModel[];
+    productName: string;
+    variant?: GalleryVariant;
+    thumbnailPosition?: ThumbnailPosition;
+    aspectRatio?: string;
+    showZoom?: boolean;
+    maxImages?: number;
+    dataSource?: string;
+    bindingOptions?: Record<string, unknown>;
+}
+export default ImageGalleryModel;
+//# sourceMappingURL=ImageGallerySchema.d.ts.map

package/dist/schemas/ImageGallerySchema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGallerySchema.d.ts","sourceRoot":"","sources":["../../src/schemas/ImageGallerySchema.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,qBAAa,iBAAiB;IAG5B,GAAG,EAAG,MAAM,CAAC;IAIb,GAAG,EAAG,MAAM,CAAC;IAKb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAGhE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,qBACa,iBAAkB,SAAQ,UAAU;IAU/C,MAAM,EAAG,iBAAiB,EAAE,CAAC;IAU7B,WAAW,EAAG,MAAM,CAAC;IAkBrB,OAAO,CAAC,EAAE,cAAc,CAAC;IAkBzB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAWtC,WAAW,CAAC,EAAE,MAAM,CAAC;IAUrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAWnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAWnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED,eAAe,iBAAiB,CAAC"}

package/dist/schemas/OptionSelectorSchema.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Schema for OptionSelector component - Universal option selection with visual modes
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import 'reflect-metadata';
+import { ViewSchema } from './ViewSchema';
+export declare class SelectOptionModel {
+    id: string;
+    label: string;
+    available: boolean;
+    price?: number;
+    hexValue?: string;
+    imageUrl?: string;
+}
+export type DisplayMode = 'text' | 'color' | 'image';
+export type OptionVariant = 'buttons' | 'dropdown' | 'grid';
+export type OptionLayout = 'horizontal' | 'vertical' | 'wrap';
+export type VisualSize = 'small' | 'medium' | 'large';
+export declare class OptionSelectorModel extends ViewSchema {
+    options: SelectOptionModel[];
+    selectedOption?: string;
+    displayMode?: DisplayMode;
+    variant?: OptionVariant;
+    layout?: OptionLayout;
+    visualSize?: VisualSize;
+    showLabel?: boolean;
+    disabled?: boolean;
+    label?: string;
+    dataSource?: string;
+    bindingOptions?: Record<string, unknown>;
+}
+export default OptionSelectorModel;
+//# sourceMappingURL=OptionSelectorSchema.d.ts.map

package/dist/schemas/OptionSelectorSchema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionSelectorSchema.d.ts","sourceRoot":"","sources":["../../src/schemas/OptionSelectorSchema.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,qBAAa,iBAAiB;IAG5B,EAAE,EAAG,MAAM,CAAC;IAIZ,KAAK,EAAG,MAAM,CAAC;IAIf,SAAS,EAAG,OAAO,CAAC;IAKpB,KAAK,CAAC,EAAE,MAAM,CAAC;IAWf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAWlB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAGD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAGrD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAG5D,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAG9D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,qBACa,mBAAoB,SAAQ,UAAU;IAUjD,OAAO,EAAG,iBAAiB,EAAE,CAAC;IAW9B,cAAc,CAAC,EAAE,MAAM,CAAC;IAkBxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAkB1B,OAAO,CAAC,EAAE,aAAa,CAAC;IAkBxB,MAAM,CAAC,EAAE,YAAY,CAAC;IAkBtB,UAAU,CAAC,EAAE,UAAU,CAAC;IAUxB,SAAS,CAAC,EAAE,OAAO,CAAC;IAUpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAWnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAWf,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED,eAAe,mBAAmB,CAAC"}

package/dist/schemas/index.d.ts

@@ -23,6 +23,10 @@ export * from './FeatureGridSchema';
 export * from './FeatureItemSchema';
 export * from './FooterItemSchema';
 export * from './FormBlockSchema';
+export * from './FormSelectSchema';
+export * from './FormFieldSchema';
+export * from './FormCheckboxSchema';
+export * from './CaptchaSchema';
 export * from './FooterSchema';
 export * from './FooterSectionSchema';
 export * from './GridCellSchema';
@@ -36,6 +40,8 @@ export * from './MetadataItemSchema';
 export * from './PageBannerHeaderSchema';
 export * from './PaletteSwitcherSchema';
 export * from './ProductCardSchema';
+export * from './ImageGallerySchema';
+export * from './OptionSelectorSchema';
 export * from './SafeSpanSchema';
 export * from './SectionSchema';
 export * from './TextInputFieldSchema';

package/dist/schemas/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/schemas/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,YAAY,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,yBAAyB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AAGtC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/schemas/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,YAAY,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,yBAAyB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AAGtC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwickapps/react-framework",
-  "version": "1.5.12",
+  "version": "1.6.0",
   "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",

package/src/components/blocks/Article.tsx

@@ -75,7 +75,7 @@ function ArticleView({
       {...htmlProps}
       {...otherProps}
       {...styleProps}
-      {...{
+      sx={{
         // Modern article layout
         maxWidth: '900px',
         mx: 'auto',