@webiny/admin-ui 6.4.12-beta.4 → 6.5.0-beta.0

package/DatePicker/primitives/DateTimePicker.js

@@ -4,20 +4,15 @@ import { UTC_TIMEZONES } from "@webiny/utils";
 import { Calendar } from "../../Calendar/index.js";
 import { PopoverPrimitive } from "../../Popover/index.js";
 import { SelectPrimitive } from "../../Select/index.js";
-import { extractTimezone, formatDateForDisplay, formatTimeValue, getLocalTimezone, parseTimeValue, toIsoWithTz } from "../utils/dateHelpers.js";
+import { extractTimezone, formatDateForDisplay, formatTimeValue, getLocalTimezone, parseTimeValue } from "../utils/dateHelpers.js";
+import { naiveDateToUtcIso, parseToDate, utcToTimezoneDate } from "../utils/timezoneHelpers.js";
 import { DatePickerTrigger } from "./components/DatePickerTrigger.js";
 import { TimePicker } from "./components/TimePicker.js";
 const timezoneOptions = UTC_TIMEZONES.map((tz)=>({
         value: tz.value,
         label: tz.label
     }));
-function parseToDate(value) {
-    if (!value) return;
-    const d = new Date(value);
-    if (Number.isNaN(d.getTime())) return;
-    return d;
-}
-const DateTimePicker = ({ value, onChange, placeholder, disabled, size, variant, invalid, weekStartsOn, onOpenChange, className, withTimezone, displayFormat })=>{
+const DateTimePicker = ({ value, onChange, placeholder, disabled, size, variant, invalid, weekStartsOn, onOpenChange, className, withTimezone, displayFormat, minDate, maxDate })=>{
     const [open, setOpen] = useState(false);
     const existingTz = withTimezone && value ? extractTimezone(value) : void 0;
     const [timezone, setTimezone] = useState(existingTz || getLocalTimezone());
@@ -26,28 +21,28 @@ const DateTimePicker = ({ value, onChange, placeholder, disabled, size, variant,
         if (onOpenChange) onOpenChange(isOpen);
     };
     const currentDate = parseToDate(value);
-    const displayValue = withTimezone ? formatDateForDisplay(value, "dateTimeTz", displayFormat) : formatDateForDisplay(value, "dateTimeLocal", displayFormat);
-    const timeValue = currentDate ? formatTimeValue(currentDate) : "";
+    const displayDate = withTimezone && currentDate ? utcToTimezoneDate(currentDate, timezone) : currentDate;
+    const displayValue = withTimezone ? displayDate ? formatDateForDisplay(format(displayDate, "yyyy-MM-dd'T'HH:mm:ss") + timezone, "dateTimeTz", displayFormat) : void 0 : formatDateForDisplay(value, "dateTimeLocal", displayFormat);
+    const timeValue = displayDate ? formatTimeValue(displayDate) : "";
     const emitChange = (date, tz)=>{
         if (!onChange) return;
-        withTimezone ? onChange(toIsoWithTz(date, tz || timezone)) : onChange(format(date, "yyyy-MM-dd'T'HH:mm:ss"));
+        withTimezone ? onChange(naiveDateToUtcIso(date, tz || timezone)) : onChange(format(date, "yyyy-MM-dd'T'HH:mm:ss") + ".000Z");
     };
     const handleDateSelect = (date)=>{
         if (!date) return;
-        if (currentDate) date.setHours(currentDate.getHours(), currentDate.getMinutes());
+        if (displayDate) date.setHours(displayDate.getHours(), displayDate.getMinutes());
         emitChange(date);
     };
     const handleTimeChange = (time)=>{
         if (!time) return;
         const parsed = parseTimeValue(time);
         if (!parsed) return;
-        const base = currentDate ? new Date(currentDate) : new Date();
+        const base = displayDate ? new Date(displayDate) : new Date();
         base.setHours(parsed.hours, parsed.minutes, 0, 0);
         emitChange(base);
     };
     const handleTimezoneChange = (tz)=>{
         setTimezone(tz);
-        if (currentDate) emitChange(currentDate, tz);
     };
     return /*#__PURE__*/ react.createElement("div", {
         className: className
@@ -67,9 +62,21 @@ const DateTimePicker = ({ value, onChange, placeholder, disabled, size, variant,
         className: "flex flex-col gap-sm"
     }, /*#__PURE__*/ react.createElement(Calendar, {
         mode: "single",
-        selected: currentDate,
+        selected: displayDate,
         onSelect: handleDateSelect,
-        weekStartsOn: weekStartsOn
+        weekStartsOn: weekStartsOn,
+        disabled: [
+            ...minDate ? [
+                {
+                    before: minDate
+                }
+            ] : [],
+            ...maxDate ? [
+                {
+                    after: maxDate
+                }
+            ] : []
+        ]
     }), /*#__PURE__*/ react.createElement("div", {
         className: "flex gap-sm px-md pb-md"
     }, /*#__PURE__*/ react.createElement("div", {

package/DatePicker/primitives/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker/primitives/DateTimePicker.js","sources":["../../../src/DatePicker/primitives/DateTimePicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { format } from \"date-fns\";\nimport { UTC_TIMEZONES } from \"@webiny/utils\";\nimport { Calendar } from \"~/Calendar/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport { SelectPrimitive } from \"~/Select/index.js\";\nimport type { DateTimeLocalPickerProps, DateTimeTzPickerProps } from \"../utils/types.js\";\nimport {\n    extractTimezone,\n    formatDateForDisplay,\n    formatTimeValue,\n    getLocalTimezone,\n    parseTimeValue,\n    toIsoWithTz\n} from \"../utils/dateHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\nimport { TimePicker } from \"./components/TimePicker.js\";\n\ntype DateTimePickerInternalProps = (DateTimeLocalPickerProps | DateTimeTzPickerProps) & {\n    withTimezone: boolean;\n};\n\nconst timezoneOptions = UTC_TIMEZONES.map(tz => ({ value: tz.value, label: tz.label }));\n\nfunction parseToDate(value: string | undefined): Date | undefined {\n    if (!value) {\n        return undefined;\n    }\n    const d = new Date(value);\n    if (Number.isNaN(d.getTime())) {\n        return undefined;\n    }\n    return d;\n}\n\nconst DateTimePicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    weekStartsOn,\n    onOpenChange,\n    className,\n    withTimezone,\n    displayFormat\n}: DateTimePickerInternalProps) => {\n    const [open, setOpen] = useState(false);\n\n    const existingTz = withTimezone && value ? extractTimezone(value as string) : undefined;\n    const [timezone, setTimezone] = useState(existingTz || getLocalTimezone());\n\n    const handleOpenChange = (isOpen: boolean) => {\n        setOpen(isOpen);\n        if (onOpenChange) {\n            onOpenChange(isOpen);\n        }\n    };\n\n    const currentDate = parseToDate(value);\n\n    const displayValue = withTimezone\n        ? formatDateForDisplay(value, \"dateTimeTz\", displayFormat)\n        : formatDateForDisplay(value, \"dateTimeLocal\", displayFormat);\n\n    const timeValue = currentDate ? formatTimeValue(currentDate) : \"\";\n\n    const emitChange = (date: Date, tz?: string) => {\n        if (!onChange) {\n            return;\n        }\n        if (withTimezone) {\n            onChange(toIsoWithTz(date, tz || timezone));\n        } else {\n            onChange(format(date, \"yyyy-MM-dd'T'HH:mm:ss\"));\n        }\n    };\n\n    const handleDateSelect = (date: Date | undefined) => {\n        if (!date) {\n            return;\n        }\n        if (currentDate) {\n            date.setHours(currentDate.getHours(), currentDate.getMinutes());\n        }\n        emitChange(date);\n    };\n\n    const handleTimeChange = (time: string | undefined) => {\n        if (!time) {\n            return;\n        }\n        const parsed = parseTimeValue(time);\n        if (!parsed) {\n            return;\n        }\n        const base = currentDate ? new Date(currentDate) : new Date();\n        base.setHours(parsed.hours, parsed.minutes, 0, 0);\n        emitChange(base);\n    };\n\n    const handleTimezoneChange = (tz: string) => {\n        setTimezone(tz);\n        if (currentDate) {\n            emitChange(currentDate, tz);\n        }\n    };\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick date & time\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <div className=\"flex flex-col gap-sm\">\n                        <Calendar\n                            mode=\"single\"\n                            selected={currentDate}\n                            onSelect={handleDateSelect}\n                            weekStartsOn={weekStartsOn}\n                        />\n                        <div className=\"flex gap-sm px-md pb-md\">\n                            <div className=\"flex-1\">\n                                <TimePicker\n                                    value={timeValue}\n                                    onChange={handleTimeChange}\n                                    disabled={disabled}\n                                    size=\"md\"\n                                />\n                            </div>\n                            {withTimezone && (\n                                <div className=\"flex-1\">\n                                    <SelectPrimitive\n                                        value={timezone}\n                                        onChange={handleTimezoneChange}\n                                        options={timezoneOptions}\n                                        disabled={disabled}\n                                        size=\"md\"\n                                    />\n                                </div>\n                            )}\n                        </div>\n                    </div>\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { DateTimePicker };\n"],"names":["timezoneOptions","UTC_TIMEZONES","tz","parseToDate","value","d","Date","Number","DateTimePicker","onChange","placeholder","disabled","size","variant","invalid","weekStartsOn","onOpenChange","className","withTimezone","displayFormat","open","setOpen","useState","existingTz","extractTimezone","undefined","timezone","setTimezone","getLocalTimezone","handleOpenChange","isOpen","currentDate","displayValue","formatDateForDisplay","timeValue","formatTimeValue","emitChange","date","toIsoWithTz","format","handleDateSelect","handleTimeChange","time","parsed","parseTimeValue","base","handleTimezoneChange","PopoverPrimitive","DatePickerTrigger","Calendar","TimePicker","SelectPrimitive"],"mappings":";;;;;;;;;AAsBA,MAAMA,kBAAkBC,cAAc,GAAG,CAACC,CAAAA,KAAO;QAAE,OAAOA,GAAG,KAAK;QAAE,OAAOA,GAAG,KAAK;IAAC;AAEpF,SAASC,YAAYC,KAAyB;IAC1C,IAAI,CAACA,OACD;IAEJ,MAAMC,IAAI,IAAIC,KAAKF;IACnB,IAAIG,OAAO,KAAK,CAACF,EAAE,OAAO,KACtB;IAEJ,OAAOA;AACX;AAEA,MAAMG,iBAAiB,CAAC,EACpBJ,KAAK,EACLK,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,SAAS,EACTC,YAAY,EACZC,aAAa,EACa;IAC1B,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IAEjC,MAAMC,aAAaL,gBAAgBd,QAAQoB,gBAAgBpB,SAAmBqB;IAC9E,MAAM,CAACC,UAAUC,YAAY,GAAGL,SAASC,cAAcK;IAEvD,MAAMC,mBAAmB,CAACC;QACtBT,QAAQS;QACR,IAAId,cACAA,aAAac;IAErB;IAEA,MAAMC,cAAc5B,YAAYC;IAEhC,MAAM4B,eAAed,eACfe,qBAAqB7B,OAAO,cAAce,iBAC1Cc,qBAAqB7B,OAAO,iBAAiBe;IAEnD,MAAMe,YAAYH,cAAcI,gBAAgBJ,eAAe;IAE/D,MAAMK,aAAa,CAACC,MAAYnC;QAC5B,IAAI,CAACO,UACD;QAEAS,eACAT,SAAS6B,YAAYD,MAAMnC,MAAMwB,aAEjCjB,SAAS8B,OAAOF,MAAM;IAE9B;IAEA,MAAMG,mBAAmB,CAACH;QACtB,IAAI,CAACA,MACD;QAEJ,IAAIN,aACAM,KAAK,QAAQ,CAACN,YAAY,QAAQ,IAAIA,YAAY,UAAU;QAEhEK,WAAWC;IACf;IAEA,MAAMI,mBAAmB,CAACC;QACtB,IAAI,CAACA,MACD;QAEJ,MAAMC,SAASC,eAAeF;QAC9B,IAAI,CAACC,QACD;QAEJ,MAAME,OAAOd,cAAc,IAAIzB,KAAKyB,eAAe,IAAIzB;QACvDuC,KAAK,QAAQ,CAACF,OAAO,KAAK,EAAEA,OAAO,OAAO,EAAE,GAAG;QAC/CP,WAAWS;IACf;IAEA,MAAMC,uBAAuB,CAAC5C;QAC1ByB,YAAYzB;QACZ,IAAI6B,aACAK,WAAWL,aAAa7B;IAEhC;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWe;qBACZ,oBAAC8B,kBAAgBA;QAAC,MAAM3B;QAAM,cAAcS;qBACxC,oBAACmB,mBAAiBA;QACd,cAAchB;QACd,aAAatB,eAAe;QAC5B,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;sBAEb,oBAACiC,iBAAiB,OAAO;QAAC,OAAM;qBAC5B,oBAAC;QAAI,WAAU;qBACX,oBAACE,UAAQA;QACL,MAAK;QACL,UAAUlB;QACV,UAAUS;QACV,cAAczB;sBAElB,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACmC,YAAUA;QACP,OAAOhB;QACP,UAAUO;QACV,UAAU9B;QACV,MAAK;SAGZO,gBAAgB,WAAhBA,GACG,oBAAC;QAAI,WAAU;qBACX,oBAACiC,iBAAeA;QACZ,OAAOzB;QACP,UAAUoB;QACV,SAAS9C;QACT,UAAUW;QACV,MAAK;;AAU7C"}
+{"version":3,"file":"DatePicker/primitives/DateTimePicker.js","sources":["../../../src/DatePicker/primitives/DateTimePicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { format } from \"date-fns\";\nimport { UTC_TIMEZONES } from \"@webiny/utils\";\nimport { Calendar } from \"~/Calendar/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport { SelectPrimitive } from \"~/Select/index.js\";\nimport type { DateTimeLocalPickerProps, DateTimeTzPickerProps } from \"../utils/types.js\";\nimport {\n    extractTimezone,\n    formatDateForDisplay,\n    formatTimeValue,\n    getLocalTimezone,\n    parseTimeValue\n} from \"../utils/dateHelpers.js\";\nimport { naiveDateToUtcIso, parseToDate, utcToTimezoneDate } from \"../utils/timezoneHelpers.js\";\nimport { DatePickerTrigger } from \"./components/DatePickerTrigger.js\";\nimport { TimePicker } from \"./components/TimePicker.js\";\n\ntype DateTimePickerInternalProps = (DateTimeLocalPickerProps | DateTimeTzPickerProps) & {\n    withTimezone: boolean;\n};\n\nconst timezoneOptions = UTC_TIMEZONES.map(tz => ({ value: tz.value, label: tz.label }));\n\nconst DateTimePicker = ({\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    size,\n    variant,\n    invalid,\n    weekStartsOn,\n    onOpenChange,\n    className,\n    withTimezone,\n    displayFormat,\n    minDate,\n    maxDate\n}: DateTimePickerInternalProps) => {\n    const [open, setOpen] = useState(false);\n\n    const existingTz = withTimezone && value ? extractTimezone(value) : undefined;\n    const [timezone, setTimezone] = useState(existingTz || getLocalTimezone());\n\n    const handleOpenChange = (isOpen: boolean) => {\n        setOpen(isOpen);\n        if (onOpenChange) {\n            onOpenChange(isOpen);\n        }\n    };\n\n    const currentDate = parseToDate(value);\n\n    const displayDate =\n        withTimezone && currentDate ? utcToTimezoneDate(currentDate, timezone) : currentDate;\n\n    const displayValue = withTimezone\n        ? displayDate\n            ? formatDateForDisplay(\n                  format(displayDate, \"yyyy-MM-dd'T'HH:mm:ss\") + timezone,\n                  \"dateTimeTz\",\n                  displayFormat\n              )\n            : undefined\n        : formatDateForDisplay(value, \"dateTimeLocal\", displayFormat);\n\n    const timeValue = displayDate ? formatTimeValue(displayDate) : \"\";\n\n    const emitChange = (date: Date, tz?: string) => {\n        if (!onChange) {\n            return;\n        }\n        if (withTimezone) {\n            onChange(naiveDateToUtcIso(date, tz || timezone));\n        } else {\n            onChange(format(date, \"yyyy-MM-dd'T'HH:mm:ss\") + \".000Z\");\n        }\n    };\n\n    const handleDateSelect = (date: Date | undefined) => {\n        if (!date) {\n            return;\n        }\n        if (displayDate) {\n            date.setHours(displayDate.getHours(), displayDate.getMinutes());\n        }\n        emitChange(date);\n    };\n\n    const handleTimeChange = (time: string | undefined) => {\n        if (!time) {\n            return;\n        }\n        const parsed = parseTimeValue(time);\n        if (!parsed) {\n            return;\n        }\n        const base = displayDate ? new Date(displayDate) : new Date();\n        base.setHours(parsed.hours, parsed.minutes, 0, 0);\n        emitChange(base);\n    };\n\n    const handleTimezoneChange = (tz: string) => {\n        setTimezone(tz);\n    };\n\n    return (\n        <div className={className}>\n            <PopoverPrimitive open={open} onOpenChange={handleOpenChange}>\n                <DatePickerTrigger\n                    displayValue={displayValue}\n                    placeholder={placeholder ?? \"Pick date & time\"}\n                    disabled={disabled}\n                    size={size}\n                    variant={variant}\n                    invalid={invalid}\n                />\n                <PopoverPrimitive.Content align=\"start\">\n                    <div className=\"flex flex-col gap-sm\">\n                        <Calendar\n                            mode=\"single\"\n                            selected={displayDate}\n                            onSelect={handleDateSelect}\n                            weekStartsOn={weekStartsOn}\n                            disabled={[\n                                ...(minDate ? [{ before: minDate }] : []),\n                                ...(maxDate ? [{ after: maxDate }] : [])\n                            ]}\n                        />\n                        <div className=\"flex gap-sm px-md pb-md\">\n                            <div className=\"flex-1\">\n                                <TimePicker\n                                    value={timeValue}\n                                    onChange={handleTimeChange}\n                                    disabled={disabled}\n                                    size=\"md\"\n                                />\n                            </div>\n                            {withTimezone && (\n                                <div className=\"flex-1\">\n                                    <SelectPrimitive\n                                        value={timezone}\n                                        onChange={handleTimezoneChange}\n                                        options={timezoneOptions}\n                                        disabled={disabled}\n                                        size=\"md\"\n                                    />\n                                </div>\n                            )}\n                        </div>\n                    </div>\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive>\n        </div>\n    );\n};\n\nexport { DateTimePicker };\n"],"names":["timezoneOptions","UTC_TIMEZONES","tz","DateTimePicker","value","onChange","placeholder","disabled","size","variant","invalid","weekStartsOn","onOpenChange","className","withTimezone","displayFormat","minDate","maxDate","open","setOpen","useState","existingTz","extractTimezone","undefined","timezone","setTimezone","getLocalTimezone","handleOpenChange","isOpen","currentDate","parseToDate","displayDate","utcToTimezoneDate","displayValue","formatDateForDisplay","format","timeValue","formatTimeValue","emitChange","date","naiveDateToUtcIso","handleDateSelect","handleTimeChange","time","parsed","parseTimeValue","base","Date","handleTimezoneChange","PopoverPrimitive","DatePickerTrigger","Calendar","TimePicker","SelectPrimitive"],"mappings":";;;;;;;;;;AAsBA,MAAMA,kBAAkBC,cAAc,GAAG,CAACC,CAAAA,KAAO;QAAE,OAAOA,GAAG,KAAK;QAAE,OAAOA,GAAG,KAAK;IAAC;AAEpF,MAAMC,iBAAiB,CAAC,EACpBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,SAAS,EACTC,YAAY,EACZC,aAAa,EACbC,OAAO,EACPC,OAAO,EACmB;IAC1B,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IAEjC,MAAMC,aAAaP,gBAAgBV,QAAQkB,gBAAgBlB,SAASmB;IACpE,MAAM,CAACC,UAAUC,YAAY,GAAGL,SAASC,cAAcK;IAEvD,MAAMC,mBAAmB,CAACC;QACtBT,QAAQS;QACR,IAAIhB,cACAA,aAAagB;IAErB;IAEA,MAAMC,cAAcC,YAAY1B;IAEhC,MAAM2B,cACFjB,gBAAgBe,cAAcG,kBAAkBH,aAAaL,YAAYK;IAE7E,MAAMI,eAAenB,eACfiB,cACIG,qBACIC,OAAOJ,aAAa,2BAA2BP,UAC/C,cACAT,iBAEJQ,SACJW,qBAAqB9B,OAAO,iBAAiBW;IAEnD,MAAMqB,YAAYL,cAAcM,gBAAgBN,eAAe;IAE/D,MAAMO,aAAa,CAACC,MAAYrC;QAC5B,IAAI,CAACG,UACD;QAEAS,eACAT,SAASmC,kBAAkBD,MAAMrC,MAAMsB,aAEvCnB,SAAS8B,OAAOI,MAAM,2BAA2B;IAEzD;IAEA,MAAME,mBAAmB,CAACF;QACtB,IAAI,CAACA,MACD;QAEJ,IAAIR,aACAQ,KAAK,QAAQ,CAACR,YAAY,QAAQ,IAAIA,YAAY,UAAU;QAEhEO,WAAWC;IACf;IAEA,MAAMG,mBAAmB,CAACC;QACtB,IAAI,CAACA,MACD;QAEJ,MAAMC,SAASC,eAAeF;QAC9B,IAAI,CAACC,QACD;QAEJ,MAAME,OAAOf,cAAc,IAAIgB,KAAKhB,eAAe,IAAIgB;QACvDD,KAAK,QAAQ,CAACF,OAAO,KAAK,EAAEA,OAAO,OAAO,EAAE,GAAG;QAC/CN,WAAWQ;IACf;IAEA,MAAME,uBAAuB,CAAC9C;QAC1BuB,YAAYvB;IAChB;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWW;qBACZ,oBAACoC,kBAAgBA;QAAC,MAAM/B;QAAM,cAAcS;qBACxC,oBAACuB,mBAAiBA;QACd,cAAcjB;QACd,aAAa3B,eAAe;QAC5B,UAAUC;QACV,MAAMC;QACN,SAASC;QACT,SAASC;sBAEb,oBAACuC,iBAAiB,OAAO;QAAC,OAAM;qBAC5B,oBAAC;QAAI,WAAU;qBACX,oBAACE,UAAQA;QACL,MAAK;QACL,UAAUpB;QACV,UAAUU;QACV,cAAc9B;QACd,UAAU;eACFK,UAAU;gBAAC;oBAAE,QAAQA;gBAAQ;aAAE,GAAG,EAAE;eACpCC,UAAU;gBAAC;oBAAE,OAAOA;gBAAQ;aAAE,GAAG,EAAE;SAC1C;sBAEL,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACmC,YAAUA;QACP,OAAOhB;QACP,UAAUM;QACV,UAAUnC;QACV,MAAK;SAGZO,gBAAgB,WAAhBA,GACG,oBAAC;QAAI,WAAU;qBACX,oBAACuC,iBAAeA;QACZ,OAAO7B;QACP,UAAUwB;QACV,SAAShD;QACT,UAAUO;QACV,MAAK;;AAU7C"}

package/DatePicker/primitives/components/DatePickerTrigger.js

@@ -19,7 +19,7 @@ const DatePickerTriggerInner = /*#__PURE__*/ forwardRef(({ displayValue, placeho
             size,
             variant,
             invalid
-        }), "cursor-pointer justify-between select-none", disabled && "pointer-events-none opacity-50", className),
+        }), "cursor-pointer justify-between select-none min-w-0 overflow-hidden", disabled && "pointer-events-none opacity-50", className),
         ...props
     }, /*#__PURE__*/ react.createElement("span", {
         className: cn("truncate", !displayValue && "text-neutral-dimmed")

package/DatePicker/primitives/components/DatePickerTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker/primitives/components/DatePickerTrigger.js","sources":["../../../../src/DatePicker/primitives/components/DatePickerTrigger.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ReactComponent as CalendarMonthIcon } from \"@webiny/icons/calendar_month.svg\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/schedule.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { inputVariants, type InputPrimitiveProps } from \"~/Input/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface DatePickerTriggerProps {\n    displayValue?: string;\n    placeholder?: string;\n    disabled?: boolean;\n    size?: InputPrimitiveProps[\"size\"];\n    variant?: InputPrimitiveProps[\"variant\"];\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    iconType?: \"calendar\" | \"time\";\n}\n\nconst DatePickerTriggerInner = forwardRef<\n    HTMLDivElement,\n    DatePickerTriggerProps & React.HTMLAttributes<HTMLDivElement>\n>(\n    (\n        {\n            displayValue,\n            placeholder,\n            disabled,\n            size,\n            variant,\n            invalid,\n            iconType = \"calendar\",\n            className,\n            ...props\n        },\n        ref\n    ) => {\n        const IconComponent = iconType === \"time\" ? ScheduleIcon : CalendarMonthIcon;\n        const iconLabel = iconType === \"time\" ? \"Time\" : \"Calendar\";\n\n        return (\n            <PopoverPrimitive.Trigger asChild>\n                <div\n                    ref={ref}\n                    role=\"button\"\n                    tabIndex={0}\n                    data-disabled={disabled}\n                    className={cn(\n                        inputVariants({ size, variant, invalid }),\n                        \"cursor-pointer justify-between select-none\",\n                        disabled && \"pointer-events-none opacity-50\",\n                        className\n                    )}\n                    {...props}\n                >\n                    <span className={cn(\"truncate\", !displayValue && \"text-neutral-dimmed\")}>\n                        {displayValue || placeholder || \"Select...\"}\n                    </span>\n                    <Icon icon={<IconComponent />} label={iconLabel} size=\"sm\" color=\"inherit\" />\n                </div>\n            </PopoverPrimitive.Trigger>\n        );\n    }\n);\n\nDatePickerTriggerInner.displayName = \"DatePickerTrigger\";\n\nexport { DatePickerTriggerInner as DatePickerTrigger, type DatePickerTriggerProps };\n"],"names":["DatePickerTriggerInner","forwardRef","displayValue","placeholder","disabled","size","variant","invalid","iconType","className","props","ref","IconComponent","ScheduleIcon","CalendarMonthIcon","iconLabel","PopoverPrimitive","cn","inputVariants","Icon"],"mappings":";;;;;;;AAkBA,MAAMA,yBAAyB,WAAHA,GAAGC,WAI3B,CACI,EACIC,YAAY,EACZC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,WAAW,UAAU,EACrBC,SAAS,EACT,GAAGC,OACN,EACDC;IAEA,MAAMC,gBAAgBJ,AAAa,WAAbA,WAAsBK,8BAAeC;IAC3D,MAAMC,YAAYP,AAAa,WAAbA,WAAsB,SAAS;IAEjD,OAAO,WAAP,GACI,oBAACQ,iBAAiB,OAAO;QAAC;qBACtB,oBAAC;QACG,KAAKL;QACL,MAAK;QACL,UAAU;QACV,iBAAeP;QACf,WAAWa,GACPC,cAAc;YAAEb;YAAMC;YAASC;QAAQ,IACvC,8CACAH,YAAY,kCACZK;QAEH,GAAGC,KAAK;qBAET,oBAAC;QAAK,WAAWO,GAAG,YAAY,CAACf,gBAAgB;OAC5CA,gBAAgBC,eAAe,4BAEpC,oBAACgB,MAAIA;QAAC,oBAAM,oBAACP,eAAAA;QAAkB,OAAOG;QAAW,MAAK;QAAK,OAAM;;AAIjF;AAGJf,uBAAuB,WAAW,GAAG"}
+{"version":3,"file":"DatePicker/primitives/components/DatePickerTrigger.js","sources":["../../../../src/DatePicker/primitives/components/DatePickerTrigger.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ReactComponent as CalendarMonthIcon } from \"@webiny/icons/calendar_month.svg\";\nimport { ReactComponent as ScheduleIcon } from \"@webiny/icons/schedule.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { inputVariants, type InputPrimitiveProps } from \"~/Input/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport { cn } from \"~/utils.js\";\n\ninterface DatePickerTriggerProps {\n    displayValue?: string;\n    placeholder?: string;\n    disabled?: boolean;\n    size?: InputPrimitiveProps[\"size\"];\n    variant?: InputPrimitiveProps[\"variant\"];\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    iconType?: \"calendar\" | \"time\";\n}\n\nconst DatePickerTriggerInner = forwardRef<\n    HTMLDivElement,\n    DatePickerTriggerProps & React.HTMLAttributes<HTMLDivElement>\n>(\n    (\n        {\n            displayValue,\n            placeholder,\n            disabled,\n            size,\n            variant,\n            invalid,\n            iconType = \"calendar\",\n            className,\n            ...props\n        },\n        ref\n    ) => {\n        const IconComponent = iconType === \"time\" ? ScheduleIcon : CalendarMonthIcon;\n        const iconLabel = iconType === \"time\" ? \"Time\" : \"Calendar\";\n\n        return (\n            <PopoverPrimitive.Trigger asChild>\n                <div\n                    ref={ref}\n                    role=\"button\"\n                    tabIndex={0}\n                    data-disabled={disabled}\n                    className={cn(\n                        inputVariants({ size, variant, invalid }),\n                        \"cursor-pointer justify-between select-none min-w-0 overflow-hidden\",\n                        disabled && \"pointer-events-none opacity-50\",\n                        className\n                    )}\n                    {...props}\n                >\n                    <span className={cn(\"truncate\", !displayValue && \"text-neutral-dimmed\")}>\n                        {displayValue || placeholder || \"Select...\"}\n                    </span>\n                    <Icon icon={<IconComponent />} label={iconLabel} size=\"sm\" color=\"inherit\" />\n                </div>\n            </PopoverPrimitive.Trigger>\n        );\n    }\n);\n\nDatePickerTriggerInner.displayName = \"DatePickerTrigger\";\n\nexport { DatePickerTriggerInner as DatePickerTrigger, type DatePickerTriggerProps };\n"],"names":["DatePickerTriggerInner","forwardRef","displayValue","placeholder","disabled","size","variant","invalid","iconType","className","props","ref","IconComponent","ScheduleIcon","CalendarMonthIcon","iconLabel","PopoverPrimitive","cn","inputVariants","Icon"],"mappings":";;;;;;;AAkBA,MAAMA,yBAAyB,WAAHA,GAAGC,WAI3B,CACI,EACIC,YAAY,EACZC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,WAAW,UAAU,EACrBC,SAAS,EACT,GAAGC,OACN,EACDC;IAEA,MAAMC,gBAAgBJ,AAAa,WAAbA,WAAsBK,8BAAeC;IAC3D,MAAMC,YAAYP,AAAa,WAAbA,WAAsB,SAAS;IAEjD,OAAO,WAAP,GACI,oBAACQ,iBAAiB,OAAO;QAAC;qBACtB,oBAAC;QACG,KAAKL;QACL,MAAK;QACL,UAAU;QACV,iBAAeP;QACf,WAAWa,GACPC,cAAc;YAAEb;YAAMC;YAASC;QAAQ,IACvC,sEACAH,YAAY,kCACZK;QAEH,GAAGC,KAAK;qBAET,oBAAC;QAAK,WAAWO,GAAG,YAAY,CAACf,gBAAgB;OAC5CA,gBAAgBC,eAAe,4BAEpC,oBAACgB,MAAIA;QAAC,oBAAM,oBAACP,eAAAA;QAAkB,OAAOG;QAAW,MAAK;QAAK,OAAM;;AAIjF;AAGJf,uBAAuB,WAAW,GAAG"}

package/DatePicker/utils/dateHelpers.d.ts

@@ -15,7 +15,7 @@ export declare function parseTimeValue(time: string): {
 } | undefined;
 export declare function toIsoWithTz(date: Date, timezone?: string): string;
 export declare function getLocalTimezone(): string;
-export declare function extractTimezone(isoString: string): string | undefined;
+export declare function extractTimezone(isoString: string | Date | unknown): string | undefined;
 export declare function toLocalNaive(isoString: string): Date;
 export declare function formatWeekValue(date: Date): string;
 export declare function parseWeekValue(value: string): {

package/DatePicker/utils/dateHelpers.js

@@ -12,7 +12,7 @@ function formatDateForDisplay(value, type, displayFormat) {
         case "dateTimeTz":
             {
                 if (!value) return;
-                const isoStr = value;
+                const isoStr = value instanceof Date ? value.toISOString() : value;
                 const tzMatch = isoStr.match(/([+-]\d{2}:\d{2})$/);
                 const tz = tzMatch ? `UTC${tzMatch[1]}` : "";
                 const dateWithoutTz = isoStr.replace(/[+-]\d{2}:\d{2}$/, "");
@@ -127,6 +127,7 @@ function getLocalTimezone() {
     return `${sign}${hours}:${minutes}`;
 }
 function extractTimezone(isoString) {
+    if ("string" != typeof isoString) return;
     const match = isoString.match(/([+-]\d{2}:\d{2})$/);
     if (match) return match[1];
 }

package/DatePicker/utils/dateHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker/utils/dateHelpers.js","sources":["../../../src/DatePicker/utils/dateHelpers.ts"],"sourcesContent":["import { format, getISOWeek, getISOWeekYear, startOfISOWeek, endOfISOWeek } from \"date-fns\";\nimport { DEFAULT_YEAR_RANGE_SIZE, MONTH_NAMES_SHORT } from \"./constants.js\";\n\nexport function formatDateForDisplay(\n    value:\n        | Date\n        | string\n        | number\n        | { from?: string; to?: string }\n        | Date[]\n        | string[]\n        | number[]\n        | undefined,\n    type: string,\n    displayFormat?: string\n): string | undefined {\n    if (value === undefined || value === null) {\n        return undefined;\n    }\n\n    switch (type) {\n        case \"date\":\n            return format(new Date(value as string), displayFormat ?? \"PPP\");\n        case \"time\":\n            return value as string;\n        case \"dateTimeLocal\":\n            return format(new Date(value as string), displayFormat ?? \"PPP p\");\n        case \"dateTimeTz\": {\n            if (!value) {\n                return undefined;\n            }\n            const isoStr = value as string;\n            const tzMatch = isoStr.match(/([+-]\\d{2}:\\d{2})$/);\n            const tz = tzMatch ? `UTC${tzMatch[1]}` : \"\";\n            const dateWithoutTz = isoStr.replace(/[+-]\\d{2}:\\d{2}$/, \"\");\n            const parts = dateWithoutTz.split(\"T\");\n            if (parts.length < 2) {\n                return isoStr;\n            }\n            const datePart = new Date(parts[0] + \"T00:00:00\");\n            const timeParts = parts[1].split(\":\");\n            const hours = Number(timeParts[0]);\n            const minutes = timeParts[1] ?? \"00\";\n            const ampm = hours >= 12 ? \"PM\" : \"AM\";\n            const h12 = hours % 12 || 12;\n            if (displayFormat) {\n                return `${format(datePart, displayFormat)} ${h12}:${minutes} ${ampm} (${tz})`;\n            }\n            return `${format(datePart, \"PPP\")} ${h12}:${minutes} ${ampm} (${tz})`;\n        }\n        case \"month\": {\n            if (displayFormat) {\n                const parsed = parseMonthValue(value as string);\n                if (!parsed) {\n                    return undefined;\n                }\n                return format(new Date(parsed.year, parsed.month), displayFormat);\n            }\n            const parsed = parseMonthValue(value as string);\n            if (!parsed) {\n                return undefined;\n            }\n            return `${MONTH_NAMES_SHORT[parsed.month]} ${parsed.year}`;\n        }\n        case \"week\": {\n            const parsed = parseWeekValue(value as string);\n            if (!parsed) {\n                return undefined;\n            }\n            const weekStart = startOfISOWeek(new Date(parsed.year, 0, 4 + (parsed.week - 1) * 7));\n            const weekEnd = endOfISOWeek(weekStart);\n            if (displayFormat) {\n                return `${format(weekStart, displayFormat)} – ${format(weekEnd, displayFormat)}`;\n            }\n            return `Week ${parsed.week}, ${format(weekStart, \"MMM d\")} – ${format(weekEnd, \"MMM d, yyyy\")}`;\n        }\n        case \"year\":\n            return String(value);\n        case \"dateRange\": {\n            const range = value as { from?: string; to?: string };\n            const fmt = displayFormat ?? \"PPP\";\n            if (!range.from) {\n                return undefined;\n            }\n            if (!range.to) {\n                return format(new Date(range.from), fmt);\n            }\n            return `${format(new Date(range.from), fmt)} – ${format(new Date(range.to), fmt)}`;\n        }\n        case \"multipleDates\": {\n            const dates = value as string[];\n            if (dates.length === 0) {\n                return undefined;\n            }\n            return `${dates.length} date${dates.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        case \"multipleMonths\": {\n            const months = value as string[];\n            if (months.length === 0) {\n                return undefined;\n            }\n            return `${months.length} month${months.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        case \"multipleYears\": {\n            const years = value as number[];\n            if (years.length === 0) {\n                return undefined;\n            }\n            return `${years.length} year${years.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        default:\n            return undefined;\n    }\n}\n\nexport function defaultYearRange(centerYear?: number): [number, number] {\n    const center = centerYear ?? new Date().getFullYear();\n    const half = Math.floor(DEFAULT_YEAR_RANGE_SIZE / 2);\n    return [center - half, center + half - 1];\n}\n\nexport function formatMonthValue(year: number, month: number): string {\n    return `${year}-${String(month + 1).padStart(2, \"0\")}`;\n}\n\nexport function parseMonthValue(value: string): { year: number; month: number } | undefined {\n    const match = value.match(/^(\\d{4})-(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { year: Number(match[1]), month: Number(match[2]) - 1 };\n}\n\nexport function formatTimeValue(date: Date): string {\n    return format(date, \"HH:mm\");\n}\n\nexport function parseTimeValue(time: string): { hours: number; minutes: number } | undefined {\n    const match = time.match(/^(\\d{2}):(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { hours: Number(match[1]), minutes: Number(match[2]) };\n}\n\nexport function toIsoWithTz(date: Date, timezone?: string): string {\n    if (timezone) {\n        return format(date, \"yyyy-MM-dd'T'HH:mm:ss\") + timezone;\n    }\n    const offset = -date.getTimezoneOffset();\n    const sign = offset >= 0 ? \"+\" : \"-\";\n    const absOffset = Math.abs(offset);\n    const hours = String(Math.floor(absOffset / 60)).padStart(2, \"0\");\n    const minutes = String(absOffset % 60).padStart(2, \"0\");\n    return format(date, \"yyyy-MM-dd'T'HH:mm:ss\") + `${sign}${hours}:${minutes}`;\n}\n\nexport function getLocalTimezone(): string {\n    const offset = -new Date().getTimezoneOffset();\n    const sign = offset >= 0 ? \"+\" : \"-\";\n    const absOffset = Math.abs(offset);\n    const hours = String(Math.floor(absOffset / 60)).padStart(2, \"0\");\n    const minutes = String(absOffset % 60).padStart(2, \"0\");\n    return `${sign}${hours}:${minutes}`;\n}\n\nexport function extractTimezone(isoString: string): string | undefined {\n    const match = isoString.match(/([+-]\\d{2}:\\d{2})$/);\n    if (match) {\n        return match[1];\n    }\n    return undefined;\n}\n\nexport function toLocalNaive(isoString: string): Date {\n    return new Date(isoString);\n}\n\nexport function formatWeekValue(date: Date): string {\n    const week = getISOWeek(date);\n    const year = getISOWeekYear(date);\n    return `${year}-W${String(week).padStart(2, \"0\")}`;\n}\n\nexport function parseWeekValue(value: string): { year: number; week: number } | undefined {\n    const match = value.match(/^(\\d{4})-W(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { year: Number(match[1]), week: Number(match[2]) };\n}\n"],"names":["formatDateForDisplay","value","type","displayFormat","format","Date","isoStr","tzMatch","tz","dateWithoutTz","parts","datePart","timeParts","hours","Number","minutes","ampm","h12","parsed","parseMonthValue","MONTH_NAMES_SHORT","parseWeekValue","weekStart","startOfISOWeek","weekEnd","endOfISOWeek","String","range","fmt","dates","months","years","defaultYearRange","centerYear","center","half","Math","DEFAULT_YEAR_RANGE_SIZE","formatMonthValue","year","month","match","formatTimeValue","date","parseTimeValue","time","toIsoWithTz","timezone","offset","sign","absOffset","getLocalTimezone","extractTimezone","isoString","toLocalNaive","formatWeekValue","week","getISOWeek","getISOWeekYear"],"mappings":";;AAGO,SAASA,qBACZC,KAQe,EACfC,IAAY,EACZC,aAAsB;IAEtB,IAAIF,QAAAA,OACA;IAGJ,OAAQC;QACJ,KAAK;YACD,OAAOE,OAAO,IAAIC,KAAKJ,QAAkBE,iBAAiB;QAC9D,KAAK;YACD,OAAOF;QACX,KAAK;YACD,OAAOG,OAAO,IAAIC,KAAKJ,QAAkBE,iBAAiB;QAC9D,KAAK;YAAc;gBACf,IAAI,CAACF,OACD;gBAEJ,MAAMK,SAASL;gBACf,MAAMM,UAAUD,OAAO,KAAK,CAAC;gBAC7B,MAAME,KAAKD,UAAU,CAAC,GAAG,EAAEA,OAAO,CAAC,EAAE,EAAE,GAAG;gBAC1C,MAAME,gBAAgBH,OAAO,OAAO,CAAC,oBAAoB;gBACzD,MAAMI,QAAQD,cAAc,KAAK,CAAC;gBAClC,IAAIC,MAAM,MAAM,GAAG,GACf,OAAOJ;gBAEX,MAAMK,WAAW,IAAIN,KAAKK,KAAK,CAAC,EAAE,GAAG;gBACrC,MAAME,YAAYF,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC;gBACjC,MAAMG,QAAQC,OAAOF,SAAS,CAAC,EAAE;gBACjC,MAAMG,UAAUH,SAAS,CAAC,EAAE,IAAI;gBAChC,MAAMI,OAAOH,SAAS,KAAK,OAAO;gBAClC,MAAMI,MAAMJ,QAAQ,MAAM;gBAC1B,IAAIV,eACA,OAAO,GAAGC,OAAOO,UAAUR,eAAe,CAAC,EAAEc,IAAI,CAAC,EAAEF,QAAQ,CAAC,EAAEC,KAAK,EAAE,EAAER,GAAG,CAAC,CAAC;gBAEjF,OAAO,GAAGJ,OAAOO,UAAU,OAAO,CAAC,EAAEM,IAAI,CAAC,EAAEF,QAAQ,CAAC,EAAEC,KAAK,EAAE,EAAER,GAAG,CAAC,CAAC;YACzE;QACA,KAAK;YAAS;gBACV,IAAIL,eAAe;oBACf,MAAMe,SAASC,gBAAgBlB;oBAC/B,IAAI,CAACiB,QACD;oBAEJ,OAAOd,OAAO,IAAIC,KAAKa,OAAO,IAAI,EAAEA,OAAO,KAAK,GAAGf;gBACvD;gBACA,MAAMe,SAASC,gBAAgBlB;gBAC/B,IAAI,CAACiB,QACD;gBAEJ,OAAO,GAAGE,iBAAiB,CAACF,OAAO,KAAK,CAAC,CAAC,CAAC,EAAEA,OAAO,IAAI,EAAE;YAC9D;QACA,KAAK;YAAQ;gBACT,MAAMA,SAASG,eAAepB;gBAC9B,IAAI,CAACiB,QACD;gBAEJ,MAAMI,YAAYC,eAAe,IAAIlB,KAAKa,OAAO,IAAI,EAAE,GAAG,IAAKA,AAAAA,CAAAA,OAAO,IAAI,GAAG,KAAK;gBAClF,MAAMM,UAAUC,aAAaH;gBAC7B,IAAInB,eACA,OAAO,GAAGC,OAAOkB,WAAWnB,eAAe,GAAG,EAAEC,OAAOoB,SAASrB,gBAAgB;gBAEpF,OAAO,CAAC,KAAK,EAAEe,OAAO,IAAI,CAAC,EAAE,EAAEd,OAAOkB,WAAW,SAAS,GAAG,EAAElB,OAAOoB,SAAS,gBAAgB;YACnG;QACA,KAAK;YACD,OAAOE,OAAOzB;QAClB,KAAK;YAAa;gBACd,MAAM0B,QAAQ1B;gBACd,MAAM2B,MAAMzB,iBAAiB;gBAC7B,IAAI,CAACwB,MAAM,IAAI,EACX;gBAEJ,IAAI,CAACA,MAAM,EAAE,EACT,OAAOvB,OAAO,IAAIC,KAAKsB,MAAM,IAAI,GAAGC;gBAExC,OAAO,GAAGxB,OAAO,IAAIC,KAAKsB,MAAM,IAAI,GAAGC,KAAK,GAAG,EAAExB,OAAO,IAAIC,KAAKsB,MAAM,EAAE,GAAGC,MAAM;YACtF;QACA,KAAK;YAAiB;gBAClB,MAAMC,QAAQ5B;gBACd,IAAI4B,AAAiB,MAAjBA,MAAM,MAAM,EACZ;gBAEJ,OAAO,GAAGA,MAAM,MAAM,CAAC,KAAK,EAAEA,MAAM,MAAM,GAAG,IAAI,MAAM,GAAG,SAAS,CAAC;YACxE;QACA,KAAK;YAAkB;gBACnB,MAAMC,SAAS7B;gBACf,IAAI6B,AAAkB,MAAlBA,OAAO,MAAM,EACb;gBAEJ,OAAO,GAAGA,OAAO,MAAM,CAAC,MAAM,EAAEA,OAAO,MAAM,GAAG,IAAI,MAAM,GAAG,SAAS,CAAC;YAC3E;QACA,KAAK;YAAiB;gBAClB,MAAMC,QAAQ9B;gBACd,IAAI8B,AAAiB,MAAjBA,MAAM,MAAM,EACZ;gBAEJ,OAAO,GAAGA,MAAM,MAAM,CAAC,KAAK,EAAEA,MAAM,MAAM,GAAG,IAAI,MAAM,GAAG,SAAS,CAAC;YACxE;QACA;YACI;IACR;AACJ;AAEO,SAASC,iBAAiBC,UAAmB;IAChD,MAAMC,SAASD,cAAc,IAAI5B,OAAO,WAAW;IACnD,MAAM8B,OAAOC,KAAK,KAAK,CAACC,0BAA0B;IAClD,OAAO;QAACH,SAASC;QAAMD,SAASC,OAAO;KAAE;AAC7C;AAEO,SAASG,iBAAiBC,IAAY,EAAEC,KAAa;IACxD,OAAO,GAAGD,KAAK,CAAC,EAAEb,OAAOc,QAAQ,GAAG,QAAQ,CAAC,GAAG,MAAM;AAC1D;AAEO,SAASrB,gBAAgBlB,KAAa;IACzC,MAAMwC,QAAQxC,MAAM,KAAK,CAAC;IAC1B,IAAI,CAACwC,OACD;IAEJ,OAAO;QAAE,MAAM3B,OAAO2B,KAAK,CAAC,EAAE;QAAG,OAAO3B,OAAO2B,KAAK,CAAC,EAAE,IAAI;IAAE;AACjE;AAEO,SAASC,gBAAgBC,IAAU;IACtC,OAAOvC,OAAOuC,MAAM;AACxB;AAEO,SAASC,eAAeC,IAAY;IACvC,MAAMJ,QAAQI,KAAK,KAAK,CAAC;IACzB,IAAI,CAACJ,OACD;IAEJ,OAAO;QAAE,OAAO3B,OAAO2B,KAAK,CAAC,EAAE;QAAG,SAAS3B,OAAO2B,KAAK,CAAC,EAAE;IAAE;AAChE;AAEO,SAASK,YAAYH,IAAU,EAAEI,QAAiB;IACrD,IAAIA,UACA,OAAO3C,OAAOuC,MAAM,2BAA2BI;IAEnD,MAAMC,SAAS,CAACL,KAAK,iBAAiB;IACtC,MAAMM,OAAOD,UAAU,IAAI,MAAM;IACjC,MAAME,YAAYd,KAAK,GAAG,CAACY;IAC3B,MAAMnC,QAAQa,OAAOU,KAAK,KAAK,CAACc,YAAY,KAAK,QAAQ,CAAC,GAAG;IAC7D,MAAMnC,UAAUW,OAAOwB,YAAY,IAAI,QAAQ,CAAC,GAAG;IACnD,OAAO9C,OAAOuC,MAAM,2BAA2B,GAAGM,OAAOpC,MAAM,CAAC,EAAEE,SAAS;AAC/E;AAEO,SAASoC;IACZ,MAAMH,SAAS,CAAC,IAAI3C,OAAO,iBAAiB;IAC5C,MAAM4C,OAAOD,UAAU,IAAI,MAAM;IACjC,MAAME,YAAYd,KAAK,GAAG,CAACY;IAC3B,MAAMnC,QAAQa,OAAOU,KAAK,KAAK,CAACc,YAAY,KAAK,QAAQ,CAAC,GAAG;IAC7D,MAAMnC,UAAUW,OAAOwB,YAAY,IAAI,QAAQ,CAAC,GAAG;IACnD,OAAO,GAAGD,OAAOpC,MAAM,CAAC,EAAEE,SAAS;AACvC;AAEO,SAASqC,gBAAgBC,SAAiB;IAC7C,MAAMZ,QAAQY,UAAU,KAAK,CAAC;IAC9B,IAAIZ,OACA,OAAOA,KAAK,CAAC,EAAE;AAGvB;AAEO,SAASa,aAAaD,SAAiB;IAC1C,OAAO,IAAIhD,KAAKgD;AACpB;AAEO,SAASE,gBAAgBZ,IAAU;IACtC,MAAMa,OAAOC,WAAWd;IACxB,MAAMJ,OAAOmB,eAAef;IAC5B,OAAO,GAAGJ,KAAK,EAAE,EAAEb,OAAO8B,MAAM,QAAQ,CAAC,GAAG,MAAM;AACtD;AAEO,SAASnC,eAAepB,KAAa;IACxC,MAAMwC,QAAQxC,MAAM,KAAK,CAAC;IAC1B,IAAI,CAACwC,OACD;IAEJ,OAAO;QAAE,MAAM3B,OAAO2B,KAAK,CAAC,EAAE;QAAG,MAAM3B,OAAO2B,KAAK,CAAC,EAAE;IAAE;AAC5D"}
+{"version":3,"file":"DatePicker/utils/dateHelpers.js","sources":["../../../src/DatePicker/utils/dateHelpers.ts"],"sourcesContent":["import { format, getISOWeek, getISOWeekYear, startOfISOWeek, endOfISOWeek } from \"date-fns\";\nimport { DEFAULT_YEAR_RANGE_SIZE, MONTH_NAMES_SHORT } from \"./constants.js\";\n\nexport function formatDateForDisplay(\n    value:\n        | Date\n        | string\n        | number\n        | { from?: string; to?: string }\n        | Date[]\n        | string[]\n        | number[]\n        | undefined,\n    type: string,\n    displayFormat?: string\n): string | undefined {\n    if (value === undefined || value === null) {\n        return undefined;\n    }\n\n    switch (type) {\n        case \"date\":\n            return format(new Date(value as string), displayFormat ?? \"PPP\");\n        case \"time\":\n            return value as string;\n        case \"dateTimeLocal\":\n            return format(new Date(value as string), displayFormat ?? \"PPP p\");\n        case \"dateTimeTz\": {\n            if (!value) {\n                return undefined;\n            }\n            const isoStr = value instanceof Date ? value.toISOString() : (value as string);\n            const tzMatch = isoStr.match(/([+-]\\d{2}:\\d{2})$/);\n            const tz = tzMatch ? `UTC${tzMatch[1]}` : \"\";\n            const dateWithoutTz = isoStr.replace(/[+-]\\d{2}:\\d{2}$/, \"\");\n            const parts = dateWithoutTz.split(\"T\");\n            if (parts.length < 2) {\n                return isoStr;\n            }\n            const datePart = new Date(parts[0] + \"T00:00:00\");\n            const timeParts = parts[1].split(\":\");\n            const hours = Number(timeParts[0]);\n            const minutes = timeParts[1] ?? \"00\";\n            const ampm = hours >= 12 ? \"PM\" : \"AM\";\n            const h12 = hours % 12 || 12;\n            if (displayFormat) {\n                return `${format(datePart, displayFormat)} ${h12}:${minutes} ${ampm} (${tz})`;\n            }\n            return `${format(datePart, \"PPP\")} ${h12}:${minutes} ${ampm} (${tz})`;\n        }\n        case \"month\": {\n            if (displayFormat) {\n                const parsed = parseMonthValue(value as string);\n                if (!parsed) {\n                    return undefined;\n                }\n                return format(new Date(parsed.year, parsed.month), displayFormat);\n            }\n            const parsed = parseMonthValue(value as string);\n            if (!parsed) {\n                return undefined;\n            }\n            return `${MONTH_NAMES_SHORT[parsed.month]} ${parsed.year}`;\n        }\n        case \"week\": {\n            const parsed = parseWeekValue(value as string);\n            if (!parsed) {\n                return undefined;\n            }\n            const weekStart = startOfISOWeek(new Date(parsed.year, 0, 4 + (parsed.week - 1) * 7));\n            const weekEnd = endOfISOWeek(weekStart);\n            if (displayFormat) {\n                return `${format(weekStart, displayFormat)} – ${format(weekEnd, displayFormat)}`;\n            }\n            return `Week ${parsed.week}, ${format(weekStart, \"MMM d\")} – ${format(weekEnd, \"MMM d, yyyy\")}`;\n        }\n        case \"year\":\n            return String(value);\n        case \"dateRange\": {\n            const range = value as { from?: string; to?: string };\n            const fmt = displayFormat ?? \"PPP\";\n            if (!range.from) {\n                return undefined;\n            }\n            if (!range.to) {\n                return format(new Date(range.from), fmt);\n            }\n            return `${format(new Date(range.from), fmt)} – ${format(new Date(range.to), fmt)}`;\n        }\n        case \"multipleDates\": {\n            const dates = value as string[];\n            if (dates.length === 0) {\n                return undefined;\n            }\n            return `${dates.length} date${dates.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        case \"multipleMonths\": {\n            const months = value as string[];\n            if (months.length === 0) {\n                return undefined;\n            }\n            return `${months.length} month${months.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        case \"multipleYears\": {\n            const years = value as number[];\n            if (years.length === 0) {\n                return undefined;\n            }\n            return `${years.length} year${years.length > 1 ? \"s\" : \"\"} selected`;\n        }\n        default:\n            return undefined;\n    }\n}\n\nexport function defaultYearRange(centerYear?: number): [number, number] {\n    const center = centerYear ?? new Date().getFullYear();\n    const half = Math.floor(DEFAULT_YEAR_RANGE_SIZE / 2);\n    return [center - half, center + half - 1];\n}\n\nexport function formatMonthValue(year: number, month: number): string {\n    return `${year}-${String(month + 1).padStart(2, \"0\")}`;\n}\n\nexport function parseMonthValue(value: string): { year: number; month: number } | undefined {\n    const match = value.match(/^(\\d{4})-(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { year: Number(match[1]), month: Number(match[2]) - 1 };\n}\n\nexport function formatTimeValue(date: Date): string {\n    return format(date, \"HH:mm\");\n}\n\nexport function parseTimeValue(time: string): { hours: number; minutes: number } | undefined {\n    const match = time.match(/^(\\d{2}):(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { hours: Number(match[1]), minutes: Number(match[2]) };\n}\n\nexport function toIsoWithTz(date: Date, timezone?: string): string {\n    if (timezone) {\n        return format(date, \"yyyy-MM-dd'T'HH:mm:ss\") + timezone;\n    }\n    const offset = -date.getTimezoneOffset();\n    const sign = offset >= 0 ? \"+\" : \"-\";\n    const absOffset = Math.abs(offset);\n    const hours = String(Math.floor(absOffset / 60)).padStart(2, \"0\");\n    const minutes = String(absOffset % 60).padStart(2, \"0\");\n    return format(date, \"yyyy-MM-dd'T'HH:mm:ss\") + `${sign}${hours}:${minutes}`;\n}\n\nexport function getLocalTimezone(): string {\n    const offset = -new Date().getTimezoneOffset();\n    const sign = offset >= 0 ? \"+\" : \"-\";\n    const absOffset = Math.abs(offset);\n    const hours = String(Math.floor(absOffset / 60)).padStart(2, \"0\");\n    const minutes = String(absOffset % 60).padStart(2, \"0\");\n    return `${sign}${hours}:${minutes}`;\n}\n\nexport function extractTimezone(isoString: string | Date | unknown): string | undefined {\n    if (typeof isoString !== \"string\") {\n        return undefined;\n    }\n    const match = isoString.match(/([+-]\\d{2}:\\d{2})$/);\n    if (match) {\n        return match[1];\n    }\n    return undefined;\n}\n\nexport function toLocalNaive(isoString: string): Date {\n    return new Date(isoString);\n}\n\nexport function formatWeekValue(date: Date): string {\n    const week = getISOWeek(date);\n    const year = getISOWeekYear(date);\n    return `${year}-W${String(week).padStart(2, \"0\")}`;\n}\n\nexport function parseWeekValue(value: string): { year: number; week: number } | undefined {\n    const match = value.match(/^(\\d{4})-W(\\d{2})$/);\n    if (!match) {\n        return undefined;\n    }\n    return { year: Number(match[1]), week: Number(match[2]) };\n}\n"],"names":["formatDateForDisplay","value","type","displayFormat","format","Date","isoStr","tzMatch","tz","dateWithoutTz","parts","datePart","timeParts","hours","Number","minutes","ampm","h12","parsed","parseMonthValue","MONTH_NAMES_SHORT","parseWeekValue","weekStart","startOfISOWeek","weekEnd","endOfISOWeek","String","range","fmt","dates","months","years","defaultYearRange","centerYear","center","half","Math","DEFAULT_YEAR_RANGE_SIZE","formatMonthValue","year","month","match","formatTimeValue","date","parseTimeValue","time","toIsoWithTz","timezone","offset","sign","absOffset","getLocalTimezone","extractTimezone","isoString","toLocalNaive","formatWeekValue","week","getISOWeek","getISOWeekYear"],"mappings":"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"}

package/DatePicker/utils/timezoneHelpers.d.ts

@@ -0,0 +1,3 @@
+export declare function utcToTimezoneDate(utcDate: Date, timezone: string): Date;
+export declare function naiveDateToUtcIso(date: Date, timezone: string): string;
+export declare function parseToDate(value: string | Date | undefined): Date | undefined;

package/DatePicker/utils/timezoneHelpers.js

@@ -0,0 +1,32 @@
+import { format } from "date-fns";
+function parseOffset(tz) {
+    const match = tz.match(/^([+-])(\d{2}):(\d{2})$/);
+    if (!match) return null;
+    const sign = "+" === match[1] ? 1 : -1;
+    return {
+        sign,
+        minutes: sign * (60 * Number(match[2]) + Number(match[3]))
+    };
+}
+function utcToTimezoneDate(utcDate, timezone) {
+    const parsed = parseOffset(timezone);
+    if (!parsed) return utcDate;
+    const localOffsetMinutes = -utcDate.getTimezoneOffset();
+    const shiftMs = (parsed.minutes - localOffsetMinutes) * 60000;
+    return new Date(utcDate.getTime() + shiftMs);
+}
+function naiveDateToUtcIso(date, timezone) {
+    const naive = format(date, "yyyy-MM-dd'T'HH:mm:ss");
+    const parsed = parseOffset(timezone);
+    if (parsed) return new Date(`${naive}${timezone}`).toISOString();
+    return date.toISOString();
+}
+function parseToDate(value) {
+    if (!value) return;
+    const d = new Date(value);
+    if (Number.isNaN(d.getTime())) return;
+    return d;
+}
+export { naiveDateToUtcIso, parseToDate, utcToTimezoneDate };
+
+//# sourceMappingURL=timezoneHelpers.js.map

package/DatePicker/utils/timezoneHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker/utils/timezoneHelpers.js","sources":["../../../src/DatePicker/utils/timezoneHelpers.ts"],"sourcesContent":["import { format } from \"date-fns\";\n\ninterface ParsedOffset {\n    sign: number;\n    minutes: number;\n}\n\nfunction parseOffset(tz: string): ParsedOffset | null {\n    const match = tz.match(/^([+-])(\\d{2}):(\\d{2})$/);\n    if (!match) {\n        return null;\n    }\n    const sign = match[1] === \"+\" ? 1 : -1;\n    return { sign, minutes: sign * (Number(match[2]) * 60 + Number(match[3])) };\n}\n\nexport function utcToTimezoneDate(utcDate: Date, timezone: string): Date {\n    const parsed = parseOffset(timezone);\n    if (!parsed) {\n        return utcDate;\n    }\n    const localOffsetMinutes = -utcDate.getTimezoneOffset();\n    const shiftMs = (parsed.minutes - localOffsetMinutes) * 60 * 1000;\n    return new Date(utcDate.getTime() + shiftMs);\n}\n\nexport function naiveDateToUtcIso(date: Date, timezone: string): string {\n    const naive = format(date, \"yyyy-MM-dd'T'HH:mm:ss\");\n    const parsed = parseOffset(timezone);\n    if (parsed) {\n        return new Date(`${naive}${timezone}`).toISOString();\n    }\n    return date.toISOString();\n}\n\nexport function parseToDate(value: string | Date | undefined): Date | undefined {\n    if (!value) {\n        return undefined;\n    }\n    const d = new Date(value);\n    if (Number.isNaN(d.getTime())) {\n        return undefined;\n    }\n    return d;\n}\n"],"names":["parseOffset","tz","match","sign","Number","utcToTimezoneDate","utcDate","timezone","parsed","localOffsetMinutes","shiftMs","Date","naiveDateToUtcIso","date","naive","format","parseToDate","value","d"],"mappings":";AAOA,SAASA,YAAYC,EAAU;IAC3B,MAAMC,QAAQD,GAAG,KAAK,CAAC;IACvB,IAAI,CAACC,OACD,OAAO;IAEX,MAAMC,OAAOD,AAAa,QAAbA,KAAK,CAAC,EAAE,GAAW,IAAI;IACpC,OAAO;QAAEC;QAAM,SAASA,OAAQC,CAAAA,AAAmB,KAAnBA,OAAOF,KAAK,CAAC,EAAE,IAASE,OAAOF,KAAK,CAAC,EAAE;IAAG;AAC9E;AAEO,SAASG,kBAAkBC,OAAa,EAAEC,QAAgB;IAC7D,MAAMC,SAASR,YAAYO;IAC3B,IAAI,CAACC,QACD,OAAOF;IAEX,MAAMG,qBAAqB,CAACH,QAAQ,iBAAiB;IACrD,MAAMI,UAAWF,AAAAA,CAAAA,OAAO,OAAO,GAAGC,kBAAiB,IAAlCD;IACjB,OAAO,IAAIG,KAAKL,QAAQ,OAAO,KAAKI;AACxC;AAEO,SAASE,kBAAkBC,IAAU,EAAEN,QAAgB;IAC1D,MAAMO,QAAQC,OAAOF,MAAM;IAC3B,MAAML,SAASR,YAAYO;IAC3B,IAAIC,QACA,OAAO,IAAIG,KAAK,GAAGG,QAAQP,UAAU,EAAE,WAAW;IAEtD,OAAOM,KAAK,WAAW;AAC3B;AAEO,SAASG,YAAYC,KAAgC;IACxD,IAAI,CAACA,OACD;IAEJ,MAAMC,IAAI,IAAIP,KAAKM;IACnB,IAAIb,OAAO,KAAK,CAACc,EAAE,OAAO,KACtB;IAEJ,OAAOA;AACX"}

package/DatePicker/utils/types.d.ts

@@ -14,6 +14,8 @@ interface DatePickerBaseProps {
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     onOpenChange?: (open: boolean) => void;
     displayFormat?: string;
+    minDate?: Date;
+    maxDate?: Date;
 }
 interface DateOnlyPickerProps extends DatePickerBaseProps {
     type: "date";

package/Dialog/Dialog.d.ts

@@ -20,39 +20,25 @@ interface DialogProps extends React.ComponentPropsWithoutRef<typeof DialogRoot>,
     onClose?: () => void;
     onOpen?: () => void;
 }
-declare const Dialog: {
+declare const DialogBase: {
     (props: DialogProps): React.JSX.Element;
     displayName: string;
-} & {
-    original: {
-        (props: DialogProps): React.JSX.Element;
-        displayName: string;
-    };
+};
+declare const Dialog: typeof DialogBase & {
+    original: typeof DialogBase;
     originalName: string;
     displayName: string;
 } & {
-    original: {
-        (props: DialogProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: DialogProps): React.JSX.Element;
-            displayName: string;
-        };
+    original: typeof DialogBase & {
+        original: typeof DialogBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<{
-        (props: DialogProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: DialogProps): React.JSX.Element;
-            displayName: string;
-        };
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DialogBase & {
+        original: typeof DialogBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Dialog/components/CancelAction.d.ts

@@ -1,21 +1,23 @@
 import * as React from "react";
 import type { ButtonProps } from "../../Button/index.js";
-export declare const CancelAction: ((props: ButtonProps) => React.JSX.Element) & {
-    original: (props: ButtonProps) => React.JSX.Element;
+declare const CancelActionBase: (props: ButtonProps) => React.JSX.Element;
+export declare const CancelAction: typeof CancelActionBase & {
+    original: typeof CancelActionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    original: typeof CancelActionBase & {
+        original: typeof CancelActionBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof CancelActionBase & {
+        original: typeof CancelActionBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/Dialog/components/ConfirmAction.d.ts

@@ -1,21 +1,23 @@
 import * as React from "react";
 import type { ButtonProps } from "../../Button/index.js";
-export declare const ConfirmAction: ((props: ButtonProps) => React.JSX.Element) & {
-    original: (props: ButtonProps) => React.JSX.Element;
+declare const ConfirmActionBase: (props: ButtonProps) => React.JSX.Element;
+export declare const ConfirmAction: typeof ConfirmActionBase & {
+    original: typeof ConfirmActionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    original: typeof ConfirmActionBase & {
+        original: typeof ConfirmActionBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof ConfirmActionBase & {
+        original: typeof ConfirmActionBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/Dialog/components/DialogContent.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
 import { type VariantProps } from "../../utils.js";
 declare const dialogContentVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+    size?: "full" | "lg" | "md" | "sm" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
     dismissible?: boolean;

package/Dialog/components/DialogFooter.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const dialogFooterVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+    size?: "full" | "lg" | "md" | "sm" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogFooterVariants> {
     actions?: React.ReactNode;

package/Dialog/components/DialogTitle.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
 import { type VariantProps } from "../../utils.js";
 declare const dialogTitleVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+    size?: "full" | "lg" | "md" | "sm" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> & VariantProps<typeof dialogTitleVariants>;
 export declare const DialogTitle: ({ className, size, ...props }: DialogTitleProps) => React.JSX.Element;

package/Dialog/components/Icon.d.ts

@@ -1,21 +1,22 @@
 import * as React from "react";
 import type { IconProps as IconComponentProps } from "../../Icon/index.js";
 type IconProps = IconComponentProps;
-export declare const Icon: ((props: IconProps) => React.JSX.Element) & {
-    original: (props: IconProps) => React.JSX.Element;
+declare const IconBase: (props: IconProps) => React.JSX.Element;
+export declare const Icon: typeof IconBase & {
+    original: typeof IconBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: IconProps) => React.JSX.Element) & {
-        original: (props: IconProps) => React.JSX.Element;
+    original: typeof IconBase & {
+        original: typeof IconBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: IconProps) => React.JSX.Element) & {
-        original: (props: IconProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof IconBase & {
+        original: typeof IconBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Drawer/Drawer.d.ts

@@ -18,39 +18,25 @@ interface DrawerProps extends React.ComponentPropsWithoutRef<typeof DrawerRoot>,
     onClose?: () => void;
     onOpen?: () => void;
 }
-declare const Drawer: {
+declare const DrawerBase: {
     (props: DrawerProps): React.JSX.Element;
     displayName: string;
-} & {
-    original: {
-        (props: DrawerProps): React.JSX.Element;
-        displayName: string;
-    };
+};
+declare const Drawer: typeof DrawerBase & {
+    original: typeof DrawerBase;
     originalName: string;
     displayName: string;
 } & {
-    original: {
-        (props: DrawerProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: DrawerProps): React.JSX.Element;
-            displayName: string;
-        };
+    original: typeof DrawerBase & {
+        original: typeof DrawerBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<{
-        (props: DrawerProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: DrawerProps): React.JSX.Element;
-            displayName: string;
-        };
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DrawerBase & {
+        original: typeof DrawerBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Drawer/Drawer.stories.js

@@ -140,6 +140,7 @@ const WithTabs = {
         bodyPadding: false,
         headerSeparator: false,
         children: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Tabs, {
+            separator: true,
             spacing: "lg",
             tabs: [
                 /*#__PURE__*/ react.createElement(Tabs.Tab, {