@qwickapps/react-framework 1.8.1 → 1.9.0

package/README.md

@@ -2,14 +2,11 @@
 
 A complete React framework for building modern, responsive applications with intelligent navigation, flexible layouts, and a comprehensive theming system.
 
-## What's New
+## What's New in v1.9.0
 
-### February 7, 2026 - E-Commerce ProductCard (v1.8.0)
-
-- **Unified ProductCard Component**: Complete e-commerce product card with integrated cart functionality
-- **Variant Support**: Built-in size, color, and material variant selection with availability indicators
-- **Cart Integration**: Native "Add to Cart" with quantity selectors and wishlist toggle
-- **Enhanced UX**: Sale pricing, stock status, ratings, and responsive design for all devices
+- **HeroSlideshow Component**: Full-featured hero slideshow with auto-play, navigation, and responsive design
+- **Form Validation**: FormField and FormSelect now accept `error` prop with Zod schema support
+- **Bug Fixes**: Html rendering and Logo display improvements
 
 See [CHANGELOG.md](./CHANGELOG.md) for full details.
 

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

@@ -11,7 +11,6 @@
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 export { default as HeroBlock } from './HeroBlock';
-export { default as HeroSlideshow } from './HeroSlideshow';
 export { default as Code } from './Code';
 export { default as Article } from './Article';
 export { default as Content } from './Content';
@@ -28,7 +27,6 @@ export { default as OptionSelector } from './OptionSelector';
 export { default as FeatureCard } from './FeatureCard';
 export { default as CardListGrid } from './CardListGrid';
 export type { HeroBlockProps } from './HeroBlock';
-export type { HeroSlideshowProps, HeroSlide } from './HeroSlideshow';
 export type { CodeProps } from './Code';
 export type { ArticleProps } from './Article';
 export type { ContentProps } from './Content';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACrE,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9E,YAAY,EAAE,gBAAgB,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AACtF,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClF,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC1E,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACtF,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9E,YAAY,EAAE,gBAAgB,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AACtF,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClF,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC1E,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACtF,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/forms/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEjG;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,WAAW,CAAC,OAAO,cAAc,CAAC;IACnF,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,oCAAoC;IACpC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACrF,yCAAyC;IACzC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA8HD;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,qBAAqB,CAAC,cAAc,CAK1D,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEjG;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,WAAW,CAAC,OAAO,cAAc,CAAC;IACnF,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,oCAAoC;IACpC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACrF,yCAAyC;IACzC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAgID;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,qBAAqB,CAAC,cAAc,CAK1D,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/components/forms/FormSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormSelect.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormSelect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAUH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEjG,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,WAAW,CAAC,OAAO,eAAe,CAAC;IACrF,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,qDAAqD;IACrD,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAgGD;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,qBAAqB,CAAC,eAAe,CAK5D,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FormSelect.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormSelect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAUH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEjG,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,WAAW,CAAC,OAAO,eAAe,CAAC;IACrF,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,qDAAqD;IACrD,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAkGD;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,qBAAqB,CAAC,eAAe,CAK5D,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/index.esm.js

