@qwickapps/react-framework 1.4.7 → 1.4.9

package/dist/index.js

@@ -1545,7 +1545,7 @@ const ThemeProvider = ({
     const backgroundMain = getCSSCustomProperty('--theme-background') || (isDark ? '#121212' : '#ffffff');
     const surfaceMain = getCSSCustomProperty('--theme-surface') || (isDark ? '#1e1e1e' : '#ffffff');
     const textPrimary = getCSSCustomProperty('--theme-text-primary') || (isDark ? '#ffffff' : '#000000');
-    const textSecondary = getCSSCustomProperty('--theme-text-secondary') || (isDark ? '#000000' : '#ffffff');
+    const textSecondary = getCSSCustomProperty('--theme-text-secondary') || (isDark ? 'rgba(255, 255, 255, 0.7)' : 'rgba(0, 0, 0, 0.6)');
     const textDisabled = getCSSCustomProperty('--theme-on-disabled') || (isDark ? 'rgba(255, 255, 255, 0.38)' : 'rgba(0, 0, 0, 0.38)');
     return styles.createTheme({
       palette: {
@@ -2650,11 +2650,64 @@ Code.transformCodeHighlight = element => {
   };
 };
 
+/**
+ * Icon name to Material-UI icon component mapping
+ * Used by finalize function to transform icon string names to React components
+ */
+const iconRegistry = {
+  home: iconsMaterial.Home,
+  download: iconsMaterial.Download,
+  clouddownload: iconsMaterial.CloudDownload,
+  cloudupload: iconsMaterial.CloudUpload,
+  settings: iconsMaterial.Settings,
+  dashboard: iconsMaterial.Dashboard,
+  info: iconsMaterial.Info,
+  help: iconsMaterial.Help,
+  add: iconsMaterial.Add,
+  edit: iconsMaterial.Edit,
+  delete: iconsMaterial.Delete,
+  check: iconsMaterial.Check,
+  close: iconsMaterial.Close,
+  arrowforward: iconsMaterial.ArrowForward,
+  arrowback: iconsMaterial.ArrowBack,
+  menu: iconsMaterial.Menu,
+  search: iconsMaterial.Search,
+  favorite: iconsMaterial.Favorite,
+  star: iconsMaterial.Star,
+  share: iconsMaterial.Share,
+  save: iconsMaterial.Save,
+  send: iconsMaterial.Send,
+  email: iconsMaterial.Email,
+  phone: iconsMaterial.Phone,
+  person: iconsMaterial.Person,
+  group: iconsMaterial.Group,
+  business: iconsMaterial.Business,
+  shoppingcart: iconsMaterial.ShoppingCart,
+  attachmoney: iconsMaterial.AttachMoney,
+  lock: iconsMaterial.Lock,
+  lockopen: iconsMaterial.LockOpen,
+  visibility: iconsMaterial.Visibility,
+  visibilityoff: iconsMaterial.VisibilityOff
+};
+/**
+ * Get icon component from icon name string
+ * Exported for use by other components (Scaffold, ResponsiveMenu, etc.)
+ */
+function getIconComponent(iconName) {
+  if (!iconName) return null;
+  const IconComponent = iconRegistry[iconName.toLowerCase()];
+  if (!IconComponent) {
+    console.warn(`[Button] Icon "${iconName}" not found in registry`);
+    return null;
+  }
+  return jsxRuntime.jsx(IconComponent, {});
+}
 // View component - handles the actual rendering
 const ButtonView = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     label,
     variant = 'primary',
+    color,
     buttonSize = 'medium',
     icon,
     endIcon,
@@ -2685,8 +2738,13 @@ const ButtonView = /*#__PURE__*/React.forwardRef((props, ref) => {
         return 'contained';
     }
   };
-  // Map our variants to MUI colors
-  const getMuiColor = () => {
+  // Get theme color name - prioritize explicit color prop over variant-derived color
+  const getThemeColorName = () => {
+    // If color prop is explicitly provided, use it
+    if (color) {
+      return color;
+    }
+    // Otherwise derive from variant
     switch (variant) {
       case 'primary':
         return 'primary';
@@ -2702,6 +2760,50 @@ const ButtonView = /*#__PURE__*/React.forwardRef((props, ref) => {
         return 'primary';
     }
   };
+  // Get CSS theme variable styles based on variant and color
+  const getColorStyles = () => {
+    const muiVariant = getMuiVariant();
+    const colorName = getThemeColorName();
+    // For contained buttons: use solid background
+    if (muiVariant === 'contained') {
+      return {
+        backgroundColor: `var(--theme-${colorName})`,
+        color: `var(--theme-on-${colorName})`,
+        '&:hover': {
+          backgroundColor: `var(--theme-${colorName}-dark)`
+        },
+        '&.Mui-disabled': {
+          backgroundColor: 'var(--theme-text-disabled)',
+          color: 'var(--theme-on-surface)'
+        }
+      };
+    }
+    // For outlined buttons: border and text color
+    if (muiVariant === 'outlined') {
+      return {
+        borderColor: `var(--theme-${colorName})`,
+        color: `var(--theme-${colorName})`,
+        '&:hover': {
+          borderColor: `var(--theme-${colorName}-dark)`,
+          backgroundColor: `var(--theme-${colorName}-light)`
+        },
+        '&.Mui-disabled': {
+          borderColor: 'var(--theme-border-main)',
+          color: 'var(--theme-text-disabled)'
+        }
+      };
+    }
+    // For text buttons: just text color
+    return {
+      color: `var(--theme-${colorName})`,
+      '&:hover': {
+        backgroundColor: `var(--theme-${colorName}-light)`
+      },
+      '&.Mui-disabled': {
+        color: 'var(--theme-text-disabled)'
+      }
+    };
+  };
   // Handle action serialization pattern for onClick
   const handleActionClick = React.useCallback(event => {
     if (action) {
@@ -2758,12 +2860,13 @@ const ButtonView = /*#__PURE__*/React.forwardRef((props, ref) => {
   // Base button props
   const baseProps = {
     variant: getMuiVariant(),
-    color: getMuiColor(),
     size: buttonSize,
     disabled: disabled || loading,
     fullWidth,
     ...restProps,
     sx: {
+      // Apply CSS theme variable colors
+      ...getColorStyles(),
       // Ensure consistent text transform
       textTransform: 'none',
       // Loading state adjustments
@@ -2772,6 +2875,7 @@ const ButtonView = /*#__PURE__*/React.forwardRef((props, ref) => {
           marginRight: 1
         }
       }),
+      // Merge user-provided sx prop last to allow overrides
       ...(restProps.sx || {})
     },
     startIcon: loading ? jsxRuntime.jsx(material.CircularProgress, {
@@ -2814,8 +2918,27 @@ const Button = createSerializableView({
   tagName: 'Button',
   version: '1.0.0',
   role: 'view',
-  View: ButtonView
+  View: ButtonView,
   // Button component uses default react-children strategy for potential child content
+  finalize: props => {
+    // Transform icon string names to React icon components
+    const transformedProps = {
+      ...props
+    };
+    if (typeof props.icon === 'string') {
+      const iconComponent = getIconComponent(props.icon);
+      if (iconComponent) {
+        transformedProps.icon = iconComponent;
+      }
+    }
+    if (typeof props.endIcon === 'string') {
+      const endIconComponent = getIconComponent(props.endIcon);
+      if (endIconComponent) {
+        transformedProps.endIcon = endIconComponent;
+      }
+    }
+    return transformedProps;
+  }
 });
 // Register HTML patterns that Button component can handle
 Button.registerPatternHandlers = registry => {
@@ -3548,7 +3671,8 @@ Text$1.registerPatternHandlers = registry => {
 Text$1.transformParagraph = element => {
   return {
     tagName: 'Text',
-    props: {
+    version: '1.0.0',
+    data: {
       variant: 'body1',
       component: 'p',
       content: element.textContent || ''
@@ -3567,7 +3691,8 @@ Text$1.transformHeading = (element, tagName) => {
   };
   return {
     tagName: 'Text',
-    props: {
+    version: '1.0.0',
+    data: {
       variant: variantMap[tagName] || 'h4',
       component: tagName,
       content: element.textContent || ''
@@ -3578,7 +3703,8 @@ Text$1.transformHeading = (element, tagName) => {
 Text$1.transformSpan = element => {
   return {
     tagName: 'Text',
-    props: {
+    version: '1.0.0',
+    data: {
       variant: 'body2',
       component: 'span',
       content: element.textContent || ''
@@ -3856,7 +3982,7 @@ __decorate([schema.Field(), schema.Editor({
   field_type: schema.FieldType.TEXTAREA,
   label: 'Click Handler',
   description: 'JavaScript function for click events',
-  placeholder: 'function(event) { console.log("clicked"); }'
+  placeholder: 'function(event) { console.debug("clicked"); }'
 }), classValidator.IsOptional(), classValidator.IsString(), __metadata("design:type", Function)], exports.ViewSchema.prototype, "onClick", void 0);
 __decorate([schema.Field(), schema.Editor({
   field_type: schema.FieldType.TEXTAREA,
@@ -4524,7 +4650,7 @@ function CoverImageHeader(props) {
   const convertedActions = modelActions ? modelActions.filter(action => typeof action.id === 'string' && !!action.id).map(action => ({
     ...action,
     id: action.id,
-    onClick: () => console.log(`Action clicked: ${action.id}`) // Default handler for data-driven actions
+    onClick: () => console.debug(`Action clicked: ${action.id}`) // Default handler for data-driven actions
   })) : [];
   return jsxRuntime.jsx(CoverImageHeaderView, {
     ...viewProps,
@@ -5081,6 +5207,11 @@ function LogoView({
     // If image is a React node, render it directly
     return jsxRuntime.jsx("div", {
       className: "logo-image-container",
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
       children: image
     });
   };
@@ -5094,7 +5225,8 @@ function LogoView({
       xmlns: "http://www.w3.org/2000/svg",
       className: `logo-svg dynamic-logo ${sizeClass} ${variantClass}`.trim(),
       style: {
-        height: `${height}px`
+        height: `${height}px`,
+        ...style
       },
       role: "img",
       "aria-label": ariaLabel,
@@ -5204,7 +5336,6 @@ function Logo(props) {
   }
   // Show error state
   if (error) {
-    console.error('Error loading logo:', error);
     return jsxRuntime.jsxs("div", {
       style: {
         color: 'red',
@@ -5214,7 +5345,6 @@ function Logo(props) {
       children: ["Error loading logo: ", error.message]
     });
   }
-  console.log('Resolved props for Logo:', logoProps);
   return jsxRuntime.jsx(LogoView, {
     ...logoProps
   });
@@ -16526,7 +16656,6 @@ function SafeSpanWithDataBinding(props) {
       });
     }
   }
-  console.log('Resolved props for SafeSpan:', safeSpanProps);
   return jsxRuntime.jsx(SafeSpanView, {
     ...safeSpanProps
   });
@@ -17444,7 +17573,6 @@ class Html extends ModelView {
     if (version !== Html.version) {
       console.warn(`Version mismatch: Expected ${Html.version} but got ${version}`);
     }
-    console.log(`TEST: Creating ${tagName} - ${version} from JSON:`, jsonData);
     const {
       children,
       ...props
@@ -17613,7 +17741,6 @@ class ReactNodeTransformer {
     // Handle React elements
     if (/*#__PURE__*/React.isValidElement(node)) {
       const element = node;
-      console.log(`TEST: isValidElement:`, element);
       const comp = element.type;
       const rawName = typeof comp === 'string' ? comp : comp?.render?.name || comp?.name || comp?.muiName || comp?.displayName || 'Anonymous';
       // Normalize wrapper names like ForwardRef(Typography), Styled(Typography)
@@ -17726,7 +17853,6 @@ class ReactNodeTransformer {
       // Handle HTML elements
       if (typeof elementType === 'string') {
         const deserializedProps = ReactNodeTransformer.deserializeProps(props);
-        console.log(`TEST: Create Element:`, elementType, deserializedProps);
         return /*#__PURE__*/React.createElement(elementType, {
           key,
           ...deserializedProps
@@ -17853,7 +17979,6 @@ class ComponentTransformer {
     if (componentRegistry.has(tagName)) {
       console.warn(`Component '${tagName}' is already registered. Overwriting existing registration.`);
     }
-    console.log(`TEST: Registering component: ${tagName} (version ${version})`);
     componentRegistry.set(tagName, componentClass);
     // Register HTML patterns if component supports them
     if (typeof componentClass.registerPatternHandlers === 'function') {
@@ -17967,13 +18092,9 @@ class ComponentTransformer {
       if (typeof componentType === 'function') {
         const tagName = ComponentTransformer.findTagNameForComponent(componentType);
         if (tagName) {
-          console.log(`TEST: Serializing component instance of ${tagName}:`, element.props);
           const componentClass = componentRegistry.get(tagName);
           let serializedData = null;
-          console.log(`TEST: Element type:`, typeof element.toJson);
-          console.log(`TEST: Component type:`, typeof componentClass.toJson);
           if (typeof componentClass.toJson === 'function') {
-            console.log(`TEST: Serializing via component toJson method ${tagName}:`, element.props);
             serializedData = componentClass.toJson(element.props);
           }
           if (serializedData !== null) {
@@ -17985,7 +18106,6 @@ class ComponentTransformer {
               ...key,
               ...serializedData
             };
-            console.log(`TEST: Serialized component ${tagName}:`, result);
             return result;
           }
         } else if (strictMode) {
@@ -18003,8 +18123,6 @@ class ComponentTransformer {
       version: FALLBACK_VERSION,
       data: ReactNodeTransformer.serialize(node)
     };
-    console.log(`TEST: Serialized unregistered node as ${FALLBACK_TAG}:`, result, node);
-    console.log(`TEST: Component Registry:`, componentRegistry);
     return result;
   }
   /**
@@ -18268,11 +18386,13 @@ function ArticleView({
     // Ensure proper width constraints for article content
     maxWidth: '800px',
     mx: 'auto',
+    p: 3,
     // Header styling when headers are present
     '& h1, & h2, & h3, & h4, & h5, & h6': {
       maxWidth: '100%',
-      mb: 1.5,
-      mt: 2,
+      mb: 2,
+      mt: 3,
+      color: 'var(--theme-text-primary)',
       '&:first-of-type': {
         mt: 0
       }
@@ -18292,15 +18412,85 @@ function ArticleView({
       fontWeight: 600,
       lineHeight: 1.4
     },
+    '& h4': {
+      fontSize: '1.25rem',
+      fontWeight: 600,
+      lineHeight: 1.4,
+      mt: 2.5,
+      mb: 1.5
+    },
     // Ensure paragraphs have proper spacing
     '& p': {
-      mb: 1.5,
-      lineHeight: 1.6
+      mb: 2,
+      lineHeight: 1.8,
+      fontSize: '1.1rem',
+      color: 'var(--theme-text-primary)'
     },
     // Ensure lists have proper spacing
     '& ul, & ol': {
-      mb: 1.5,
-      pl: 3
+      mb: 2.5,
+      pl: 4,
+      '& li': {
+        mb: 1,
+        lineHeight: 1.8,
+        fontSize: '1.05rem',
+        color: 'var(--theme-text-primary)'
+      }
+    },
+    // Blockquote styling
+    '& blockquote': {
+      borderLeft: '4px solid var(--theme-primary)',
+      pl: 3,
+      pr: 2,
+      py: 2,
+      my: 3,
+      ml: 0,
+      mr: 0,
+      background: 'var(--theme-surface)',
+      borderRadius: '8px',
+      '& p': {
+        fontSize: '1.15rem',
+        fontStyle: 'italic',
+        lineHeight: 1.7,
+        mb: 1,
+        color: 'var(--theme-text-primary)'
+      },
+      '& cite': {
+        display: 'block',
+        fontSize: '0.95rem',
+        fontStyle: 'normal',
+        fontWeight: 600,
+        color: 'var(--theme-text-secondary)',
+        mt: 1
+      }
+    },
+    // Strong/bold text
+    '& strong': {
+      fontWeight: 600,
+      color: 'var(--theme-text-primary)'
+    },
+    // Emphasis/italic text
+    '& em': {
+      fontStyle: 'italic',
+      color: 'var(--theme-text-primary)'
+    },
+    // Links
+    '& a': {
+      color: 'var(--theme-primary)',
+      textDecoration: 'none',
+      fontWeight: 500,
+      '&:hover': {
+        textDecoration: 'underline'
+      }
+    },
+    // Images and figures
+    '& figure': {
+      margin: '2rem 0',
+      '& img': {
+        maxWidth: '100%',
+        height: 'auto',
+        borderRadius: '8px'
+      }
     },
     ...styleProps.sx,
     children: html
@@ -18416,7 +18606,6 @@ function ArticleWithDataBinding(props) {
       });
     }
   }
-  console.log('Resolved props for Article:', articleProps);
   return jsxRuntime.jsx(ArticleView, {
     ...articleProps
   });
@@ -19347,7 +19536,7 @@ function PageBannerHeader(props) {
     destructive: action.destructive,
     priority: action.priority,
     onClick: () => {
-      console.log(`Action clicked: ${action.id} - ${action.label}`);
+      console.debug(`Action clicked: ${action.id} - ${action.label}`);
       // In a real app, this would dispatch events or call configured handlers
     }
   }));
@@ -20824,9 +21013,9 @@ function FooterView({
   // Force vertical on mobile for better usability
   const effectiveOrientation = isMobile ? 'vertical' : orientation;
   const renderFooterItem = item => {
-    const content = jsxRuntime.jsx(material.Typography, {
+    const content = jsxRuntime.jsx(Text$1, {
       variant: "body2",
-      color: "text.secondary",
+      customColor: "var(--theme-text-secondary)",
       sx: {
         textDecoration: item.href ? 'none' : 'inherit',
         '&:hover': item.href ? {
@@ -20862,14 +21051,14 @@ function FooterView({
     sx: {
       minWidth: 0
     },
-    children: [section.title && jsxRuntime.jsx(material.Typography, {
+    children: [section.title && jsxRuntime.jsx(Text$1, {
       variant: "subtitle2",
       component: "h3",
       sx: {
         fontWeight: 600,
-        mb: 1.5,
-        color: 'text.primary'
+        mb: 1.5
       },
+      customColor: "var(--theme-text-primary)",
       children: section.title
     }), jsxRuntime.jsx(material.Box, {
       children: section.items.map(item => renderFooterItem(item))
@@ -20985,13 +21174,13 @@ function FooterView({
             },
             gap: 1
           },
-          children: [copyright && jsxRuntime.jsx(material.Typography, {
+          children: [copyright && jsxRuntime.jsx(Text$1, {
             variant: "caption",
-            color: "text.secondary",
+            customColor: 'var(--theme-text-secondary)',
             children: copyright
-          }), legalText && jsxRuntime.jsx(material.Typography, {
+          }), legalText && jsxRuntime.jsx(Text$1, {
             variant: "caption",
-            color: "text.secondary",
+            customColor: "var(--theme-text-secondary)",
             children: legalText
           })]
         })
@@ -21037,9 +21226,9 @@ function Footer(props) {
         },
         textAlign: 'center'
       },
-      children: jsxRuntime.jsx(material.Typography, {
+      children: jsxRuntime.jsx(Text$1, {
         variant: "body2",
-        color: "text.secondary",
+        customColor: "var(--theme-text-secondary)",
         children: "Loading Footer..."
       })
     });
@@ -21058,9 +21247,9 @@ function Footer(props) {
           },
           textAlign: 'center'
         },
-        children: jsxRuntime.jsxs(material.Typography, {
+        children: jsxRuntime.jsxs(Text$1, {
           variant: "body2",
-          color: "error",
+          customColor: 'var(--theme-error)',
           children: ["Error Loading Footer: ", error.message]
         })
       });
@@ -23140,9 +23329,21 @@ const Scaffold = ({
         }
       }
     };
-    // For primary navigation (bottom, rail, appbar), enforce icon requirement
+    // Transform icon string to component, or use provided ReactNode, or fallback to DefaultIcon
     const needsIcon = variant !== 'drawer';
-    const displayIcon = item.icon || (needsIcon ? jsxRuntime.jsx(iconsMaterial.RadioButtonUnchecked, {}) : null);
+    let displayIcon = null;
+    if (item.icon) {
+      // If icon is a string, transform it to component
+      if (typeof item.icon === 'string') {
+        displayIcon = getIconComponent(item.icon) || (needsIcon ? jsxRuntime.jsx(iconsMaterial.RadioButtonUnchecked, {}) : null);
+      } else {
+        // If icon is already a React component, use it
+        displayIcon = item.icon;
+      }
+    } else if (needsIcon) {
+      // No icon provided, use default for primary navigation
+      displayIcon = jsxRuntime.jsx(iconsMaterial.RadioButtonUnchecked, {});
+    }
     const content = jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [displayIcon && jsxRuntime.jsx("span", {
         className: `menu-item-icon menu-item-icon-${variant}`,

package/dist/src/components/Logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/components/Logo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEtE,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzG,OAAO,YAAY,CAAC;AAEpB,KAAK,aAAa,GAAG,WAAW,CAAC,SAAS,CAAC,GAAG;IAC5C,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,GAAG,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5E,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,UAAU,SAAU,SAAQ,aAAa,EAAE,eAAe;CAAG;AAgX7D,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,2CAqC7B;AAMD,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AACjF,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAEzC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/components/Logo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEtE,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzG,OAAO,YAAY,CAAC;AAEpB,KAAK,aAAa,GAAG,WAAW,CAAC,SAAS,CAAC,GAAG;IAC5C,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,GAAG,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5E,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,UAAU,SAAU,SAAQ,aAAa,EAAE,eAAe;CAAG;AAgX7D,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,2CAmC7B;AAMD,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AACjF,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAEzC,eAAe,IAAI,CAAC"}

package/dist/src/components/ResponsiveMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsiveMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,aAAa,EAAoC,MAAM,uBAAuB,CAAC;AAGxF,OAAO,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,qCAAqC;IACrC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,wEAAwE;IACxE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAID,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqQjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ResponsiveMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsiveMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,aAAa,EAAoC,MAAM,uBAAuB,CAAC;AAIxF,OAAO,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,qCAAqC;IACrC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,wEAAwE;IACxE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAID,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+QjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/components/SafeSpan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SafeSpan.d.ts","sourceRoot":"","sources":["../../../src/components/SafeSpan.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGjE,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,KAAK,iBAAiB,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;AACpD,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,eAAe;CAAG;AA6E5E,qBAAa,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAEnE,MAAM,CAAC,QAAQ,CAAC,OAAO,cAAc;IACrC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAQ1C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;IAKrD,MAAM,CAAC,uBAAuB,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI;IAanD,OAAO,CAAC,MAAM,CAAC,iBAAiB;CAWjC;AA+BD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"SafeSpan.d.ts","sourceRoot":"","sources":["../../../src/components/SafeSpan.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGjE,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,KAAK,iBAAiB,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;AACpD,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,eAAe;CAAG;AA6E5E,qBAAa,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAEnE,MAAM,CAAC,QAAQ,CAAC,OAAO,cAAc;IACrC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAQ1C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;IAKrD,MAAM,CAAC,uBAAuB,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI;IAanD,OAAO,CAAC,MAAM,CAAC,iBAAiB;CAWjC;AA8BD,eAAe,QAAQ,CAAC"}

package/dist/src/components/Scaffold.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Scaffold.d.ts","sourceRoot":"","sources":["../../../src/components/Scaffold.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+BAA+B;IAC/B,eAAe,EAAE,QAAQ,EAAE,CAAC;IAC5B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAWD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0XrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Scaffold.d.ts","sourceRoot":"","sources":["../../../src/components/Scaffold.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+BAA+B;IAC/B,eAAe,EAAE,QAAQ,EAAE,CAAC;IAC5B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAWD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuYrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/src/components/blocks/Article.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Article.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Article.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,KAAK,gBAAgB,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;AAElD,MAAM,WAAW,YAAa,SAAQ,gBAAgB,EAAE,eAAe;CACtE;AAgGD,qBAAa,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IAEhE,MAAM,CAAC,QAAQ,CAAC,OAAO,aAAa;IACpC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAQ1C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;IAKrD,MAAM,CAAC,uBAAuB,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI;IAQnD,OAAO,CAAC,MAAM,CAAC,gBAAgB;CAWhC;AA6DD,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Article.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Article.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,KAAK,gBAAgB,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;AAElD,MAAM,WAAW,YAAa,SAAQ,gBAAgB,EAAE,eAAe;CACtE;AAwKD,qBAAa,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IAEhE,MAAM,CAAC,QAAQ,CAAC,OAAO,aAAa;IACpC,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;IAGlC,SAAS,CAAC,yBAAyB,IAAI,GAAG;IAQ1C,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,YAAY;IAM1C,SAAS,CAAC,qBAAqB,IAAI,KAAK,CAAC,YAAY;IAKrD,MAAM,CAAC,uBAAuB,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI;IAQnD,OAAO,CAAC,MAAM,CAAC,gBAAgB;CAWhC;AA4DD,eAAe,OAAO,CAAC"}

package/dist/src/components/blocks/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Footer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAWH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoD,aAAa,EAAE,MAAM,aAAa,CAAC;AAG9F,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,eAAgB,SAAQ,aAAa;IAC7C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,yBAAyB;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe;CAAG;AAwNxE,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,kDAsEjC;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Footer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAUH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoD,aAAa,EAAE,MAAM,aAAa,CAAC;AAI9F,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,eAAgB,SAAQ,aAAa;IAC7C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,yBAAyB;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe;CAAI;AAwNzE,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,kDAsEjC;AAED,eAAe,MAAM,CAAC"}

package/dist/src/components/blocks/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Text.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC,OAAO,UAAU,CAAC,CAAC;AA6EnE;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,qBAAqB,CAAC,SAAS,CAMhD,CAAC;AAoEH;;GAEG;AACH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Text.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,EAA0B,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC,OAAO,UAAU,CAAC,CAAC;AA6EnE;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,qBAAqB,CAAC,SAAS,CAMhD,CAAC;AAuEH;;GAEG;AACH,eAAe,IAAI,CAAC"}

package/dist/src/components/buttons/Button.d.ts

@@ -14,8 +14,24 @@
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
 import React from 'react';
+import ButtonModel from '../../schemas/ButtonSchema';
 import { SerializableComponent } from '../shared/createSerializableView';
 import { ViewProps } from '../shared/viewProps';
+import type { SchemaProps } from '@qwickapps/schema/src/types/ModelProps';
+/**
+ * Icon name to Material-UI icon component mapping
+ * Used by finalize function to transform icon string names to React components
+ */
+declare const iconRegistry: Record<string, React.ComponentType>;
+/**
+ * Get icon component from icon name string
+ * Exported for use by other components (Scaffold, ResponsiveMenu, etc.)
+ */
+export declare function getIconComponent(iconName: string | undefined): React.ReactElement | null;
+/**
+ * Export icon registry for extension by applications
+ */
+export { iconRegistry };
 export interface ButtonAction {
     type: 'navigate' | 'submit' | 'custom' | 'external';
     url?: string;
@@ -23,19 +39,19 @@ export interface ButtonAction {
     form?: string;
     customHandler?: string;
 }
-export interface ButtonProps extends ViewProps {
-    label?: string;
-    variant?: 'primary' | 'secondary' | 'outlined' | 'text' | 'contained';
-    buttonSize?: 'small' | 'medium' | 'large';
-    href?: string;
-    target?: '_blank' | '_self' | '_parent' | '_top';
-    disabled?: boolean;
-    loading?: boolean;
-    fullWidth?: boolean;
+/**
+ * Props interface for Button component
+ * Uses SchemaProps<typeof ButtonSchema> for schema-driven typing
+ * Icons are transformed from strings to React components by finalize function
+ *
+ * Note: We omit 'icon' and 'endIcon' from schema props because they are strings in the schema
+ * but get transformed to ReactElements by the finalize function.
+ */
+export type ButtonProps = ViewProps & Omit<SchemaProps<typeof ButtonModel>, 'icon' | 'endIcon'> & {
     icon?: React.ReactNode;
     endIcon?: React.ReactNode;
     action?: ButtonAction;
-}
+};
 export declare const Button: SerializableComponent<ButtonProps>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map