@stfrigerio/sito-template 0.1.89 → 0.1.91

package/dist/components/atoms/Button/Button.d.ts

@@ -7,7 +7,7 @@ import { ComponentSoundConfig } from '../../../utils/useSound';
  */
 export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag'> {
     /** Visual style variant of the button */
-    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'icon';
     /** Size of the button */
     size?: 'small' | 'medium' | 'large';
     /** Whether the button should take full width of its container */

package/dist/components/atoms/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAElF;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,kBAAkB,GAAG,aAAa,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC9I,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACnE,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACxC,2DAA2D;IAC3D,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyDxC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAElF;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,kBAAkB,GAAG,aAAa,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC9I,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC5E,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACxC,2DAA2D;IAC3D,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2DxC,CAAC"}

package/dist/components/atoms/DateInput/DateInput.d.ts

@@ -39,7 +39,7 @@ export interface DateInputProps {
  *
  * Features:
  * - Auto-formatting while typing (adds slashes automatically)
- * - Calendar icon for native date picker access
+ * - Calendar icon for native date picker access (Safari/iOS compatible)
  * - Seamless conversion between European display and ISO storage formats
  * - Mobile-optimized with proper touch targets
  *
@@ -51,16 +51,6 @@ export interface DateInputProps {
  *   onChange={setBirthDate}
  *   placeholder="31/12/2000"
  * />
- *
- * @example
- * // With focus handlers
- * <DateInput
- *   label="Event Date"
- *   value={eventDate}
- *   onChange={setEventDate}
- *   onFocus={() => console.log('Focused')}
- *   onBlur={() => validateDate(eventDate)}
- * />
  */
 export declare function DateInput({ label, value, onChange, placeholder, onFocus, onBlur, error, success, loading, disabled, soundConfig }: Readonly<DateInputProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DateInput.d.ts.map

package/dist/components/atoms/DateInput/DateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/DateInput/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIlF;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,OAAO,EACP,MAAM,EACN,KAAa,EACb,OAAe,EACf,OAAe,EACf,QAAgB,EAChB,WAAW,EACd,EAAE,QAAQ,CAAC,cAAc,CAAC,2CAoG1B"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/DateInput/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIlF;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,OAAO,EACP,MAAM,EACN,KAAa,EACb,OAAe,EACf,OAAe,EACf,QAAgB,EAChB,WAAW,EACd,EAAE,QAAQ,CAAC,cAAc,CAAC,2CA8E1B"}

package/dist/index.esm.js

@@ -10,7 +10,7 @@ import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { createTheme, ThemeProvider as ThemeProvider$1 } from '@mui/material/styles';
 import * as d3 from 'd3';
 
-var styles$B = {"button":"Button-module_button__c6nkW","primary":"Button-module_primary__pMqAs","secondary":"Button-module_secondary__mBWx9","outline":"Button-module_outline__NGGGN","ghost":"Button-module_ghost__u2QBF","danger":"Button-module_danger__2ewhr","small":"Button-module_small__ZI9RX","medium":"Button-module_medium__Wnf9t","large":"Button-module_large__cQCpA","fullWidth":"Button-module_fullWidth__N8vYg","loading":"Button-module_loading__hcSI4","spinner":"Button-module_spinner__HtM96","spin":"Button-module_spin__jblrj","iconLeft":"Button-module_iconLeft__Fpz-y","iconRight":"Button-module_iconRight__kTfjS"};
+var styles$B = {"button":"Button-module_button__c6nkW","primary":"Button-module_primary__pMqAs","secondary":"Button-module_secondary__mBWx9","outline":"Button-module_outline__NGGGN","ghost":"Button-module_ghost__u2QBF","danger":"Button-module_danger__2ewhr","icon":"Button-module_icon__JNzlJ","iconLeft":"Button-module_iconLeft__Fpz-y","iconRight":"Button-module_iconRight__kTfjS","small":"Button-module_small__ZI9RX","medium":"Button-module_medium__Wnf9t","large":"Button-module_large__cQCpA","fullWidth":"Button-module_fullWidth__N8vYg","loading":"Button-module_loading__hcSI4","spinner":"Button-module_spinner__HtM96","spin":"Button-module_spin__jblrj"};
 
 const SOUND_PACKS = {
     digital: {
@@ -574,10 +574,11 @@ function useComponentSound(config, options) {
  */
 const Button = ({ variant = 'primary', size = 'medium', fullWidth = false, loading = false, iconLeft, iconRight, children, className = '', disabled, motionProps, soundConfig, onClick, onMouseEnter, onFocus, ...rest }) => {
     const { handlers } = useComponentSound(soundConfig);
+    const isIcon = variant === 'icon';
     const buttonClasses = [
         styles$B.button,
         styles$B[variant],
-        styles$B[size],
+        !isIcon && styles$B[size],
         fullWidth && styles$B.fullWidth,
         loading && styles$B.loading,
         className
@@ -590,7 +591,7 @@ const Button = ({ variant = 'primary', size = 'medium', fullWidth = false, loadi
         handlers.onMouseEnter?.();
         onMouseEnter?.(e);
     };
-    return (jsxs(motion.button, { className: buttonClasses, disabled: disabled || loading, whileHover: { scale: disabled || loading ? 1 : 1.02 }, whileTap: { scale: disabled || loading ? 1 : 0.98 }, transition: { type: "spring", stiffness: 400, damping: 17 }, onClick: handleClick, onMouseEnter: handleMouseEnter, onFocus: onFocus, ...motionProps, ...rest, children: [loading && jsx("span", { className: styles$B.spinner }), iconLeft && jsx("span", { className: styles$B.iconLeft, children: iconLeft }), children, iconRight && jsx("span", { className: styles$B.iconRight, children: iconRight })] }));
+    return (jsxs(motion.button, { className: buttonClasses, disabled: disabled || loading, whileHover: isIcon ? undefined : { scale: disabled || loading ? 1 : 1.02 }, whileTap: { scale: disabled || loading ? 1 : (isIcon ? 0.9 : 0.98) }, transition: { type: "spring", stiffness: 400, damping: 17 }, onClick: handleClick, onMouseEnter: handleMouseEnter, onFocus: onFocus, ...motionProps, ...rest, children: [loading && jsx("span", { className: styles$B.spinner }), iconLeft && jsx("span", { className: styles$B.iconLeft, children: iconLeft }), children, iconRight && jsx("span", { className: styles$B.iconRight, children: iconRight })] }));
 };
 
 var styles$A = {"card":"Card-module_card__r2DB2","hoverable":"Card-module_hoverable__X3OpS","elevated":"Card-module_elevated__hGV6-","outlined":"Card-module_outlined__ngRag","flat":"Card-module_flat__xy-xt","glass":"Card-module_glass__Sv-Vs","imageContainer":"Card-module_imageContainer__L4ma6","image":"Card-module_image__bQBt6","header":"Card-module_header__0dtj3","headerContent":"Card-module_headerContent__W7-jD","expandButton":"Card-module_expandButton__I7f49","expandIcon":"Card-module_expandIcon__Lu-OY","expandableContent":"Card-module_expandableContent__BFgO5","expandable":"Card-module_expandable__GMXzo","body":"Card-module_body__K7eL3","footer":"Card-module_footer__L5wO-","title":"Card-module_title__pW9g8","subtitle":"Card-module_subtitle__gejH4","clickable":"Card-module_clickable__Y6fm8","padding":"Card-module_padding__wtyDo","noPadding":"Card-module_noPadding__r5Qq0","loading":"Card-module_loading__S4Wng","loadingShimmer":"Card-module_loadingShimmer__Q1Osr","loadingPulse":"Card-module_loadingPulse__bXQmC"};
@@ -871,7 +872,7 @@ const parseEuropeanDate = (dateString) => {
     return '';
 };
 
-var styles$w = {"dateInput":"DateInput-module_dateInput__54VPD","label":"DateInput-module_label__yDdUw","inputWrapper":"DateInput-module_inputWrapper__x-r1d","textInput":"DateInput-module_textInput__ToOSX","calendarButton":"DateInput-module_calendarButton__JzDGD","hiddenDateInput":"DateInput-module_hiddenDateInput__IWNg3","error":"DateInput-module_error__ieuPO","success":"DateInput-module_success__rPA93","loading":"DateInput-module_loading__1DAmD"};
+var styles$w = {"dateInput":"DateInput-module_dateInput__54VPD","label":"DateInput-module_label__yDdUw","inputWrapper":"DateInput-module_inputWrapper__x-r1d","textInput":"DateInput-module_textInput__ToOSX","calendarButton":"DateInput-module_calendarButton__JzDGD","nativeDateInput":"DateInput-module_nativeDateInput__tbi68","error":"DateInput-module_error__ieuPO","success":"DateInput-module_success__rPA93","loading":"DateInput-module_loading__1DAmD"};
 
 /**
  * DateInput component - European format date picker with manual input support
@@ -885,7 +886,7 @@ var styles$w = {"dateInput":"DateInput-module_dateInput__54VPD","label":"DateInp
  *
  * Features:
  * - Auto-formatting while typing (adds slashes automatically)
- * - Calendar icon for native date picker access
+ * - Calendar icon for native date picker access (Safari/iOS compatible)
  * - Seamless conversion between European display and ISO storage formats
  * - Mobile-optimized with proper touch targets
  *
@@ -897,19 +898,8 @@ var styles$w = {"dateInput":"DateInput-module_dateInput__54VPD","label":"DateInp
  *   onChange={setBirthDate}
  *   placeholder="31/12/2000"
  * />
- *
- * @example
- * // With focus handlers
- * <DateInput
- *   label="Event Date"
- *   value={eventDate}
- *   onChange={setEventDate}
- *   onFocus={() => console.log('Focused')}
- *   onBlur={() => validateDate(eventDate)}
- * />
  */
 function DateInput({ label, value, onChange, placeholder = "25/12/2024", onFocus, onBlur, error = false, success = false, loading = false, disabled = false, soundConfig }) {
-    const hiddenDateInputRef = useRef(null);
     const { handlers, playSound } = useComponentSound(soundConfig);
     const handleTextChange = (textValue) => {
         // Auto-format as user types
@@ -934,27 +924,9 @@ function DateInput({ label, value, onChange, placeholder = "25/12/2024", onFocus
             onChange(formatted);
         }
     };
-    const handleCalendarClick = () => {
-        playSound('click');
-        // Set the hidden input to current value for calendar
-        if (hiddenDateInputRef.current) {
-            // If value is already ISO format, use it directly
-            // If it's European format, convert it
-            const isoDate = value.includes('-') ? value : parseEuropeanDate(value);
-            if (isoDate) {
-                hiddenDateInputRef.current.value = isoDate;
-            }
-            // Try showPicker first (modern browsers), fallback to click
-            if (hiddenDateInputRef.current.showPicker) {
-                hiddenDateInputRef.current.showPicker();
-            }
-            else {
-                hiddenDateInputRef.current.click();
-            }
-        }
-    };
     const handleCalendarChange = (e) => {
         const isoDate = e.target.value;
+        playSound('click');
         if (isoDate) {
             onChange(isoDate);
         }
@@ -969,7 +941,9 @@ function DateInput({ label, value, onChange, placeholder = "25/12/2024", onFocus
             classes.push(styles$w.loading);
         return classes.join(' ');
     };
-    return (jsxs("div", { className: getClassName(), children: [jsx("label", { className: styles$w.label, children: label }), jsxs("div", { className: styles$w.inputWrapper, children: [jsx("input", { type: "text", value: value.includes('-') ? formatDateToEuropean(value) : value, onChange: (e) => handleTextChange(e.target.value), onFocus: onFocus, onBlur: onBlur, placeholder: placeholder, className: styles$w.textInput, disabled: disabled || loading, ...handlers }), jsx("button", { type: "button", onClick: handleCalendarClick, className: styles$w.calendarButton, title: "Select date from calendar", disabled: disabled || loading, children: jsx(Calendar$1, {}) }), jsx("input", { ref: hiddenDateInputRef, type: "date", onChange: handleCalendarChange, className: styles$w.hiddenDateInput, tabIndex: -1, disabled: disabled || loading })] })] }));
+    // Current ISO value for the native date input (or '' if empty/unparseable)
+    const isoValue = value.includes('-') ? value : (parseEuropeanDate(value) || '');
+    return (jsxs("div", { className: getClassName(), children: [jsx("label", { className: styles$w.label, children: label }), jsxs("div", { className: styles$w.inputWrapper, children: [jsx("input", { type: "text", value: value.includes('-') ? formatDateToEuropean(value) : value, onChange: (e) => handleTextChange(e.target.value), onFocus: onFocus, onBlur: onBlur, placeholder: placeholder, className: styles$w.textInput, disabled: disabled || loading, ...handlers }), jsxs("span", { className: styles$w.calendarButton, "aria-hidden": "true", children: [jsx(Calendar$1, {}), jsx("input", { type: "date", value: isoValue, onChange: handleCalendarChange, className: styles$w.nativeDateInput, title: "Select date from calendar", "aria-label": label ? `${label} calendar picker` : 'Calendar picker', disabled: disabled || loading })] })] })] }));
 }
 
 var styles$v = {"searchableDropdown":"SearchableDropdown-module_searchableDropdown__S2Nh5","dropdownTrigger":"SearchableDropdown-module_dropdownTrigger__dihdr","open":"SearchableDropdown-module_open__P7mRt","dropdownValue":"SearchableDropdown-module_dropdownValue__ydrc2","placeholder":"SearchableDropdown-module_placeholder__BwM2W","dropdownArrow":"SearchableDropdown-module_dropdownArrow__yd5fp","dropdownMenu":"SearchableDropdown-module_dropdownMenu__2Z5cc","dropdownSearch":"SearchableDropdown-module_dropdownSearch__NRk7j","searchInput":"SearchableDropdown-module_searchInput__VS2Hw","searchIcon":"SearchableDropdown-module_searchIcon__2vKFF","dropdownOptions":"SearchableDropdown-module_dropdownOptions__6YXqF","dropdownOption":"SearchableDropdown-module_dropdownOption__YwDr-","selected":"SearchableDropdown-module_selected__31JeB","highlighted":"SearchableDropdown-module_highlighted__P0bBq","checkIcon":"SearchableDropdown-module_checkIcon__YxowK","dropdownNoResults":"SearchableDropdown-module_dropdownNoResults__WW-Da","loading":"SearchableDropdown-module_loading__xlYf0"};