@@ -18951,103 +18951,6 @@ function registerSerializableComponents() {
  */
 registerSerializableComponents();
 
-/**
- * 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.
- */
-const TRANSITION_DURATION = 300; // ms
-/**
- * HeroSlideshow - Cycles through HeroBlock slides with fade transitions
- */
-function HeroSlideshow({
-  slides,
-  autoPlayInterval = 5000,
-  showDots = true,
-  blockHeight = 'large',
-  textAlign = 'center'
-}) {
-  const [currentIndex, setCurrentIndex] = useState(0);
-  const [isVisible, setIsVisible] = useState(true);
-  const goToSlide = useCallback(index => {
-    if (index === currentIndex) return;
-    setIsVisible(false);
-    setTimeout(() => {
-      setCurrentIndex(index);
-      setIsVisible(true);
-    }, TRANSITION_DURATION);
-  }, [currentIndex]);
-  useEffect(() => {
-    if (slides.length <= 1 || autoPlayInterval <= 0) return;
-    const timer = setTimeout(() => {
-      goToSlide((currentIndex + 1) % slides.length);
-    }, autoPlayInterval);
-    return () => clearTimeout(timer);
-  }, [currentIndex, slides.length, autoPlayInterval, goToSlide]);
-  if (!slides.length) return null;
-  const slide = slides[currentIndex];
-  return jsxs(Box, {
-    sx: {
-      position: 'relative',
-      overflow: 'hidden'
-    },
-    children: [jsx(Box, {
-      sx: {
-        opacity: isVisible ? 1 : 0,
-        transition: `opacity ${TRANSITION_DURATION}ms ease-in-out`
-      },
-      children: jsx(HeroBlock, {
-        title: slide.title,
-        subtitle: slide.subtitle,
-        backgroundImage: slide.backgroundImage,
-        backgroundGradient: slide.backgroundGradient,
-        backgroundColor: slide.backgroundColor,
-        actions: slide.actions,
-        overlayOpacity: slide.overlayOpacity,
-        blockHeight: blockHeight,
-        textAlign: textAlign
-      })
-    }), showDots && slides.length > 1 && jsx(Box, {
-      sx: {
-        position: 'absolute',
-        bottom: 20,
-        left: '50%',
-        transform: 'translateX(-50%)',
-        display: 'flex',
-        gap: 1,
-        zIndex: 10
-      },
-      children: slides.map((_, index) => jsx(Box, {
-        role: "button",
-        "aria-label": `Go to slide ${index + 1}`,
-        onClick: () => goToSlide(index),
-        sx: {
-          width: index === currentIndex ? 28 : 8,
-          height: 8,
-          borderRadius: 4,
-          backgroundColor: 'rgba(255, 255, 255, 0.9)',
-          opacity: index === currentIndex ? 1 : 0.45,
-          cursor: 'pointer',
-          transition: 'all 0.3s ease',
-          '&:hover': {
-            opacity: 0.8
-          }
-        }
-      }, index))
-    })]
-  });
-}
-
 // View component - handles the actual rendering
 function ArticleView({
   html = '',
@@ -23318,6 +23221,7 @@ function FormFieldView({
   multiline = false,
   rows,
   placeholder,
+  name,
   startAdornment,
   endAdornment,
   inputProps,
@@ -23383,6 +23287,7 @@ function FormFieldView({
       children: label
     }), jsx(Input$5, {
       id: fieldId,
+      name: name,
       type: type,
       value: value,
       onChange: handleChange,
@@ -23432,6 +23337,7 @@ function FormSelectView({
   fullWidth = true,
   size = 'small',
   placeholder,
+  name,
   // Exclude ViewProps that conflict with MUI FormControl types
   margin: _margin,
   marginTop: _marginTop,
@@ -23481,6 +23387,7 @@ function FormSelectView({
       shrink: true,
       children: label
     }), jsxs(Select, {
+      name: name,
       value: value,
       onChange: handleChange,
       disabled: disabled,
@@ -31455,6 +31362,12 @@ __decorate([Field(), Editor({
   description: 'Placeholder text when no value is selected',
   placeholder: 'Select an option...'
 }), IsOptional(), IsString(), __metadata("design:type", String)], FormSelectModel.prototype, "placeholder", void 0);
+__decorate([Field(), Editor({
+  field_type: FieldType.TEXT,
+  label: 'Name',
+  description: 'Name attribute for the select (for forms and accessibility)',
+  placeholder: 'Enter name...'
+}), IsOptional(), IsString(), __metadata("design:type", String)], FormSelectModel.prototype, "name", void 0);
 FormSelectModel = __decorate([Schema('FormSelect', '1.0.0')], FormSelectModel);
 
 /**
@@ -31541,6 +31454,12 @@ __decorate([Field(), Editor({
   description: 'Placeholder text',
   placeholder: 'Enter text...'
 }), IsOptional(), IsString(), __metadata("design:type", String)], FormFieldModel.prototype, "placeholder", void 0);
+__decorate([Field(), Editor({
+  field_type: FieldType.TEXT,
+  label: 'Name',
+  description: 'Name attribute for the input (for forms and accessibility)',
+  placeholder: 'Enter name...'
+}), IsOptional(), IsString(), __metadata("design:type", String)], FormFieldModel.prototype, "name", void 0);
 FormFieldModel = __decorate([Schema('FormField', '1.0.0')], FormFieldModel);
 
 /**
@@ -33800,4 +33719,4 @@ __decorate([Field({
 }), IsOptional(), __metadata("design:type", Boolean)], PageTemplateSchema.prototype, "indexable", void 0);
 PageTemplateSchema = __decorate([Schema('PageTemplate', '1.0.0')], PageTemplateSchema);
 
-export { AVAILABLE_PALETTES, AccessibilityProvider, ActionModel, ActionType, AllPalettes, AppConfig, AppConfigBuilder, Article, ArticleModel, Breadcrumbs, Button, Captcha, CaptchaModel, CardListGrid, CardListGridModel, ChoiceInputField, ChoiceInputFieldModel, Code, CodeModel, CollapsibleLayout, CollapsibleLayoutView, ComponentTransformer$1 as ComponentTransformer, Container$8 as Container, Content, ContentModel, CoverImageHeader, CoverImageHeaderModel, DataProvider, DataProxy, DataTable, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, DimensionsProvider, ErrorBoundary, FeatureCard, FeatureCardActionModel, FeatureCardModel, FeatureGrid, FeatureGridModel, FeatureItemModel, Footer, FooterItemModel, FooterModel, FooterSectionModel, FormBlock, FormBlockModel, FormCheckbox, FormCheckboxModel, FormField, FormFieldModel, FormMethod, FormPage, FormSelect, FormSelectModel, GalleryImageModel, GridCell, GridCellModel, GridLayout, GridLayoutModel, HeaderActionModel, HeroBlock, HeroBlockModel, HeroSlideshow, Html, HtmlInputField, HtmlModel, Image, ImageGallery, ImageGalleryModel, ImageModel, Logo, Markdown, MarkdownModel, MetadataItemModel, ModelView, NavigationProvider, OptionSelector, OptionSelectorModel, Page, PageBannerHeader, PageBannerHeaderModel, PageTemplateSchema, PaletteAutumn, PaletteBoutique, PaletteCosmic, PaletteDefault, PaletteOcean, PaletteProvider, PaletteSpring, PaletteSwitcher, PaletteSwitcherModel, PaletteWinter, PrintConfigSchema, PrintModeProvider, ProductCard, ProductCardActionModel, ProductCardModel, ProductLogo, ProductModel, QWICKAPP_COMPONENT, QwickApp, QwickAppsLogo, QwickIcon, ResponsiveMenu, SafeSpan, SafeSpanModel, Scaffold, SchemaFormRenderer, Section, SectionModel, SelectInputField, SelectOptionModel, StatCard, SwitchInputField, T, Text$1 as Text, TextField, TextInputField, TextInputFieldModel, TextModel, ThemeProvider, ThemeSwitcher, ThemeSwitcherModel, ViewSchema, animationConfigs, applyCustomPalette, clearManifestCache, clearPaletteCache, clearUserPalettePreference, clearUserThemePreference, configurePaletteLoader, createAppConfig, createModelViewClass, createPaletteFromCurrentTheme, createSerializableView, defaultCollapsibleLayoutProps, deleteCustomPalette, exportPalette, extractTextFromReactNode, getAvailablePalettes, getCSSVariable, getComputedTheme, getCurrentPalette, getCurrentTheme, getCustomPalettes, getIconComponent, getIconEmoji, getLogger, getPaletteConfig, getPaletteFromManifest, getPaletteName, getRegisteredIcons, getSystemTheme, getThemePerformanceStats, hasIcon, iconMap, importPalette, initializePalette, initializeTheme, isCollapsibleLayoutProps, isPaletteLoaded, loadPalette, loadPaletteManifest, loadUserPalettePreference, loadUserThemePreference, logThemePerformanceStats, loggers, preloadPalettes, registerCustomPalette, registerIcon, resetThemePerformanceStats, resolveDimension, resolveDimensions, resolveSpacing, resolveSpacingProps, saveCustomPalette, savePalettePreference, saveThemePreference, saveUserPalettePreference, saveUserThemePreference, setCSSVariable, setPalette, setTheme, spacingConfigs, t, toCssLength, useAccessibility, useBaseProps, useBreadcrumbs, useCollapsibleState, useData, useDataBinding, useDataContext, useDataProvider, useDimensions, useNavigation, usePageContext, usePalette, usePrintMode$1 as usePrintMode, usePrintMode as usePrintModeHook, useQwickApp, useResolveTemplate, useTemplate, useTheme, withAccessibility, withErrorBoundary };
+export { AVAILABLE_PALETTES, AccessibilityProvider, ActionModel, ActionType, AllPalettes, AppConfig, AppConfigBuilder, Article, ArticleModel, Breadcrumbs, Button, Captcha, CaptchaModel, CardListGrid, CardListGridModel, ChoiceInputField, ChoiceInputFieldModel, Code, CodeModel, CollapsibleLayout, CollapsibleLayoutView, ComponentTransformer$1 as ComponentTransformer, Container$8 as Container, Content, ContentModel, CoverImageHeader, CoverImageHeaderModel, DataProvider, DataProxy, DataTable, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, DimensionsProvider, ErrorBoundary, FeatureCard, FeatureCardActionModel, FeatureCardModel, FeatureGrid, FeatureGridModel, FeatureItemModel, Footer, FooterItemModel, FooterModel, FooterSectionModel, FormBlock, FormBlockModel, FormCheckbox, FormCheckboxModel, FormField, FormFieldModel, FormMethod, FormPage, FormSelect, FormSelectModel, GalleryImageModel, GridCell, GridCellModel, GridLayout, GridLayoutModel, HeaderActionModel, HeroBlock, HeroBlockModel, Html, HtmlInputField, HtmlModel, Image, ImageGallery, ImageGalleryModel, ImageModel, Logo, Markdown, MarkdownModel, MetadataItemModel, ModelView, NavigationProvider, OptionSelector, OptionSelectorModel, Page, PageBannerHeader, PageBannerHeaderModel, PageTemplateSchema, PaletteAutumn, PaletteBoutique, PaletteCosmic, PaletteDefault, PaletteOcean, PaletteProvider, PaletteSpring, PaletteSwitcher, PaletteSwitcherModel, PaletteWinter, PrintConfigSchema, PrintModeProvider, ProductCard, ProductCardActionModel, ProductCardModel, ProductLogo, ProductModel, QWICKAPP_COMPONENT, QwickApp, QwickAppsLogo, QwickIcon, ResponsiveMenu, SafeSpan, SafeSpanModel, Scaffold, SchemaFormRenderer, Section, SectionModel, SelectInputField, SelectOptionModel, StatCard, SwitchInputField, T, Text$1 as Text, TextField, TextInputField, TextInputFieldModel, TextModel, ThemeProvider, ThemeSwitcher, ThemeSwitcherModel, ViewSchema, animationConfigs, applyCustomPalette, clearManifestCache, clearPaletteCache, clearUserPalettePreference, clearUserThemePreference, configurePaletteLoader, createAppConfig, createModelViewClass, createPaletteFromCurrentTheme, createSerializableView, defaultCollapsibleLayoutProps, deleteCustomPalette, exportPalette, extractTextFromReactNode, getAvailablePalettes, getCSSVariable, getComputedTheme, getCurrentPalette, getCurrentTheme, getCustomPalettes, getIconComponent, getIconEmoji, getLogger, getPaletteConfig, getPaletteFromManifest, getPaletteName, getRegisteredIcons, getSystemTheme, getThemePerformanceStats, hasIcon, iconMap, importPalette, initializePalette, initializeTheme, isCollapsibleLayoutProps, isPaletteLoaded, loadPalette, loadPaletteManifest, loadUserPalettePreference, loadUserThemePreference, logThemePerformanceStats, loggers, preloadPalettes, registerCustomPalette, registerIcon, resetThemePerformanceStats, resolveDimension, resolveDimensions, resolveSpacing, resolveSpacingProps, saveCustomPalette, savePalettePreference, saveThemePreference, saveUserPalettePreference, saveUserThemePreference, setCSSVariable, setPalette, setTheme, spacingConfigs, t, toCssLength, useAccessibility, useBaseProps, useBreadcrumbs, useCollapsibleState, useData, useDataBinding, useDataContext, useDataProvider, useDimensions, useNavigation, usePageContext, usePalette, usePrintMode$1 as usePrintMode, usePrintMode as usePrintModeHook, useQwickApp, useResolveTemplate, useTemplate, useTheme, withAccessibility, withErrorBoundary };

package/dist/index.js

@@ -18953,103 +18953,6 @@ function registerSerializableComponents() {
  */
 registerSerializableComponents();
 
-/**
- * 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.
- */
-const TRANSITION_DURATION = 300; // ms
-/**
- * HeroSlideshow - Cycles through HeroBlock slides with fade transitions
- */
-function HeroSlideshow({
-  slides,
-  autoPlayInterval = 5000,
-  showDots = true,
-  blockHeight = 'large',
-  textAlign = 'center'
-}) {
-  const [currentIndex, setCurrentIndex] = React.useState(0);
-  const [isVisible, setIsVisible] = React.useState(true);
-  const goToSlide = React.useCallback(index => {
-    if (index === currentIndex) return;
-    setIsVisible(false);
-    setTimeout(() => {
-      setCurrentIndex(index);
-      setIsVisible(true);
-    }, TRANSITION_DURATION);
-  }, [currentIndex]);
-  React.useEffect(() => {
-    if (slides.length <= 1 || autoPlayInterval <= 0) return;
-    const timer = setTimeout(() => {
-      goToSlide((currentIndex + 1) % slides.length);
-    }, autoPlayInterval);
-    return () => clearTimeout(timer);
-  }, [currentIndex, slides.length, autoPlayInterval, goToSlide]);
-  if (!slides.length) return null;
-  const slide = slides[currentIndex];
-  return jsxRuntime.jsxs(material.Box, {
-    sx: {
-      position: 'relative',
-      overflow: 'hidden'
-    },
-    children: [jsxRuntime.jsx(material.Box, {
-      sx: {
-        opacity: isVisible ? 1 : 0,
-        transition: `opacity ${TRANSITION_DURATION}ms ease-in-out`
-      },
-      children: jsxRuntime.jsx(HeroBlock, {
-        title: slide.title,
-        subtitle: slide.subtitle,
-        backgroundImage: slide.backgroundImage,
-        backgroundGradient: slide.backgroundGradient,
-        backgroundColor: slide.backgroundColor,
-        actions: slide.actions,
-        overlayOpacity: slide.overlayOpacity,
-        blockHeight: blockHeight,
-        textAlign: textAlign
-      })
-    }), showDots && slides.length > 1 && jsxRuntime.jsx(material.Box, {
-      sx: {
-        position: 'absolute',
-        bottom: 20,
-        left: '50%',
-        transform: 'translateX(-50%)',
-        display: 'flex',
-        gap: 1,
-        zIndex: 10
-      },
-      children: slides.map((_, index) => jsxRuntime.jsx(material.Box, {
-        role: "button",
-        "aria-label": `Go to slide ${index + 1}`,
-        onClick: () => goToSlide(index),
-        sx: {
-          width: index === currentIndex ? 28 : 8,
-          height: 8,
-          borderRadius: 4,
-          backgroundColor: 'rgba(255, 255, 255, 0.9)',
-          opacity: index === currentIndex ? 1 : 0.45,
-          cursor: 'pointer',
-          transition: 'all 0.3s ease',
-          '&:hover': {
-            opacity: 0.8
-          }
-        }
-      }, index))
-    })]
-  });
-}
-
 // View component - handles the actual rendering
 function ArticleView({
   html = '',
@@ -23320,6 +23223,7 @@ function FormFieldView({
   multiline = false,
   rows,
   placeholder,
+  name,
   startAdornment,
   endAdornment,
   inputProps,
@@ -23385,6 +23289,7 @@ function FormFieldView({
       children: label
     }), jsxRuntime.jsx(material.Input, {
       id: fieldId,
+      name: name,
       type: type,
       value: value,
       onChange: handleChange,
@@ -23434,6 +23339,7 @@ function FormSelectView({
   fullWidth = true,
   size = 'small',
   placeholder,
+  name,
   // Exclude ViewProps that conflict with MUI FormControl types
   margin: _margin,
   marginTop: _marginTop,
@@ -23483,6 +23389,7 @@ function FormSelectView({
       shrink: true,
       children: label
     }), jsxRuntime.jsxs(material.Select, {
+      name: name,
       value: value,
       onChange: handleChange,
       disabled: disabled,
@@ -31457,6 +31364,12 @@ __decorate([schema.Field(), schema.Editor({
   description: 'Placeholder text when no value is selected',
   placeholder: 'Select an option...'
 }), classValidator.IsOptional(), classValidator.IsString(), __metadata("design:type", String)], exports.FormSelectModel.prototype, "placeholder", void 0);
+__decorate([schema.Field(), schema.Editor({
+  field_type: schema.FieldType.TEXT,
+  label: 'Name',
+  description: 'Name attribute for the select (for forms and accessibility)',
+  placeholder: 'Enter name...'
+}), classValidator.IsOptional(), classValidator.IsString(), __metadata("design:type", String)], exports.FormSelectModel.prototype, "name", void 0);
 exports.FormSelectModel = __decorate([schema.Schema('FormSelect', '1.0.0')], exports.FormSelectModel);
 
 /**
@@ -31543,6 +31456,12 @@ __decorate([schema.Field(), schema.Editor({
   description: 'Placeholder text',
   placeholder: 'Enter text...'
 }), classValidator.IsOptional(), classValidator.IsString(), __metadata("design:type", String)], exports.FormFieldModel.prototype, "placeholder", void 0);
+__decorate([schema.Field(), schema.Editor({
+  field_type: schema.FieldType.TEXT,
+  label: 'Name',
+  description: 'Name attribute for the input (for forms and accessibility)',
+  placeholder: 'Enter name...'
+}), classValidator.IsOptional(), classValidator.IsString(), __metadata("design:type", String)], exports.FormFieldModel.prototype, "name", void 0);
 exports.FormFieldModel = __decorate([schema.Schema('FormField', '1.0.0')], exports.FormFieldModel);
 
 /**
@@ -33842,7 +33761,6 @@ exports.GalleryImageModel = GalleryImageModel;
 exports.GridCell = GridCell;
 exports.GridLayout = GridLayout;
 exports.HeroBlock = HeroBlock;
-exports.HeroSlideshow = HeroSlideshow;
 exports.Html = Html;
 exports.HtmlInputField = HtmlInputField;
 exports.Image = Image;

package/dist/palettes/palette-autumn.1.8.0.css

@@ -0,0 +1,174 @@
+/**
+ * Autumn Color Palette
+ * 
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ * 
+ * Warm oranges, golden yellows, and earthy browns - inspired by fall foliage
+ */
+
+/* ===== AUTUMN PALETTE - LIGHT THEME ===== */
+html[data-palette="autumn"]:not([data-theme="dark"]), 
+html[data-palette="autumn"][data-theme="light"] {
+  /* Primary palette - Burnt orange */
+  --palette-primary-main: #ea580c;
+  --palette-primary-light: #fb923c;
+  --palette-primary-dark: #c2410c;
+  --palette-on-primary: #ffffff;
+
+  /* Secondary palette - Rich amber */
+  --palette-secondary-main: #b45309;
+  --palette-secondary-light: #d97706;
+  --palette-secondary-dark: #92400e;
+  --palette-on-secondary: #ffffff;
+
+  /* Surface palette - Cream */
+  --palette-surface-main: #fffbeb;
+  --palette-surface-variant: #fef3c7;
+  --palette-surface-elevated: #ffffff;
+  --palette-on-surface: #451a03;
+
+  /* Background palette - Warm ivory */
+  --palette-background-main: #fefce8;
+  --palette-background-dark: #fef3c7;
+  --palette-background-overlay: rgba(254, 252, 232, 0.95);
+  --palette-on-background: #78350f;
+
+  /* Header background with transparency */
+  --palette-header-bg-start: rgba(254, 252, 232, 0.98);
+  --palette-header-bg-end: rgba(254, 252, 232, 0.95);
+  --palette-header-collapsed-bg-start: rgba(254, 252, 232, 0.99);
+  --palette-header-collapsed-bg-end: rgba(254, 252, 232, 0.96);
+  
+  /* Text palette - Rich brown */
+  --palette-text-primary: #451a03;
+  --palette-text-secondary: #78350f;
+  --palette-text-disabled: rgba(69, 26, 3, 0.38);
+  --palette-text-inverted: #ffffff;
+  
+  /* Border palette - Tan */
+  --palette-border-main: #d4d4aa;
+  --palette-border-light: rgba(69, 26, 3, 0.12);
+  --palette-border-lighter: rgba(69, 26, 3, 0.05);
+  --palette-border-medium: #a8a29e;
+  
+  /* Success palette - Forest green */
+  --palette-success-main: #16a34a;
+  --palette-success-light: #dcfce7;
+  --palette-success-dark: #14532d;
+  --palette-success-border: #bbf7d0;
+  
+  /* Error palette - Crimson */
+  --palette-error-main: #dc2626;
+  --palette-error-light: #fee2e2;
+  --palette-error-dark: #7f1d1d;
+  --palette-on-error: #ffffff;
+  --palette-error-border: #fecaca;
+
+  /* Warning palette - Amber */
+  --palette-warning-main: #f59e0b;
+  --palette-warning-light: #fef3c7;
+  --palette-warning-dark: #78350f;
+  --palette-on-warning: #000000;
+  --palette-warning-border: #fde68a;
+  
+  /* Info palette - Teal */
+  --palette-info-main: #0891b2;
+  --palette-info-light: #e6fffa;
+  --palette-info-dark: #164e63;
+  --palette-on-info: #ffffff;
+  --palette-info-border: #67e8f9;
+  
+  /* Accent palette - Deep crimson */
+  --palette-accent-main: #dc2626;
+  --palette-accent-light: #f87171;
+  --palette-accent-dark: #991b1b;
+  --palette-on-accent: #ffffff;
+
+  /* Control palette - Walnut */
+  --palette-control-main: #451a03;
+  --palette-control-light: #78350f;
+  --palette-control-text: #fef3c7;
+  --palette-control-border: #92400e;
+}
+
+/* ===== AUTUMN PALETTE - DARK THEME ===== */
+html[data-palette="autumn"][data-theme="dark"] {
+  /* Primary palette - Glowing ember */
+  --palette-primary-main: #fb923c;
+  --palette-primary-light: #fdba74;
+  --palette-primary-dark: #ea580c;
+  --palette-on-primary: #1c1917;
+
+  /* Secondary palette - Golden glow */
+  --palette-secondary-main: #fbbf24;
+  --palette-secondary-light: #fcd34d;
+  --palette-secondary-dark: #f59e0b;
+  --palette-on-secondary: #1c1917;
+
+  /* Surface palette - Dark wood */
+  --palette-surface-main: #231f1d;
+  --palette-surface-variant: #302a27;
+  --palette-surface-elevated: #44403c;
+  --palette-on-surface: #fef3c7;
+
+  /* Background palette - Deep earth */
+  --palette-background-main: #0a0807;
+  --palette-background-dark: #151210;
+  --palette-background-overlay: rgba(28, 25, 23, 0.95);
+  --palette-on-background: #d6d3d1;
+
+  /* Header background with transparency */
+  --palette-header-bg-start: rgba(10, 8, 7, 0.98);
+  --palette-header-bg-end: rgba(10, 8, 7, 0.95);
+  --palette-header-collapsed-bg-start: rgba(10, 8, 7, 0.99);
+  --palette-header-collapsed-bg-end: rgba(10, 8, 7, 0.96);
+  
+  /* Text palette - Warm light */
+  --palette-text-primary: #fef3c7;
+  --palette-text-secondary: #d6d3d1;
+  --palette-text-disabled: rgba(254, 243, 199, 0.38);
+  --palette-text-inverted: #0c0a09;
+  
+  /* Border palette - Copper */
+  --palette-border-main: #78716c;
+  --palette-border-light: rgba(254, 243, 199, 0.12);
+  --palette-border-lighter: rgba(254, 243, 199, 0.05);
+  --palette-border-medium: #57534e;
+  
+  /* Success palette - Pine */
+  --palette-success-main: #4ade80;
+  --palette-success-light: #14532d;
+  --palette-success-dark: #22c55e;
+  --palette-success-border: #166534;
+  
+  /* Error palette - Fire */
+  --palette-error-main: #f87171;
+  --palette-error-light: #7f1d1d;
+  --palette-error-dark: #ef4444;
+  --palette-error-border: #991b1b;
+  
+  /* Warning palette - Harvest gold */
+  --palette-warning-main: #eab308;
+  --palette-warning-light: #78350f;
+  --palette-warning-dark: #ca8a04;
+  --palette-warning-border: #a16207;
+  
+  /* Info palette - River teal */
+  --palette-info-main: #22d3ee;
+  --palette-info-light: #164e63;
+  --palette-info-dark: #06b6d4;
+  --palette-on-info: #0c0a09;
+  --palette-info-border: #0891b2;
+  
+  /* Accent palette - Harvest crimson */
+  --palette-accent-main: #b91c1c;
+  --palette-accent-light: #dc2626;
+  --palette-accent-dark: #7f1d1d;
+  --palette-on-accent: #fef3c7;
+
+  /* Control palette - Charcoal */
+  --palette-control-main: #292524;
+  --palette-control-light: #44403c;
+  --palette-control-text: #f5f5f4;
+  --palette-control-border: #57534e;
+}

package/dist/palettes/palette-autumn.1.8.0.min.css

@@ -0,0 +1 @@
+html[data-palette="autumn"]:not([data-theme="dark"]),html[data-palette="autumn"][data-theme="light"]{--palette-primary-main:#ea580c;--palette-primary-light:#fb923c;--palette-primary-dark:#c2410c;--palette-on-primary:#ffffff;--palette-secondary-main:#b45309;--palette-secondary-light:#d97706;--palette-secondary-dark:#92400e;--palette-on-secondary:#ffffff;--palette-surface-main:#fffbeb;--palette-surface-variant:#fef3c7;--palette-surface-elevated:#ffffff;--palette-on-surface:#451a03;--palette-background-main:#fefce8;--palette-background-dark:#fef3c7;--palette-background-overlay:rgba(254,252,232,0.95);--palette-on-background:#78350f;--palette-header-bg-start:rgba(254,252,232,0.98);--palette-header-bg-end:rgba(254,252,232,0.95);--palette-header-collapsed-bg-start:rgba(254,252,232,0.99);--palette-header-collapsed-bg-end:rgba(254,252,232,0.96);--palette-text-primary:#451a03;--palette-text-secondary:#78350f;--palette-text-disabled:rgba(69,26,3,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#d4d4aa;--palette-border-light:rgba(69,26,3,0.12);--palette-border-lighter:rgba(69,26,3,0.05);--palette-border-medium:#a8a29e;--palette-success-main:#16a34a;--palette-success-light:#dcfce7;--palette-success-dark:#14532d;--palette-success-border:#bbf7d0;--palette-error-main:#dc2626;--palette-error-light:#fee2e2;--palette-error-dark:#7f1d1d;--palette-on-error:#ffffff;--palette-error-border:#fecaca;--palette-warning-main:#f59e0b;--palette-warning-light:#fef3c7;--palette-warning-dark:#78350f;--palette-on-warning:#000000;--palette-warning-border:#fde68a;--palette-info-main:#0891b2;--palette-info-light:#e6fffa;--palette-info-dark:#164e63;--palette-on-info:#ffffff;--palette-info-border:#67e8f9;--palette-accent-main:#dc2626;--palette-accent-light:#f87171;--palette-accent-dark:#991b1b;--palette-on-accent:#ffffff;--palette-control-main:#451a03;--palette-control-light:#78350f;--palette-control-text:#fef3c7;--palette-control-border:#92400e}html[data-palette="autumn"][data-theme="dark"]{--palette-primary-main:#fb923c;--palette-primary-light:#fdba74;--palette-primary-dark:#ea580c;--palette-on-primary:#1c1917;--palette-secondary-main:#fbbf24;--palette-secondary-light:#fcd34d;--palette-secondary-dark:#f59e0b;--palette-on-secondary:#1c1917;--palette-surface-main:#231f1d;--palette-surface-variant:#302a27;--palette-surface-elevated:#44403c;--palette-on-surface:#fef3c7;--palette-background-main:#0a0807;--palette-background-dark:#151210;--palette-background-overlay:rgba(28,25,23,0.95);--palette-on-background:#d6d3d1;--palette-header-bg-start:rgba(10,8,7,0.98);--palette-header-bg-end:rgba(10,8,7,0.95);--palette-header-collapsed-bg-start:rgba(10,8,7,0.99);--palette-header-collapsed-bg-end:rgba(10,8,7,0.96);--palette-text-primary:#fef3c7;--palette-text-secondary:#d6d3d1;--palette-text-disabled:rgba(254,243,199,0.38);--palette-text-inverted:#0c0a09;--palette-border-main:#78716c;--palette-border-light:rgba(254,243,199,0.12);--palette-border-lighter:rgba(254,243,199,0.05);--palette-border-medium:#57534e;--palette-success-main:#4ade80;--palette-success-light:#14532d;--palette-success-dark:#22c55e;--palette-success-border:#166534;--palette-error-main:#f87171;--palette-error-light:#7f1d1d;--palette-error-dark:#ef4444;--palette-error-border:#991b1b;--palette-warning-main:#eab308;--palette-warning-light:#78350f;--palette-warning-dark:#ca8a04;--palette-warning-border:#a16207;--palette-info-main:#22d3ee;--palette-info-light:#164e63;--palette-info-dark:#06b6d4;--palette-on-info:#0c0a09;--palette-info-border:#0891b2;--palette-accent-main:#b91c1c;--palette-accent-light:#dc2626;--palette-accent-dark:#7f1d1d;--palette-on-accent:#fef3c7;--palette-control-main:#292524;--palette-control-light:#44403c;--palette-control-text:#f5f5f4;--palette-control-border:#57534e}