@bit.rhplus/ui.f7.detail-item 0.0.2 → 0.0.3

package/components/Select.jsx

@@ -0,0 +1,199 @@
+/* eslint-disable */
+import React, { useState, useEffect } from 'react';
+import { 
+  Link, 
+  Icon, 
+  Popup, 
+  Navbar,
+  NavLeft, 
+  NavTitle, 
+  NavTitleLarge,
+  NavRight, 
+  Page, 
+  Block, 
+  List, 
+  ListInput, 
+  Button,
+  ListItem
+} from 'framework7-react';
+import { ChevronDown } from 'lucide-react';
+
+// Select komponenta s modální editací - zobrazuje výběr jedné položky ze seznamu
+export const Select = ({ 
+  children, 
+  value, 
+  onSave, 
+  onChange, // Přidáno pro Form.Item kompatibilitu
+  title = 'Editace výběru', 
+  placeholder = 'Vyberte položku',
+  color = '#6887d3', 
+  size = 16,
+  lucideIcon, // Lucide React ikona (např. ChevronDown)
+  icon, // Jakákoliv React komponenta ikony
+  options = [] // Array možností ve formátu [{ id, name, description?, color? }]
+}) => {
+  const [popupOpened, setPopupOpened] = useState(false);
+  const [selectedOption, setSelectedOption] = useState(value || null);
+  
+  // Aktualizuj selectedOption když se změní value prop (pro Form.Item kompatibilitu)
+  useEffect(() => {
+    if (value !== undefined) {
+      setSelectedOption(value || null);
+    }
+  }, [value]);
+
+  const linkStyle = { 
+    color, 
+    cursor: 'pointer',
+    display: 'flex',
+    alignItems: 'center',
+    gap: '6px'
+  };
+
+  const handleCancel = () => {
+    setSelectedOption(value || null);
+    setPopupOpened(false);
+  };
+
+  const selectOption = (option) => {
+    // Automaticky ulož a zavři popup
+    setSelectedOption(option);
+    
+    // Preferuj onChange pro Form.Item kompatibilitu, jinak použij onSave
+    if (onChange) {
+      onChange(option);
+    } else if (onSave) {
+      onSave(option);
+    }
+    
+    setPopupOpened(false);
+  };
+
+  // Určí jakou ikonu použít - priorita: icon > lucideIcon > výchozí ChevronDown
+  const renderIcon = () => {
+    if (icon) {
+      return React.cloneElement(icon, { size, color, ...icon.props });
+    }
+    if (lucideIcon) {
+      const LucideIcon = lucideIcon;
+      return <LucideIcon size={size} color={color} />;
+    }
+    return <ChevronDown size={size} color={color} />;
+  };
+
+  // Zobrazí název vybrané položky nebo placeholder
+  const renderDisplayText = () => {
+    if (selectedOption && selectedOption.name) {
+      return selectedOption.name;
+    }
+    return placeholder;
+  };
+
+  return (
+    <>
+      <Link onClick={() => setPopupOpened(true)} className="link" style={linkStyle}>
+        {renderIcon()}
+        {renderDisplayText()}
+      </Link>
+
+      <Popup 
+        opened={popupOpened} 
+        onPopupClosed={() => setPopupOpened(false)}
+        animate
+        backdrop
+        push={false}
+        className="f7-parallax select-popup"
+        style={{
+          '--f7-popup-tablet-width': '90vw',
+          '--f7-popup-tablet-height': '90vh'
+        }}
+      >
+        <div className="view view-init">
+          <div className="page page-with-navbar-large">
+            <Navbar large className="navbar-transparent">
+              <NavLeft>
+                <Link onClick={handleCancel}>
+                  <Icon f7="arrow_left" style={{ fontWeight: 'bold' }} />
+                </Link>
+              </NavLeft>
+              <NavTitle>Výběr</NavTitle>
+              <NavTitleLarge>Vyberte položku</NavTitleLarge>
+            </Navbar>
+            
+            <div className="page-content">
+              {/* Seznam dostupných možností */}
+              <Block>
+            <List noHairlines>
+              {options.map((option) => {
+                const isSelected = selectedOption && selectedOption.id === option.id;
+                return (
+                  <ListItem
+                    key={option.id}
+                    title={option.name}
+                    subtitle={option.description}
+                    onClick={() => selectOption(option)}
+                    style={{
+                      backgroundColor: isSelected ? '#f0f9ff' : 'transparent',
+                      borderLeft: isSelected ? `4px solid ${option.color || '#6887d3'}` : '4px solid transparent',
+                      transition: 'all 0.2s ease'
+                    }}
+                  >
+                    {isSelected && (
+                      <Icon 
+                        slot="after" 
+                        f7="checkmark" 
+                        style={{ 
+                          color: option.color || '#6887d3',
+                          fontSize: '18px',
+                          fontWeight: 'bold'
+                        }} 
+                      />
+                    )}
+                    {option.color && (
+                      <div
+                        slot="media"
+                        style={{
+                          width: '12px',
+                          height: '12px',
+                          borderRadius: '50%',
+                          backgroundColor: option.color,
+                          marginRight: '8px'
+                        }}
+                      />
+                    )}
+                  </ListItem>
+                );
+              })}
+              
+              {/* Možnost zrušit výběr */}
+              {selectedOption && (
+                <>
+                  <ListItem divider>Další možnosti</ListItem>
+                  <ListItem
+                    title="Zrušit výběr"
+                    onClick={() => selectOption(null)}
+                    style={{
+                      color: '#999',
+                      fontStyle: 'italic'
+                    }}
+                  >
+                    <Icon 
+                      slot="media" 
+                      f7="xmark" 
+                      style={{ 
+                        color: '#999',
+                        fontSize: '16px'
+                      }} 
+                    />
+                  </ListItem>
+                </>
+              )}
+            </List>
+              </Block>
+            </div>
+          </div>
+        </div>
+      </Popup>
+    </>
+  );
+};

