@qwickapps/react-framework 1.8.1 → 1.9.0

package/src/components/forms/FormField.tsx

@@ -40,6 +40,8 @@ export interface FormFieldProps extends ViewProps, SchemaProps<typeof FormFieldM
   endAdornment?: React.ReactNode;
   /** Additional input props */
   inputProps?: unknown;
+  /** Show error state styling */
+  error?: boolean;
 }
 
 /**
@@ -60,9 +62,11 @@ function FormFieldView({
   multiline = false,
   rows,
   placeholder,
+  name,
   startAdornment,
   endAdornment,
   inputProps,
+  error,
   // Exclude ViewProps that conflict with MUI FormControl types
   margin: _margin,
   marginTop: _marginTop,
@@ -128,6 +132,7 @@ function FormFieldView({
   return (
     <FormControl
       fullWidth={fullWidth}
+      error={error}
       {...restProps}
     >
       <InputLabel htmlFor={fieldId} sx={labelStyles} shrink>
@@ -136,6 +141,7 @@ function FormFieldView({
 
       <Input
         id={fieldId}
+        name={name}
         type={type}
         value={value}
         onChange={handleChange}

package/src/components/forms/FormSelect.tsx

@@ -38,6 +38,8 @@ export interface FormSelectProps extends ViewProps, SchemaProps<typeof FormSelec
   onChange: (value: string | number) => void;
   /** Options array (runtime prop, overrides schema) */
   options: FormSelectOption[];
+  /** Show error state styling */
+  error?: boolean;
 }
 
 /**
@@ -54,6 +56,8 @@ function FormSelectView({
   fullWidth = true,
   size = 'small',
   placeholder,
+  name,
+  error,
   // Exclude ViewProps that conflict with MUI FormControl types
   margin: _margin,
   marginTop: _marginTop,
@@ -99,6 +103,7 @@ function FormSelectView({
     <FormControl
       fullWidth={fullWidth}
       size={size}
+      error={error}
       {...restProps}
     >
       {label && (
@@ -108,6 +113,7 @@ function FormSelectView({
       )}
 
       <Select
+        name={name}
         value={value}
         onChange={handleChange}
         disabled={disabled}

package/src/schemas/FormFieldSchema.ts

@@ -135,6 +135,17 @@ export class FormFieldModel extends ViewSchema {
   @IsOptional()
   @IsString()
   placeholder?: string;
+
+  @Field()
+  @Editor({
+    field_type: FieldType.TEXT,
+    label: 'Name',
+    description: 'Name attribute for the input (for forms and accessibility)',
+    placeholder: 'Enter name...'
+  })
+  @IsOptional()
+  @IsString()
+  name?: string;
 }
 
 export default FormFieldModel;

package/src/schemas/FormSelectSchema.ts

@@ -103,6 +103,17 @@ export class FormSelectModel extends ViewSchema {
   @IsOptional()
   @IsString()
   placeholder?: string;
+
+  @Field()
+  @Editor({
+    field_type: FieldType.TEXT,
+    label: 'Name',
+    description: 'Name attribute for the select (for forms and accessibility)',
+    placeholder: 'Enter name...'
+  })
+  @IsOptional()
+  @IsString()
+  name?: string;
 }
 
 export default FormSelectModel;

package/dist/components/blocks/HeroSlideshow.d.ts

@@ -1,54 +0,0 @@
-/**
- * HeroSlideshow Component
- *
- * A slideshow built on top of HeroBlock that cycles through multiple slides
- * with auto-rotation, fade transitions, and progress dot navigation.
- *
- * Usage (props-driven, e.g. qwickdocs):
- *   <HeroSlideshow slides={[{ title: 'Slide 1', ... }, ...]} />
- *
- * Usage (CMS-driven, e.g. work-macha):
- *   const slideshow = await payload.findByID({ collection: 'hero-slideshows', id });
- *   <HeroSlideshow slides={slideshow.slides} autoPlayInterval={slideshow.autoPlayInterval} />
- *
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
- */
-import type { HeroBlockProps } from './HeroBlock';
-import type { ButtonProps } from '../buttons/Button';
-/**
- * A single slide - subset of HeroBlockProps that drives visual content
- */
-export interface HeroSlide {
-    /** Main headline text */
-    title: string;
-    /** Subtitle or description text */
-    subtitle?: string;
-    /** Background image URL */
-    backgroundImage?: string;
-    /** CSS gradient string, e.g. 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)' */
-    backgroundGradient?: string;
-    /** Theme color variant when no image/gradient set */
-    backgroundColor?: 'default' | 'primary' | 'secondary' | 'surface';
-    /** Call-to-action buttons */
-    actions?: ButtonProps[];
-    /** Overlay opacity when backgroundImage is set (0-1) */
-    overlayOpacity?: number;
-}
-export interface HeroSlideshowProps {
-    /** Array of slides to cycle through */
-    slides: HeroSlide[];
-    /** Auto-play interval in milliseconds. Default: 5000 */
-    autoPlayInterval?: number;
-    /** Show dot navigation. Default: true */
-    showDots?: boolean;
-    /** Height preset applied to all slides */
-    blockHeight?: HeroBlockProps['blockHeight'];
-    /** Text alignment applied to all slides */
-    textAlign?: HeroBlockProps['textAlign'];
-}
-/**
- * HeroSlideshow - Cycles through HeroBlock slides with fade transitions
- */
-export declare function HeroSlideshow({ slides, autoPlayInterval, showDots, blockHeight, textAlign, }: HeroSlideshowProps): import("react/jsx-runtime").JSX.Element | null;
-export default HeroSlideshow;
-//# sourceMappingURL=HeroSlideshow.d.ts.map

package/dist/components/blocks/HeroSlideshow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeroSlideshow.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/HeroSlideshow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAOH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oFAAoF;IACpF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qDAAqD;IACrD,eAAe,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAClE,6BAA6B;IAC7B,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,kBAAkB;IACjC,uCAAuC;IACvC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC5C,2CAA2C;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACzC;AAID;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,gBAAuB,EACvB,QAAe,EACf,WAAqB,EACrB,SAAoB,GACrB,EAAE,kBAAkB,kDAqFpB;AAED,eAAe,aAAa,CAAC"}