package/components/Switch.jsx

@@ -9,15 +9,26 @@ export const Switch = ({
   disabled,
   // Ant Design Form props
   value,
+  // Ikona props - Switch nemá vizuální ikonu, ale zachováme konzistenci
+  lucideIcon,
+  icon,
   ...restProps 
 }) => {
   // Pro Form.Item kompatibilitu - preferuj value před checked
   const isChecked = value !== undefined ? value : checked;
   
+  // Framework7 Toggle předává event, ale Form.Item očekává boolean hodnotu
+  const handleChange = (event) => {
+    if (onChange) {
+      // Pro Form.Item předáme boolean hodnotu
+      onChange(event.target.checked);
+    }
+  };
+  
   return (
     <Toggle 
       checked={isChecked}
-      onChange={onChange}
+      onChange={handleChange}
       disabled={disabled}
       {...restProps}
     />

package/components/Text.jsx

@@ -1,10 +1,43 @@
 /* eslint-disable */
 import React from 'react';
 
-export const Text = ({ children }) => {
+export const Text = ({ 
+  children, 
+  value, 
+  color, 
+  style, 
+  lucideIcon, // Lucide React ikona
+  icon, // Jakákoliv React komponenta ikony
+  iconSize = 16,
+  ...restProps 
+}) => {
+  // Pro Form.Item kompatibilitu - zobraz value pokud je poskytnut, jinak children
+  const displayText = value !== undefined ? value : children;
+  
+  const textStyle = {
+    ...(color && { color }),
+    ...style,
+    display: 'flex',
+    alignItems: 'center',
+    gap: '6px'
+  };
+
+  // Určí jakou ikonu použít - priorita: icon > lucideIcon > žádná ikona
+  const renderIcon = () => {
+    if (icon) {
+      return React.cloneElement(icon, { size: iconSize, color, ...icon.props });
+    }
+    if (lucideIcon) {
+      const LucideIcon = lucideIcon;
+      return <LucideIcon size={iconSize} color={color} />;
+    }
+    return null;
+  };
+  
   return (
-    <span>
-      {children}
+    <span style={textStyle} {...restProps}>
+      {renderIcon()}
+      {displayText}
     </span>
   );
 };

package/components/index.jsx

@@ -4,4 +4,9 @@ export {Download} from './Download';
 export {InputText} from './InputText';
 export {InputNumber} from './InputNumber';
 export {Switch} from './Switch';
-export {Custom} from './Custom';
+export {Custom} from './Custom';
+export {Contact} from './Contact';
+export {Category} from './Category';
+export {Select} from './Select';
+export {Grid} from './Grid';
+export {List} from './List';

package/dist/components/Category.d.ts

@@ -0,0 +1,13 @@
+export function Category({ children, value, onSave, onChange, title, placeholder, color, size, lucideIcon, icon, categories }: {
+    children: any;
+    value: any;
+    onSave: any;
+    onChange: any;
+    title?: string | undefined;
+    placeholder?: string | undefined;
+    color?: string | undefined;
+    size?: number | undefined;
+    lucideIcon: any;
+    icon: any;
+    categories?: any[] | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Category.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable */
+import React, { useState, useEffect } from 'react';
+import { Link, Icon, Popup, Navbar, NavLeft, NavTitle, NavTitleLarge, NavRight, Page, Block, List, ListInput, Button } from 'framework7-react';
+import { Tag } from 'lucide-react';
+import CircleButton from '@bit.rhplus/ui.circle-button';
+// Category komponenta s modální editací - zobrazuje výběr jedné kategorie jako avatar
+export const Category = ({ children, value, onSave, onChange, // Přidáno pro Form.Item kompatibilitu
+title = 'Vyber', placeholder = 'Vyber kategorii', color = '#6887d3', size = 16, lucideIcon, // Lucide React ikona (např. Tag)
+icon, // Jakákoliv React komponenta ikony
+categories = [] // Array kategorií ve formátu [{ id, name, icon, color }]
+ }) => {
+    const [popupOpened, setPopupOpened] = useState(false);
+    const [selectedCategory, setSelectedCategory] = useState(value || null);
+    // Aktualizuj selectedCategory když se změní value prop (pro Form.Item kompatibilitu)
+    useEffect(() => {
+        if (value !== undefined) {
+            setSelectedCategory(value || null);
+        }
+    }, [value]);
+    const linkStyle = {
+        color,
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '6px'
+    };
+    const handleCancel = () => {
+        setSelectedCategory(value || null);
+        setPopupOpened(false);
+    };
+    const selectCategory = (category) => {
+        // Automaticky ulož a zavři popup
+        setSelectedCategory(category);
+        // Preferuj onChange pro Form.Item kompatibilitu, jinak použij onSave
+        if (onChange) {
+            onChange(category);
+        }
+        else if (onSave) {
+            onSave(category);
+        }
+        setPopupOpened(false);
+    };
+    // Určí jakou ikonu použít - priorita: icon > lucideIcon > výchozí Tag
+    const renderIcon = () => {
+        if (icon) {
+            return React.cloneElement(icon, { size, color, ...icon.props });
+        }
+        if (lucideIcon) {
+            const LucideIcon = lucideIcon;
+            return _jsx(LucideIcon, { size: size, color: color });
+        }
+        return _jsx(Tag, { size: size, color: color });
+    };
+    // Zobrazí název vybrané kategorie nebo placeholder
+    const renderDisplayText = () => {
+        if (selectedCategory && selectedCategory.name) {
+            return selectedCategory.name;
+        }
+        return placeholder;
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(Link, { onClick: () => setPopupOpened(true), className: "link", style: linkStyle, children: [renderIcon(), renderDisplayText()] }), _jsx(Popup, { opened: popupOpened, onPopupClosed: () => setPopupOpened(false), animate: true, backdrop: true, push: false, className: "f7-parallax category-popup", style: {
+                    '--f7-popup-tablet-width': '90vw',
+                    '--f7-popup-tablet-height': '90vh'
+                }, children: _jsx("div", { className: "view view-init", children: _jsxs("div", { className: "page page-with-navbar-large", children: [_jsxs(Navbar, { large: true, className: "navbar-transparent", children: [_jsx(NavLeft, { children: _jsx(Link, { onClick: handleCancel, children: _jsx(Icon, { f7: "arrow_left", style: { fontWeight: 'bold' } }) }) }), _jsx(NavTitle, { children: title }), _jsx(NavTitleLarge, { children: title })] }), _jsx("div", { className: "page-content", children: _jsx(Block, { children: _jsx("div", { style: {
+                                            display: 'grid',
+                                            gridTemplateColumns: 'repeat(auto-fit, minmax(80px, 1fr))',
+                                            gap: '15px',
+                                            marginTop: '15px',
+                                            padding: '10px 5px'
+                                        }, children: categories.map((category) => {
+                                            const isSelected = selectedCategory && selectedCategory.id === category.id;
+                                            return (_jsx("div", { style: {
+                                                    display: 'flex',
+                                                    justifyContent: 'center',
+                                                    minWidth: '80px'
+                                                }, children: _jsx(CircleButton, { icon: category.icon || 'tag', name: category.name, bgColor: isSelected ? '#28a745' : (category.color || '#6887d3'), iconColor: "white", textColor: "#333", onClick: () => selectCategory(category), style: {
+                                                        opacity: isSelected ? 1 : 0.7,
+                                                        transform: isSelected ? 'scale(1.05)' : 'scale(1)',
+                                                        transition: 'all 0.2s ease',
+                                                        width: '100%',
+                                                        maxWidth: '100px'
+                                                    } }) }, category.id));
+                                        }) }) }) })] }) }) })] }));
+};
+//# sourceMappingURL=Category.js.map

package/dist/components/Category.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Category.js","sourceRoot":"","sources":["../../components/Category.jsx"],"names":[],"mappings":"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"}

package/dist/components/Contact.d.ts

@@ -0,0 +1,10 @@
+export function Contact({ value, onSave, onChange, title, placeholder, color, size, ...restProps }: {
+    [x: string]: any;
+    value: any;
+    onSave: any;
+    onChange: any;
+    title?: string | undefined;
+    placeholder?: string | undefined;
+    color?: string | undefined;
+    size?: number | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Contact.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable */
+import React from 'react';
+import { ListInput } from 'framework7-react';
+import { UserCheck } from 'lucide-react';
+import { Custom } from './Custom';
+// Renderer pro Contact formulář
+const ContactRenderer = ({ fields, formData, onChange }) => {
+    const handleInputChange = (fieldKey, event) => {
+        const newValue = event.target.value;
+        onChange(fieldKey, newValue);
+    };
+    return (_jsx(_Fragment, { children: fields.map((field, index) => (_jsx(ListInput, { type: field.type || 'text', label: field.label, placeholder: field.placeholder, value: formData[field.key] || '', onInput: (e) => handleInputChange(field.key, e), clearButton: true, style: { fontSize: '18px' }, ...(field.type === 'email' && {
+                inputMode: 'email',
+                autoComplete: 'email'
+            }), ...(field.type === 'tel' && {
+                inputMode: 'tel',
+                autoComplete: 'tel'
+            }) }, field.key || index))) }));
+};
+// Externí PM komponenta s předdefinovanými poli
+export const Contact = ({ value, onSave, onChange, title = 'Kontakt', placeholder = 'Zadej kontakt', color = '#6887d3', size = 16, ...restProps }) => {
+    // Předdefinovaná pole pro Externí PM
+    const pmFields = [
+        {
+            key: 'firstName',
+            label: 'Jméno',
+            type: 'text',
+            placeholder: 'Zadejte jméno'
+        },
+        {
+            key: 'lastName',
+            label: 'Příjmení',
+            type: 'text',
+            placeholder: 'Zadejte příjmení'
+        },
+        {
+            key: 'email',
+            label: 'Email',
+            type: 'email',
+            placeholder: 'Zadejte email'
+        },
+        {
+            key: 'phone',
+            label: 'Telefon',
+            type: 'tel',
+            placeholder: 'Zadejte telefon'
+        },
+        {
+            key: 'position',
+            label: 'Pozice',
+            type: 'text',
+            placeholder: 'Zadejte pozici'
+        }
+    ];
+    // Pole pro zobrazení v linku - jméno, příjmení a pozice
+    const displayFields = ['firstName', 'lastName', 'position'];
+    return (_jsx(Custom, { value: value, onSave: onSave, onChange: onChange, title: title, placeholder: placeholder, color: color, size: size, lucideIcon: UserCheck, FormRenderer: ContactRenderer, fields: pmFields, displayFields: displayFields, ...restProps }));
+};
+//# sourceMappingURL=Contact.js.map

package/dist/components/Contact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Contact.js","sourceRoot":"","sources":["../../components/Contact.jsx"],"names":[],"mappings":"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"}

package/dist/components/Custom.d.ts

@@ -1,3 +1,20 @@
-export function Custom({ children }: {
-    children: any;
+export function Custom({ value, onSave, onChange, title, placeholder, color, size, lucideIcon, icon, FormRenderer, fields, displayFields, ...restProps }: {
+    [x: string]: any;
+    value: any;
+    onSave: any;
+    onChange: any;
+    title?: string | undefined;
+    placeholder?: string | undefined;
+    color?: string | undefined;
+    size?: number | undefined;
+    lucideIcon: any;
+    icon: any;
+    FormRenderer: any;
+    fields?: {
+        key: string;
+        label: string;
+        type: string;
+        placeholder: string;
+    }[] | undefined;
+    displayFields?: string[] | undefined;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Custom.js

@@ -1,8 +1,117 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable */
-import React from 'react';
-// Custom wrapper pro vlastní obsah
-export const Custom = ({ children }) => {
-    return _jsx(_Fragment, { children: children });
+import React, { useState, useEffect } from 'react';
+import { Link, Icon, Popup, Navbar, NavLeft, NavTitle, NavTitleLarge, Page, Block, List, ListInput } from 'framework7-react';
+import { User } from 'lucide-react';
+import SaveButton from '@bit.rhplus/ui.f7.save-button';
+// External Contact komponenta - formulář pro zadání externího kontaktu
+export const Custom = ({ value, onSave, onChange, title = 'Externí kontakt', placeholder = 'Zadejte kontakt', color = '#6887d3', size = 16, lucideIcon, icon, FormRenderer, // Custom komponenta pro renderování formuláře
+fields = [
+    { key: 'firstName', label: 'Jméno', type: 'text', placeholder: 'Zadejte jméno' },
+    { key: 'lastName', label: 'Příjmení', type: 'text', placeholder: 'Zadejte příjmení' },
+    { key: 'phone', label: 'Telefon', type: 'tel', placeholder: 'Zadejte telefon' },
+    { key: 'email', label: 'Email', type: 'email', placeholder: 'Zadejte email' },
+    { key: 'position', label: 'Pozice', type: 'text', placeholder: 'Zadejte pozici' }
+], displayFields = ['firstName', 'lastName', 'position'], // Pole pro zobrazení v linku
+...restProps }) => {
+    const [popupOpened, setPopupOpened] = useState(false);
+    // Dynamicky inicializuj formData na základě fields
+    const getInitialFormData = () => {
+        const initialData = {};
+        fields.forEach(field => {
+            initialData[field.key] = '';
+        });
+        return initialData;
+    };
+    const [formData, setFormData] = useState(getInitialFormData());
+    // Aktualizuj formData když se změní value prop nebo fields (ale ne když je popup otevřený)
+    useEffect(() => {
+        if (popupOpened)
+            return; // Neaktualizuj formData když je popup otevřený
+        const newFormData = {};
+        fields.forEach(field => {
+            newFormData[field.key] = '';
+        });
+        if (value && typeof value === 'object') {
+            fields.forEach(field => {
+                newFormData[field.key] = value[field.key] || '';
+            });
+        }
+        setFormData(newFormData);
+    }, [value, fields, popupOpened]);
+    const linkStyle = {
+        color,
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '6px'
+    };
+    const handleSave = () => {
+        const result = { ...formData };
+        if (onChange) {
+            onChange(result);
+        }
+        else if (onSave) {
+            onSave(result);
+        }
+        setPopupOpened(false);
+    };
+    const handleCancel = () => {
+        const newFormData = {};
+        fields.forEach(field => {
+            newFormData[field.key] = '';
+        });
+        if (value && typeof value === 'object') {
+            fields.forEach(field => {
+                newFormData[field.key] = value[field.key] || '';
+            });
+        }
+        setFormData(newFormData);
+        setPopupOpened(false);
+    };
+    const handleInputChange = (field, newValue) => {
+        setFormData(prev => ({
+            ...prev,
+            [field]: newValue
+        }));
+    };
+    const handleOpenPopup = () => {
+        // Před otevřením popupu nastav aktuální hodnoty do formData
+        const newFormData = {};
+        fields.forEach(field => {
+            newFormData[field.key] = '';
+        });
+        if (value && typeof value === 'object') {
+            fields.forEach(field => {
+                newFormData[field.key] = value[field.key] || '';
+            });
+        }
+        setFormData(newFormData);
+        setPopupOpened(true);
+    };
+    // Určí jakou ikonu použít - priorita: icon > lucideIcon > výchozí User
+    const renderIcon = () => {
+        if (icon) {
+            return React.cloneElement(icon, { size, color, ...icon.props });
+        }
+        if (lucideIcon) {
+            const LucideIcon = lucideIcon;
+            return _jsx(LucideIcon, { size: size, color: color });
+        }
+        return _jsx(User, { size: size, color: color });
+    };
+    // Zobrazí text v linku podle vyplněných dat
+    const getDisplayText = () => {
+        if (value && typeof value === 'object') {
+            const displayValues = displayFields
+                .map(fieldKey => value[fieldKey])
+                .filter(Boolean);
+            if (displayValues.length > 0) {
+                return displayValues.join(' - ');
+            }
+        }
+        return placeholder;
+    };
+    return (_jsxs("div", { ...restProps, children: [_jsxs(Link, { onClick: handleOpenPopup, className: "link", style: linkStyle, children: [renderIcon(), getDisplayText()] }), _jsx(Popup, { opened: popupOpened, onPopupClosed: () => setPopupOpened(false), animate: true, backdrop: true, className: "f7-parallax", children: _jsxs(Page, { children: [_jsxs(Navbar, { large: true, children: [_jsx(NavLeft, { children: _jsx(Link, { onClick: handleCancel, children: _jsx(Icon, { f7: "arrow_left", style: { fontWeight: 'bold' } }) }) }), _jsx(NavTitle, { children: title }), _jsx(NavTitleLarge, { children: title })] }), _jsx(Block, { style: { marginTop: '20px' }, children: _jsx(List, { children: FormRenderer ? (_jsx(FormRenderer, { fields: fields, formData: formData, onChange: handleInputChange })) : (fields.map((field, index) => (_jsx(ListInput, { type: field.type || 'text', label: field.label, placeholder: field.placeholder, value: formData[field.key], onInput: (e) => handleInputChange(field.key, e.target.value), clearButton: true, style: { fontSize: '18px' } }, field.key || index)))) }) }), _jsx(SaveButton, { onClick: handleSave, variant: "black" })] }) })] }));
 };
 //# sourceMappingURL=Custom.js.map

package/dist/components/Custom.js.map

@@ -1 +1 @@
-{"version":3,"file":"Custom.js","sourceRoot":"","sources":["../../components/Custom.jsx"],"names":[],"mappings":";AAAA,oBAAoB;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,mCAAmC;AACnC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrC,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC,CAAC"}
+{"version":3,"file":"Custom.js","sourceRoot":"","sources":["../../components/Custom.jsx"],"names":[],"mappings":"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"}

package/dist/components/Download.d.ts

@@ -1,7 +1,11 @@
-export function Download({ children, href, onClick, color, size }: {
+export function Download({ children, href, onClick, color, size, value, lucideIcon, icon, ...restProps }: {
+    [x: string]: any;
     children: any;
     href: any;
     onClick: any;
     color?: string | undefined;
     size?: number | undefined;
+    value: any;
+    lucideIcon: any;
+    icon: any;
 }): import("react/jsx-runtime").JSX.Element;