@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/datepicker/DayPickerDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPickerDropdown.js","sources":["../../../src/components/datepicker/DayPickerDropdown.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport type { CSSProperties, HTMLAttributes, MouseEvent, MutableRefObject, PointerEvent, ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nimport DayPickerDropdownFooter from './DayPickerDropdownFooter';\nimport DayPickerDropdownSidebar from './DayPickerDropdownSidebar';\nimport useStackedDayPickerCalendars from './useStackedDayPickerCalendars';\n\ntype DayPickerDropdownProps = {\n    assignPopperElement: (element: HTMLDivElement | null) => void;\n    popperStyles: CSSProperties;\n    popperAttributes: HTMLAttributes<HTMLDivElement>;\n    enableStackedCalendars?: boolean;\n    dropdownClassName?: string;\n    outsideRef: MutableRefObject<HTMLDivElement | null>;\n    updatePopperPosition?: () => void;\n    leftSidebar?: ReactNode;\n    rightSidebar?: ReactNode;\n    footer?: ReactNode;\n    leftSidebarClassName?: string;\n    rightSidebarClassName?: string;\n    footerClassName?: string;\n    children: ReactNode;\n};\n\nconst DayPickerDropdown = (props: DayPickerDropdownProps) => {\n    const {\n        assignPopperElement,\n        popperStyles,\n        popperAttributes,\n        enableStackedCalendars = false,\n        dropdownClassName,\n        outsideRef,\n        updatePopperPosition,\n        leftSidebar,\n        rightSidebar,\n        footer,\n        leftSidebarClassName,\n        rightSidebarClassName,\n        footerClassName,\n        children,\n    } = props;\n\n    const { calendarsRef, stackCalendars } = useStackedDayPickerCalendars([children, leftSidebar, rightSidebar]);\n\n    useEffect(() => {\n        if (!enableStackedCalendars || !updatePopperPosition) {\n            return;\n        }\n\n        const frameId = window.requestAnimationFrame(() => {\n            updatePopperPosition();\n        });\n\n        return () => window.cancelAnimationFrame(frameId);\n    }, [enableStackedCalendars, stackCalendars, updatePopperPosition]);\n\n    const handlePointerDownCapture = (event: PointerEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => {\n        const target = event.target as HTMLElement | null;\n        if (!target) {\n            return;\n        }\n\n        const focusableFieldElement = target.closest<HTMLElement>(\n            'input:not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"]), select, textarea, [contenteditable=\"true\"], [role=\"combobox\"], [role=\"textbox\"]'\n        );\n        const clickedInteractiveElement =\n            !!focusableFieldElement &&\n            !focusableFieldElement.hasAttribute('disabled') &&\n            focusableFieldElement.getAttribute('aria-disabled') !== 'true';\n\n        if (!clickedInteractiveElement) {\n            event.preventDefault();\n        }\n    };\n\n    return (\n        <div\n            ref={assignPopperElement}\n            style={popperStyles}\n            className={classNames(\n                'DayPickerDropdown z-index-max bg-white shadow-default rounded margin-y-3 border',\n                dropdownClassName\n            )}\n            {...popperAttributes}\n            role='dialog'\n            aria-label='DayPicker calendar'\n        >\n            <div\n                ref={outsideRef}\n                className='display-flex flex-column'\n                onPointerDownCapture={handlePointerDownCapture}\n                onMouseDownCapture={handlePointerDownCapture}\n            >\n                {/* flex-column on mobile */}\n                <div className={classNames(leftSidebar && 'display-flex flex-column-xs flex-row-sm')}>\n                    {leftSidebar && (\n                        <DayPickerDropdownSidebar className={leftSidebarClassName}>\n                            {leftSidebar}\n                        </DayPickerDropdownSidebar>\n                    )}\n                    <div>\n                        <div className={classNames(rightSidebar && 'display-flex flex-column-xs flex-row-sm')}>\n                            <div\n                                ref={enableStackedCalendars ? calendarsRef : null}\n                                className={classNames(\n                                    'DayPickerDropdown-calendars',\n                                    enableStackedCalendars && stackCalendars && 'stacked-calendars'\n                                )}\n                            >\n                                {children}\n                            </div>\n                            {rightSidebar && (\n                                <DayPickerDropdownSidebar side='right' className={rightSidebarClassName}>\n                                    {rightSidebar}\n                                </DayPickerDropdownSidebar>\n                            )}\n                        </div>\n                        {footer && (\n                            <DayPickerDropdownFooter className={footerClassName}>{footer}</DayPickerDropdownFooter>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default DayPickerDropdown;\n"],"names":["DayPickerDropdown","props","assignPopperElement","popperStyles","popperAttributes","enableStackedCalendars","dropdownClassName","outsideRef","updatePopperPosition","leftSidebar","rightSidebar","footer","leftSidebarClassName","rightSidebarClassName","footerClassName","children","calendarsRef","stackCalendars","useStackedDayPickerCalendars","useEffect","frameId","handlePointerDownCapture","event","target","focusableFieldElement","jsx","classNames","DayPickerDropdownSidebar","jsxs","DayPickerDropdownFooter"],"mappings":";;;;;;AA0BA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM;AAAA,IACF,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,wBAAAC,IAAyB;AAAA,IACzB,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACAd,GAEE,EAAE,cAAAe,GAAc,gBAAAC,MAAmBC,EAA6B,CAACH,GAAUN,GAAaC,CAAY,CAAC;AAE3G,EAAAS,EAAU,MAAM;AACZ,QAAI,CAACd,KAA0B,CAACG;AAC5B;AAGJ,UAAMY,IAAU,OAAO,sBAAsB,MAAM;AAC/C,MAAAZ,EAAA;AAAA,IACJ,CAAC;AAED,WAAO,MAAM,OAAO,qBAAqBY,CAAO;AAAA,EACpD,GAAG,CAACf,GAAwBY,GAAgBT,CAAoB,CAAC;AAEjE,QAAMa,IAA2B,CAACC,MAAqE;AACnG,UAAMC,IAASD,EAAM;AACrB,QAAI,CAACC;AACD;AAGJ,UAAMC,IAAwBD,EAAO;AAAA,MACjC;AAAA,IAAA;AAOJ,IAJMC,KACF,CAACA,EAAsB,aAAa,UAAU,KAC9CA,EAAsB,aAAa,eAAe,MAAM,UAGxDF,EAAM,eAAA;AAAA,EAEd;AAEA,SACI,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKvB;AAAA,MACL,OAAOC;AAAA,MACP,WAAWuB;AAAA,QACP;AAAA,QACApB;AAAA,MAAA;AAAA,MAEH,GAAGF;AAAA,MACJ,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,UAAA,gBAAAqB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKlB;AAAA,UACL,WAAU;AAAA,UACV,sBAAsBc;AAAA,UACtB,oBAAoBA;AAAA,UAGpB,4BAAC,OAAA,EAAI,WAAWK,EAAWjB,KAAe,yCAAyC,GAC9E,UAAA;AAAA,YAAAA,KACG,gBAAAgB,EAACE,GAAA,EAAyB,WAAWf,GAChC,UAAAH,GACL;AAAA,8BAEH,OAAA,EACG,UAAA;AAAA,cAAA,gBAAAmB,EAAC,OAAA,EAAI,WAAWF,EAAWhB,KAAgB,yCAAyC,GAChF,UAAA;AAAA,gBAAA,gBAAAe;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,KAAKpB,IAAyBW,IAAe;AAAA,oBAC7C,WAAWU;AAAA,sBACP;AAAA,sBACArB,KAA0BY,KAAkB;AAAA,oBAAA;AAAA,oBAG/C,UAAAF;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEJL,KACG,gBAAAe,EAACE,GAAA,EAAyB,MAAK,SAAQ,WAAWd,GAC7C,UAAAH,EAAA,CACL;AAAA,cAAA,GAER;AAAA,cACCC,KACG,gBAAAc,EAACI,GAAA,EAAwB,WAAWf,GAAkB,UAAAH,EAAA,CAAO;AAAA,YAAA,EAAA,CAErE;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"DayPickerDropdown.js","names":[],"sources":["../../../src/components/datepicker/DayPickerDropdown.tsx"],"sourcesContent":["import type { CSSProperties, MouseEvent, MutableRefObject, PointerEvent, ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nimport DayPickerDropdownFooter from './DayPickerDropdownFooter';\nimport DayPickerDropdownSidebar from './DayPickerDropdownSidebar';\nimport useStackedDayPickerCalendars from './useStackedDayPickerCalendars';\n\ntype DayPickerDropdownProps = {\n    assignDropdownElement: (element: HTMLDivElement | null) => void;\n    dropdownStyles: CSSProperties;\n    dropdownAttributes: { popover: 'manual' };\n    enableStackedCalendars?: boolean;\n    dropdownClassName?: string;\n    outsideRef: MutableRefObject<HTMLDivElement | null>;\n    leftSidebar?: ReactNode;\n    rightSidebar?: ReactNode;\n    footer?: ReactNode;\n    leftSidebarClassName?: string;\n    rightSidebarClassName?: string;\n    footerClassName?: string;\n    children: ReactNode;\n};\n\nconst DayPickerDropdown = (props: DayPickerDropdownProps) => {\n    const {\n        assignDropdownElement,\n        dropdownStyles,\n        dropdownAttributes,\n        enableStackedCalendars = false,\n        dropdownClassName,\n        outsideRef,\n        leftSidebar,\n        rightSidebar,\n        footer,\n        leftSidebarClassName,\n        rightSidebarClassName,\n        footerClassName,\n        children,\n    } = props;\n\n    const { calendarsRef, stackCalendars } = useStackedDayPickerCalendars([children, leftSidebar, rightSidebar]);\n\n    const handlePointerDownCapture = (event: PointerEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => {\n        const target = event.target as HTMLElement | null;\n        if (!target) {\n            return;\n        }\n\n        const focusableFieldElement = target.closest<HTMLElement>(\n            'input:not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"]), select, textarea, [contenteditable=\"true\"], [role=\"combobox\"], [role=\"textbox\"]'\n        );\n        const clickedInteractiveElement =\n            !!focusableFieldElement &&\n            !focusableFieldElement.hasAttribute('disabled') &&\n            focusableFieldElement.getAttribute('aria-disabled') !== 'true';\n\n        if (!clickedInteractiveElement) {\n            event.preventDefault();\n        }\n    };\n\n    return (\n        <div\n            {...dropdownAttributes}\n            ref={assignDropdownElement}\n            style={dropdownStyles}\n            className={classNames(\n                'DayPickerDropdown z-index-max bg-white shadow-default rounded margin-y-3 border',\n                dropdownClassName\n            )}\n            role='dialog'\n            aria-label='DayPicker calendar'\n        >\n            <div\n                ref={outsideRef}\n                className='display-flex flex-column'\n                onPointerDownCapture={handlePointerDownCapture}\n                onMouseDownCapture={handlePointerDownCapture}\n            >\n                {/* flex-column on mobile */}\n                <div className={classNames(Boolean(leftSidebar) && 'display-flex flex-column-xs flex-row-sm')}>\n                    {leftSidebar && (\n                        <DayPickerDropdownSidebar className={leftSidebarClassName}>\n                            {leftSidebar}\n                        </DayPickerDropdownSidebar>\n                    )}\n                    <div>\n                        <div className={classNames(Boolean(rightSidebar) && 'display-flex flex-column-xs flex-row-sm')}>\n                            <div\n                                ref={enableStackedCalendars ? calendarsRef : null}\n                                className={classNames(\n                                    'DayPickerDropdown-calendars',\n                                    enableStackedCalendars && stackCalendars && 'stacked-calendars'\n                                )}\n                            >\n                                {children}\n                            </div>\n                            {rightSidebar && (\n                                <DayPickerDropdownSidebar side='right' className={rightSidebarClassName}>\n                                    {rightSidebar}\n                                </DayPickerDropdownSidebar>\n                            )}\n                        </div>\n                        {footer && (\n                            <DayPickerDropdownFooter className={footerClassName}>{footer}</DayPickerDropdownFooter>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default DayPickerDropdown;\n"],"mappings":";;;;;;AAwBA,IAAM,KAAqB,MAAkC;CACzD,IAAM,EACF,0BACA,mBACA,uBACA,4BAAyB,IACzB,sBACA,eACA,gBACA,iBACA,WACA,yBACA,0BACA,oBACA,gBACA,GAEE,EAAE,iBAAc,sBAAmB,EAA6B;EAAC;EAAU;EAAa;CAAY,CAAC,GAErG,KAA4B,MAAqE;EACnG,IAAM,IAAS,EAAM;EACrB,IAAI,CAAC,GACD;EAGJ,IAAM,IAAwB,EAAO,QACjC,kKACJ;EAMA,AAJM,KACF,CAAC,EAAsB,aAAa,UAAU,KAC9C,EAAsB,aAAa,eAAe,MAAM,UAGxD,EAAM,eAAe;CAE7B;CAEA,OACI,kBAAC,OAAD;EACI,GAAI;EACJ,KAAK;EACL,OAAO;EACP,WAAW,EACP,mFACA,CACJ;EACA,MAAK;EACL,cAAW;YAEX,kBAAC,OAAD;GACI,KAAK;GACL,WAAU;GACV,sBAAsB;GACtB,oBAAoB;aAGpB,kBAAC,OAAD;IAAK,WAAW,EAAW,EAAQ,KAAgB,yCAAyC;cAA5F,CACK,KACG,kBAAC,GAAD;KAA0B,WAAW;eAChC;IACqB,CAAA,GAE9B,kBAAC,OAAD,EAAA,UAAA,CACI,kBAAC,OAAD;KAAK,WAAW,EAAW,EAAQ,KAAiB,yCAAyC;eAA7F,CACI,kBAAC,OAAD;MACI,KAAK,IAAyB,IAAe;MAC7C,WAAW,EACP,+BACA,KAA0B,KAAkB,mBAChD;MAEC;KACA,CAAA,GACJ,KACG,kBAAC,GAAD;MAA0B,MAAK;MAAQ,WAAW;gBAC7C;KACqB,CAAA,CAE7B;QACJ,KACG,kBAAC,GAAD;KAAyB,WAAW;eAAkB;IAAgC,CAAA,CAEzF,EAAA,CAAA,CACJ;;EACJ,CAAA;CACJ,CAAA;AAEb"}

package/components/datepicker/DayPickerDropdownFooter.js

@@ -1,7 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
-import { mergeClassNameOverrides as d } from "../../utils/mergeClassNameOverrides.js";
-const i = ({ children: o, className: r }) => /* @__PURE__ */ a("div", { className: d("padding-x-15 padding-bottom-15 padding-top-0", r), children: o });
-export {
-  i as default
-};
-//# sourceMappingURL=DayPickerDropdownFooter.js.map
+import { mergeClassNameOverrides as e } from "../../utils/mergeClassNameOverrides.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/datepicker/DayPickerDropdownFooter.tsx
+var n = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
+	className: e("padding-x-15 padding-bottom-15 padding-top-0", r),
+	children: n
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=DayPickerDropdownFooter.js.map

package/components/datepicker/DayPickerDropdownFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPickerDropdownFooter.js","sources":["../../../src/components/datepicker/DayPickerDropdownFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { mergeClassNameOverrides } from '../../utils/mergeClassNameOverrides';\n\ntype DayPickerDropdownFooterProps = {\n    children: ReactNode;\n    className?: string;\n};\n\nconst DayPickerDropdownFooter = ({ children, className }: DayPickerDropdownFooterProps) => (\n    <div className={mergeClassNameOverrides('padding-x-15 padding-bottom-15 padding-top-0', className)}>{children}</div>\n);\n\nexport default DayPickerDropdownFooter;\n"],"names":["DayPickerDropdownFooter","children","className","jsx","mergeClassNameOverrides"],"mappings":";;AASA,MAAMA,IAA0B,CAAC,EAAE,UAAAC,GAAU,WAAAC,EAAA,MACzC,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAwB,gDAAgDF,CAAS,GAAI,UAAAD,EAAA,CAAS;"}
+{"version":3,"file":"DayPickerDropdownFooter.js","names":[],"sources":["../../../src/components/datepicker/DayPickerDropdownFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { mergeClassNameOverrides } from '../../utils/mergeClassNameOverrides';\n\ntype DayPickerDropdownFooterProps = {\n    children: ReactNode;\n    className?: string;\n};\n\nconst DayPickerDropdownFooter = ({ children, className }: DayPickerDropdownFooterProps) => (\n    <div className={mergeClassNameOverrides('padding-x-15 padding-bottom-15 padding-top-0', className)}>{children}</div>\n);\n\nexport default DayPickerDropdownFooter;\n"],"mappings":";;;AASA,IAAM,KAA2B,EAAE,aAAU,mBACzC,kBAAC,OAAD;CAAK,WAAW,EAAwB,gDAAgD,CAAS;CAAI;AAAc,CAAA"}

package/components/datepicker/DayPickerDropdownSidebar.js

@@ -1,7 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
-import { mergeClassNameOverrides as i } from "../../utils/mergeClassNameOverrides.js";
-const o = ({ children: r, className: e }) => /* @__PURE__ */ a("div", { className: i("padding-15 min-width-100", e), children: r });
-export {
-  o as default
-};
-//# sourceMappingURL=DayPickerDropdownSidebar.js.map
+import { mergeClassNameOverrides as e } from "../../utils/mergeClassNameOverrides.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/datepicker/DayPickerDropdownSidebar.tsx
+var n = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
+	className: e("padding-15 min-width-100", r),
+	children: n
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=DayPickerDropdownSidebar.js.map

package/components/datepicker/DayPickerDropdownSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPickerDropdownSidebar.js","sources":["../../../src/components/datepicker/DayPickerDropdownSidebar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { mergeClassNameOverrides } from '../../utils/mergeClassNameOverrides';\n\ntype DayPickerDropdownSidebarProps = {\n    children: ReactNode;\n    side?: 'left' | 'right';\n    className?: string;\n};\n\nconst DayPickerDropdownSidebar = ({ children, className }: DayPickerDropdownSidebarProps) => (\n    <div className={mergeClassNameOverrides('padding-15 min-width-100', className)}>{children}</div>\n);\n\nexport default DayPickerDropdownSidebar;\n"],"names":["DayPickerDropdownSidebar","children","className","jsx","mergeClassNameOverrides"],"mappings":";;AAUA,MAAMA,IAA2B,CAAC,EAAE,UAAAC,GAAU,WAAAC,EAAA,MAC1C,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAwB,4BAA4BF,CAAS,GAAI,UAAAD,EAAA,CAAS;"}
+{"version":3,"file":"DayPickerDropdownSidebar.js","names":[],"sources":["../../../src/components/datepicker/DayPickerDropdownSidebar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { mergeClassNameOverrides } from '../../utils/mergeClassNameOverrides';\n\ntype DayPickerDropdownSidebarProps = {\n    children: ReactNode;\n    side?: 'left' | 'right';\n    className?: string;\n};\n\nconst DayPickerDropdownSidebar = ({ children, className }: DayPickerDropdownSidebarProps) => (\n    <div className={mergeClassNameOverrides('padding-15 min-width-100', className)}>{children}</div>\n);\n\nexport default DayPickerDropdownSidebar;\n"],"mappings":";;;AAUA,IAAM,KAA4B,EAAE,aAAU,mBAC1C,kBAAC,OAAD;CAAK,WAAW,EAAwB,4BAA4B,CAAS;CAAI;AAAc,CAAA"}

package/components/datepicker/DayPickerInput.d.ts

@@ -1,13 +1,14 @@
-import { ChangeEvent, FocusEvent, InputHTMLAttributes, KeyboardEvent, MouseEvent, ReactNode, Ref } from 'react';
+import { ChangeEvent, CSSProperties, FocusEvent, InputHTMLAttributes, KeyboardEvent, MouseEvent, ReactNode, Ref } from 'react';
 import { ClearableInputProps } from '../clearableInput/ClearableInput';
-import { RioglyphIconType } from '../rioglyph/RioglyphIconType';
+import { IconType } from '../icon/Icon';
 type DayPickerInputPropsShape = Omit<InputHTMLAttributes<HTMLInputElement>, 'children' | 'value' | 'defaultValue' | 'onChange' | 'size'>;
 type DayPickerInputProps = {
     id?: string;
     triggerRef?: Ref<HTMLDivElement>;
+    triggerStyle?: CSSProperties;
     inputRef: Ref<HTMLInputElement>;
     displayValue: string;
-    iconName: RioglyphIconType;
+    iconName: IconType;
     isSingleMode: boolean;
     isClearable: boolean;
     inputMaskProps?: Pick<ClearableInputProps, 'mask' | 'pattern' | 'format' | 'parse' | 'blocks'>;

package/components/datepicker/DayPickerInput.js

@@ -1,65 +1,49 @@
-import { jsxs as a, jsx as e, Fragment as P } from "react/jsx-runtime";
-import i from "../../utils/classNames.js";
-import F from "../clearableInput/ClearableInput.js";
-const D = (o) => {
-  const {
-    id: p,
-    triggerRef: t,
-    inputRef: c,
-    displayValue: d,
-    iconName: m,
-    isSingleMode: n,
-    isClearable: u,
-    inputMaskProps: g,
-    mergedInputProps: h,
-    inputClassName: f,
-    errorMessage: r,
-    warningMessage: s,
-    messageWhiteSpace: k,
-    onChange: y,
-    onAddonClick: C,
-    onClick: N,
-    onFocus: b,
-    onBlur: w,
-    onKeyDown: v,
-    onClear: x
-  } = o, l = !!(r || s);
-  return /* @__PURE__ */ a("div", { children: [
-    /* @__PURE__ */ a("div", { ref: t, className: "input-group", children: [
-      /* @__PURE__ */ e("span", { className: "input-group-addon", onClick: C, children: /* @__PURE__ */ e("span", { className: i("rioglyph", m), "aria-hidden": "true" }) }),
-      /* @__PURE__ */ a("div", { className: "form-control-feedback-wrapper flex-1-1", children: [
-        /* @__PURE__ */ e(
-          F,
-          {
-            ...h,
-            id: p,
-            ref: c,
-            type: "text",
-            value: d,
-            ...n ? g : void 0,
-            maskVisibility: "never",
-            maskOverwrite: "shift",
-            readOnly: !n,
-            showClearButton: u,
-            onChange: y,
-            onClick: N,
-            onFocus: b,
-            onBlur: w,
-            onKeyPress: (M) => v(M),
-            onClear: () => x(),
-            inputClassName: i("bg-white", !n && "cursor-pointer", f)
-          }
-        ),
-        l ? /* @__PURE__ */ a(P, { children: [
-          r ? /* @__PURE__ */ e("span", { className: "form-control-feedback rioglyph rioglyph-error-sign" }) : null,
-          !r && s ? /* @__PURE__ */ e("span", { className: "form-control-feedback rioglyph rioglyph-warning-sign" }) : null
-        ] }) : null
-      ] })
-    ] }),
-    l ? /* @__PURE__ */ e("span", { className: `help-block white-space-${k}`, children: /* @__PURE__ */ e("span", { children: r || s }) }) : null
-  ] });
+import e from "../../utils/classNames.js";
+import { normalizeIconName as t } from "../../utils/iconNames.js";
+import n from "../clearableInput/ClearableInput.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/datepicker/DayPickerInput.tsx
+var o = (o) => {
+	let { id: s, triggerRef: c, triggerStyle: l, inputRef: u, displayValue: d, iconName: f, isSingleMode: p, isClearable: m, inputMaskProps: h, mergedInputProps: g, inputClassName: _, errorMessage: v, warningMessage: y, messageWhiteSpace: b, onChange: x, onAddonClick: S, onClick: C, onFocus: w, onBlur: T, onKeyDown: E, onClear: D } = o, O = !!(v || y);
+	return /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ a("div", {
+		ref: c,
+		className: "input-group",
+		style: l,
+		children: [/* @__PURE__ */ i("span", {
+			className: "input-group-addon",
+			onClick: S,
+			children: /* @__PURE__ */ i("span", {
+				className: e("uikit-icon", t(f)),
+				"aria-hidden": "true"
+			})
+		}), /* @__PURE__ */ a("div", {
+			className: "form-control-feedback-wrapper flex-1-1",
+			children: [/* @__PURE__ */ i(n, {
+				...g,
+				id: s,
+				ref: u,
+				type: "text",
+				value: d,
+				...p ? h : void 0,
+				maskVisibility: "never",
+				maskOverwrite: "shift",
+				readOnly: !p,
+				showClearButton: m,
+				onChange: x,
+				onClick: C,
+				onFocus: w,
+				onBlur: T,
+				onKeyPress: (e) => E(e),
+				onClear: () => D(),
+				inputClassName: e("bg-white", !p && "cursor-pointer", _)
+			}), O ? /* @__PURE__ */ a(r, { children: [v ? /* @__PURE__ */ i("span", { className: "form-control-feedback uikit-icon icon-error-sign" }) : null, !v && y ? /* @__PURE__ */ i("span", { className: "form-control-feedback uikit-icon icon-warning-sign" }) : null] }) : null]
+		})]
+	}), O ? /* @__PURE__ */ i("span", {
+		className: `help-block white-space-${b}`,
+		children: /* @__PURE__ */ i("span", { children: v || y })
+	}) : null] });
 };
-export {
-  D as default
-};
-//# sourceMappingURL=DayPickerInput.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=DayPickerInput.js.map

package/components/datepicker/DayPickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPickerInput.js","sources":["../../../src/components/datepicker/DayPickerInput.tsx"],"sourcesContent":["import type { ChangeEvent, FocusEvent, InputHTMLAttributes, KeyboardEvent, MouseEvent, ReactNode, Ref } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport ClearableInput, { type ClearableInputProps } from '../clearableInput/ClearableInput';\nimport type { RioglyphIconType } from '../rioglyph/RioglyphIconType';\n\ntype DayPickerInputPropsShape = Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'children' | 'value' | 'defaultValue' | 'onChange' | 'size'\n>;\n\ntype DayPickerInputProps = {\n    id?: string;\n    triggerRef?: Ref<HTMLDivElement>;\n    inputRef: Ref<HTMLInputElement>;\n    displayValue: string;\n    iconName: RioglyphIconType;\n    isSingleMode: boolean;\n    isClearable: boolean;\n    inputMaskProps?: Pick<ClearableInputProps, 'mask' | 'pattern' | 'format' | 'parse' | 'blocks'>;\n    mergedInputProps: DayPickerInputPropsShape;\n    inputClassName?: string;\n    errorMessage?: string | ReactNode;\n    warningMessage?: string | ReactNode;\n    messageWhiteSpace: 'normal' | 'nowrap' | 'pre-line';\n    onChange: (nextValue: string, event?: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLSpanElement>) => void;\n    onAddonClick: () => void;\n    onClick: (event: MouseEvent<HTMLInputElement>) => void;\n    onFocus: (event: FocusEvent<HTMLInputElement>) => void;\n    onBlur: (event: FocusEvent<HTMLInputElement>) => void;\n    onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;\n    onClear: () => void;\n};\n\nconst DayPickerInput = (props: DayPickerInputProps) => {\n    const {\n        id,\n        triggerRef,\n        inputRef,\n        displayValue,\n        iconName,\n        isSingleMode,\n        isClearable,\n        inputMaskProps,\n        mergedInputProps,\n        inputClassName,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace,\n        onChange,\n        onAddonClick,\n        onClick,\n        onFocus,\n        onBlur,\n        onKeyDown,\n        onClear,\n    } = props;\n\n    const hasFeedback = !!(errorMessage || warningMessage);\n\n    return (\n        <div>\n            <div ref={triggerRef} className='input-group'>\n                <span className='input-group-addon' onClick={onAddonClick}>\n                    <span className={classNames('rioglyph', iconName)} aria-hidden='true' />\n                </span>\n                <div className='form-control-feedback-wrapper flex-1-1'>\n                    <ClearableInput\n                        {...mergedInputProps}\n                        id={id}\n                        ref={inputRef}\n                        type='text'\n                        value={displayValue}\n                        {...(isSingleMode ? inputMaskProps : undefined)}\n                        maskVisibility='never'\n                        maskOverwrite='shift'\n                        readOnly={!isSingleMode}\n                        showClearButton={isClearable}\n                        onChange={onChange}\n                        onClick={onClick}\n                        onFocus={onFocus}\n                        onBlur={onBlur}\n                        onKeyPress={event => onKeyDown(event)}\n                        onClear={() => onClear()}\n                        inputClassName={classNames('bg-white', !isSingleMode && 'cursor-pointer', inputClassName)}\n                    />\n                    {hasFeedback ? (\n                        <>\n                            {errorMessage ? (\n                                <span className='form-control-feedback rioglyph rioglyph-error-sign' />\n                            ) : null}\n                            {!errorMessage && warningMessage ? (\n                                <span className='form-control-feedback rioglyph rioglyph-warning-sign' />\n                            ) : null}\n                        </>\n                    ) : null}\n                </div>\n            </div>\n            {hasFeedback ? (\n                <span className={`help-block white-space-${messageWhiteSpace}`}>\n                    <span>{errorMessage || warningMessage}</span>\n                </span>\n            ) : null}\n        </div>\n    );\n};\n\nexport default DayPickerInput;\n"],"names":["DayPickerInput","props","id","triggerRef","inputRef","displayValue","iconName","isSingleMode","isClearable","inputMaskProps","mergedInputProps","inputClassName","errorMessage","warningMessage","messageWhiteSpace","onChange","onAddonClick","onClick","onFocus","onBlur","onKeyDown","onClear","hasFeedback","jsxs","jsx","classNames","ClearableInput","event","Fragment"],"mappings":";;;AAkCA,MAAMA,IAAiB,CAACC,MAA+B;AACnD,QAAM;AAAA,IACF,IAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACApB,GAEEqB,IAAc,CAAC,EAAEV,KAAgBC;AAEvC,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAU,EAAC,OAAA,EAAI,KAAKpB,GAAY,WAAU,eAC5B,UAAA;AAAA,MAAA,gBAAAqB,EAAC,QAAA,EAAK,WAAU,qBAAoB,SAASR,GACzC,UAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAWC,EAAW,YAAYnB,CAAQ,GAAG,eAAY,QAAO,GAC1E;AAAA,MACA,gBAAAiB,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACI,GAAGhB;AAAA,YACJ,IAAAR;AAAA,YACA,KAAKE;AAAA,YACL,MAAK;AAAA,YACL,OAAOC;AAAA,YACN,GAAIE,IAAeE,IAAiB;AAAA,YACrC,gBAAe;AAAA,YACf,eAAc;AAAA,YACd,UAAU,CAACF;AAAA,YACX,iBAAiBC;AAAA,YACjB,UAAAO;AAAA,YACA,SAAAE;AAAA,YACA,SAAAC;AAAA,YACA,QAAAC;AAAA,YACA,YAAY,CAAAQ,MAASP,EAAUO,CAAK;AAAA,YACpC,SAAS,MAAMN,EAAA;AAAA,YACf,gBAAgBI,EAAW,YAAY,CAAClB,KAAgB,kBAAkBI,CAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAE3FW,IACG,gBAAAC,EAAAK,GAAA,EACK,UAAA;AAAA,UAAAhB,IACG,gBAAAY,EAAC,QAAA,EAAK,WAAU,qDAAA,CAAqD,IACrE;AAAA,UACH,CAACZ,KAAgBC,sBACb,QAAA,EAAK,WAAU,wDAAuD,IACvE;AAAA,QAAA,EAAA,CACR,IACA;AAAA,MAAA,EAAA,CACR;AAAA,IAAA,GACJ;AAAA,IACCS,IACG,gBAAAE,EAAC,QAAA,EAAK,WAAW,0BAA0BV,CAAiB,IACxD,UAAA,gBAAAU,EAAC,QAAA,EAAM,UAAAZ,KAAgBC,EAAA,CAAe,EAAA,CAC1C,IACA;AAAA,EAAA,GACR;AAER;"}
+{"version":3,"file":"DayPickerInput.js","names":[],"sources":["../../../src/components/datepicker/DayPickerInput.tsx"],"sourcesContent":["import type {\n    ChangeEvent,\n    CSSProperties,\n    FocusEvent,\n    InputHTMLAttributes,\n    KeyboardEvent,\n    MouseEvent,\n    ReactNode,\n    Ref,\n} from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { normalizeIconName } from '../../utils/iconNames';\nimport ClearableInput, { type ClearableInputProps } from '../clearableInput/ClearableInput';\nimport type { IconType } from '../icon/Icon';\n\ntype DayPickerInputPropsShape = Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'children' | 'value' | 'defaultValue' | 'onChange' | 'size'\n>;\n\ntype DayPickerInputProps = {\n    id?: string;\n    triggerRef?: Ref<HTMLDivElement>;\n    triggerStyle?: CSSProperties;\n    inputRef: Ref<HTMLInputElement>;\n    displayValue: string;\n    iconName: IconType;\n    isSingleMode: boolean;\n    isClearable: boolean;\n    inputMaskProps?: Pick<ClearableInputProps, 'mask' | 'pattern' | 'format' | 'parse' | 'blocks'>;\n    mergedInputProps: DayPickerInputPropsShape;\n    inputClassName?: string;\n    errorMessage?: string | ReactNode;\n    warningMessage?: string | ReactNode;\n    messageWhiteSpace: 'normal' | 'nowrap' | 'pre-line';\n    onChange: (nextValue: string, event?: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLSpanElement>) => void;\n    onAddonClick: () => void;\n    onClick: (event: MouseEvent<HTMLInputElement>) => void;\n    onFocus: (event: FocusEvent<HTMLInputElement>) => void;\n    onBlur: (event: FocusEvent<HTMLInputElement>) => void;\n    onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;\n    onClear: () => void;\n};\n\nconst DayPickerInput = (props: DayPickerInputProps) => {\n    const {\n        id,\n        triggerRef,\n        triggerStyle,\n        inputRef,\n        displayValue,\n        iconName,\n        isSingleMode,\n        isClearable,\n        inputMaskProps,\n        mergedInputProps,\n        inputClassName,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace,\n        onChange,\n        onAddonClick,\n        onClick,\n        onFocus,\n        onBlur,\n        onKeyDown,\n        onClear,\n    } = props;\n\n    const hasFeedback = !!(errorMessage || warningMessage);\n\n    return (\n        <div>\n            <div ref={triggerRef} className='input-group' style={triggerStyle}>\n                <span className='input-group-addon' onClick={onAddonClick}>\n                    <span className={classNames('uikit-icon', normalizeIconName(iconName))} aria-hidden='true' />\n                </span>\n                <div className='form-control-feedback-wrapper flex-1-1'>\n                    <ClearableInput\n                        {...mergedInputProps}\n                        id={id}\n                        ref={inputRef}\n                        type='text'\n                        value={displayValue}\n                        {...(isSingleMode ? inputMaskProps : undefined)}\n                        maskVisibility='never'\n                        maskOverwrite='shift'\n                        readOnly={!isSingleMode}\n                        showClearButton={isClearable}\n                        onChange={onChange}\n                        onClick={onClick}\n                        onFocus={onFocus}\n                        onBlur={onBlur}\n                        onKeyPress={event => onKeyDown(event)}\n                        onClear={() => onClear()}\n                        inputClassName={classNames('bg-white', !isSingleMode && 'cursor-pointer', inputClassName)}\n                    />\n                    {hasFeedback ? (\n                        <>\n                            {errorMessage ? (\n                                <span className='form-control-feedback uikit-icon icon-error-sign' />\n                            ) : null}\n                            {!errorMessage && warningMessage ? (\n                                <span className='form-control-feedback uikit-icon icon-warning-sign' />\n                            ) : null}\n                        </>\n                    ) : null}\n                </div>\n            </div>\n            {hasFeedback ? (\n                <span className={`help-block white-space-${messageWhiteSpace}`}>\n                    <span>{errorMessage || warningMessage}</span>\n                </span>\n            ) : null}\n        </div>\n    );\n};\n\nexport default DayPickerInput;\n"],"mappings":";;;;;AA6CA,IAAM,KAAkB,MAA+B;CACnD,IAAM,EACF,OACA,eACA,iBACA,aACA,iBACA,aACA,iBACA,gBACA,mBACA,qBACA,mBACA,iBACA,mBACA,sBACA,aACA,iBACA,YACA,YACA,WACA,cACA,eACA,GAEE,IAAc,CAAC,EAAE,KAAgB;CAEvC,OACI,kBAAC,OAAD,EAAA,UAAA,CACI,kBAAC,OAAD;EAAK,KAAK;EAAY,WAAU;EAAc,OAAO;YAArD,CACI,kBAAC,QAAD;GAAM,WAAU;GAAoB,SAAS;aACzC,kBAAC,QAAD;IAAM,WAAW,EAAW,cAAc,EAAkB,CAAQ,CAAC;IAAG,eAAY;GAAQ,CAAA;EAC1F,CAAA,GACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACI,kBAAC,GAAD;IACI,GAAI;IACA;IACJ,KAAK;IACL,MAAK;IACL,OAAO;IACP,GAAK,IAAe,IAAiB,KAAA;IACrC,gBAAe;IACf,eAAc;IACd,UAAU,CAAC;IACX,iBAAiB;IACP;IACD;IACA;IACD;IACR,aAAY,MAAS,EAAU,CAAK;IACpC,eAAe,EAAQ;IACvB,gBAAgB,EAAW,YAAY,CAAC,KAAgB,kBAAkB,CAAc;GAC3F,CAAA,GACA,IACG,kBAAA,GAAA,EAAA,UAAA,CACK,IACG,kBAAC,QAAD,EAAM,WAAU,mDAAoD,CAAA,IACpE,MACH,CAAC,KAAgB,IACd,kBAAC,QAAD,EAAM,WAAU,qDAAsD,CAAA,IACtE,IACN,EAAA,CAAA,IACF,IACH;IACJ;KACJ,IACG,kBAAC,QAAD;EAAM,WAAW,0BAA0B;YACvC,kBAAC,QAAD,EAAA,UAAO,KAAgB,EAAqB,CAAA;CAC1C,CAAA,IACN,IACH,EAAA,CAAA;AAEb"}

package/components/datepicker/dayPickerRangeSelectionUtils.js

@@ -1,31 +1,24 @@
-import { endOfWeek as f, startOfWeek as s, endOfMonth as g, startOfMonth as i, addDays as u } from "date-fns";
-const O = (e) => ({
-  selected: e,
-  range_start: e?.from,
-  range_end: e?.to,
-  range_middle: e
-}), R = ({
-  day: e,
-  selectionVariant: t,
-  rollingDays: r,
-  locale: o,
-  currentValue: m
-}) => {
-  const n = a(e, t, r, o);
-  if (!c(m, n))
-    return n;
-}, a = (e, t, r, o) => t === "week" ? {
-  from: s(e, { locale: o }),
-  to: f(e, { locale: o })
-} : t === "month" ? {
-  from: i(e),
-  to: g(e)
+import { addDays as e, endOfMonth as t, endOfWeek as n, startOfMonth as r, startOfWeek as i } from "date-fns";
+//#region src/components/datepicker/dayPickerRangeSelectionUtils.ts
+var a = (e) => ({
+	selected: e,
+	range_start: e?.from,
+	range_end: e?.to,
+	range_middle: e
+}), o = ({ day: e, selectionVariant: t, rollingDays: n, locale: r, currentValue: i }) => {
+	let a = s(e, t, n, r);
+	if (!c(i, a)) return a;
+}, s = (a, o, s, c) => o === "week" ? {
+	from: i(a, { locale: c }),
+	to: n(a, { locale: c })
+} : o === "month" ? {
+	from: r(a),
+	to: t(a)
 } : {
-  from: e,
-  to: u(e, r - 1)
+	from: a,
+	to: e(a, s - 1)
 }, c = (e, t) => e?.from?.getTime() === t?.from?.getTime() && e?.to?.getTime() === t?.to?.getTime();
-export {
-  O as createCustomRangeModifiers,
-  R as getCustomRangeValue
-};
-//# sourceMappingURL=dayPickerRangeSelectionUtils.js.map
+//#endregion
+export { a as createCustomRangeModifiers, o as getCustomRangeValue };
+
+//# sourceMappingURL=dayPickerRangeSelectionUtils.js.map

package/components/datepicker/dayPickerRangeSelectionUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"dayPickerRangeSelectionUtils.js","sources":["../../../src/components/datepicker/dayPickerRangeSelectionUtils.ts"],"sourcesContent":["import { addDays, endOfMonth, endOfWeek, startOfMonth, startOfWeek } from 'date-fns';\nimport type { Locale } from 'date-fns';\n\nimport type { DateRange, DayPickerRangeSelectionVariant } from './dayPickerTypes';\n\nexport const createCustomRangeModifiers = (value: DateRange | undefined) => ({\n    selected: value,\n    range_start: value?.from,\n    range_end: value?.to,\n    range_middle: value,\n});\n\nexport const getCustomRangeValue = ({\n    day,\n    selectionVariant,\n    rollingDays,\n    locale,\n    currentValue,\n}: {\n    day: Date;\n    selectionVariant: Exclude<DayPickerRangeSelectionVariant, 'default'>;\n    rollingDays: number;\n    locale: Locale;\n    currentValue: DateRange | undefined;\n}): DateRange | undefined => {\n    const nextValue = toCustomRange(day, selectionVariant, rollingDays, locale);\n\n    if (isSameRange(currentValue, nextValue)) {\n        return;\n    }\n\n    return nextValue;\n};\n\nconst toCustomRange = (\n    day: Date,\n    selectionVariant: Exclude<DayPickerRangeSelectionVariant, 'default'>,\n    rollingDays: number,\n    locale: Locale\n): DateRange => {\n    if (selectionVariant === 'week') {\n        return {\n            from: startOfWeek(day, { locale }),\n            to: endOfWeek(day, { locale }),\n        };\n    }\n\n    if (selectionVariant === 'month') {\n        return {\n            from: startOfMonth(day),\n            to: endOfMonth(day),\n        };\n    }\n\n    return {\n        from: day,\n        to: addDays(day, rollingDays - 1),\n    };\n};\n\nconst isSameRange = (left: DateRange | undefined, right: DateRange | undefined) =>\n    left?.from?.getTime() === right?.from?.getTime() && left?.to?.getTime() === right?.to?.getTime();\n"],"names":["createCustomRangeModifiers","value","getCustomRangeValue","day","selectionVariant","rollingDays","locale","currentValue","nextValue","toCustomRange","isSameRange","startOfWeek","endOfWeek","startOfMonth","endOfMonth","addDays","left","right"],"mappings":";AAKO,MAAMA,IAA6B,CAACC,OAAkC;AAAA,EACzE,UAAUA;AAAA,EACV,aAAaA,GAAO;AAAA,EACpB,WAAWA,GAAO;AAAA,EAClB,cAAcA;AAClB,IAEaC,IAAsB,CAAC;AAAA,EAChC,KAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AACJ,MAM6B;AACzB,QAAMC,IAAYC,EAAcN,GAAKC,GAAkBC,GAAaC,CAAM;AAE1E,MAAI,CAAAI,EAAYH,GAAcC,CAAS;AAIvC,WAAOA;AACX,GAEMC,IAAgB,CAClBN,GACAC,GACAC,GACAC,MAEIF,MAAqB,SACd;AAAA,EACH,MAAMO,EAAYR,GAAK,EAAE,QAAAG,GAAQ;AAAA,EACjC,IAAIM,EAAUT,GAAK,EAAE,QAAAG,GAAQ;AAAA,IAIjCF,MAAqB,UACd;AAAA,EACH,MAAMS,EAAaV,CAAG;AAAA,EACtB,IAAIW,EAAWX,CAAG;AAAA,IAInB;AAAA,EACH,MAAMA;AAAA,EACN,IAAIY,EAAQZ,GAAKE,IAAc,CAAC;AAAA,GAIlCK,IAAc,CAACM,GAA6BC,MAC9CD,GAAM,MAAM,cAAcC,GAAO,MAAM,QAAA,KAAaD,GAAM,IAAI,cAAcC,GAAO,IAAI,QAAA;"}
+{"version":3,"file":"dayPickerRangeSelectionUtils.js","names":[],"sources":["../../../src/components/datepicker/dayPickerRangeSelectionUtils.ts"],"sourcesContent":["import { addDays, endOfMonth, endOfWeek, startOfMonth, startOfWeek } from 'date-fns';\nimport type { Locale } from 'date-fns';\n\nimport type { DateRange, DayPickerRangeSelectionVariant } from './dayPickerTypes';\n\nexport const createCustomRangeModifiers = (value: DateRange | undefined) => ({\n    selected: value,\n    range_start: value?.from,\n    range_end: value?.to,\n    range_middle: value,\n});\n\nexport const getCustomRangeValue = ({\n    day,\n    selectionVariant,\n    rollingDays,\n    locale,\n    currentValue,\n}: {\n    day: Date;\n    selectionVariant: Exclude<DayPickerRangeSelectionVariant, 'default'>;\n    rollingDays: number;\n    locale: Locale;\n    currentValue: DateRange | undefined;\n}): DateRange | undefined => {\n    const nextValue = toCustomRange(day, selectionVariant, rollingDays, locale);\n\n    if (isSameRange(currentValue, nextValue)) {\n        return;\n    }\n\n    return nextValue;\n};\n\nconst toCustomRange = (\n    day: Date,\n    selectionVariant: Exclude<DayPickerRangeSelectionVariant, 'default'>,\n    rollingDays: number,\n    locale: Locale\n): DateRange => {\n    if (selectionVariant === 'week') {\n        return {\n            from: startOfWeek(day, { locale }),\n            to: endOfWeek(day, { locale }),\n        };\n    }\n\n    if (selectionVariant === 'month') {\n        return {\n            from: startOfMonth(day),\n            to: endOfMonth(day),\n        };\n    }\n\n    return {\n        from: day,\n        to: addDays(day, rollingDays - 1),\n    };\n};\n\nconst isSameRange = (left: DateRange | undefined, right: DateRange | undefined) =>\n    left?.from?.getTime() === right?.from?.getTime() && left?.to?.getTime() === right?.to?.getTime();\n"],"mappings":";;AAKA,IAAa,KAA8B,OAAkC;CACzE,UAAU;CACV,aAAa,GAAO;CACpB,WAAW,GAAO;CAClB,cAAc;AAClB,IAEa,KAAuB,EAChC,QACA,qBACA,gBACA,WACA,sBAOyB;CACzB,IAAM,IAAY,EAAc,GAAK,GAAkB,GAAa,CAAM;CAEtE,OAAY,GAAc,CAAS,GAIvC,OAAO;AACX,GAEM,KACF,GACA,GACA,GACA,MAEI,MAAqB,SACd;CACH,MAAM,EAAY,GAAK,EAAE,UAAO,CAAC;CACjC,IAAI,EAAU,GAAK,EAAE,UAAO,CAAC;AACjC,IAGA,MAAqB,UACd;CACH,MAAM,EAAa,CAAG;CACtB,IAAI,EAAW,CAAG;AACtB,IAGG;CACH,MAAM;CACN,IAAI,EAAQ,GAAK,IAAc,CAAC;AACpC,GAGE,KAAe,GAA6B,MAC9C,GAAM,MAAM,QAAQ,MAAM,GAAO,MAAM,QAAQ,KAAK,GAAM,IAAI,QAAQ,MAAM,GAAO,IAAI,QAAQ"}

package/components/datepicker/dayPickerTypes.d.ts

@@ -1,6 +1,6 @@
 import { FocusEventHandler, InputHTMLAttributes, ReactNode } from 'react';
 import { DateRange as ReactDayPickerDateRange } from 'react-day-picker';
-import { RioglyphIconType } from '../rioglyph/RioglyphIconType';
+import { IconType } from '../icon/Icon';
 export type DateRange = ReactDayPickerDateRange;
 export type Modifiers = Record<string, boolean>;
 export type DayPickerMode = 'single' | 'multiple' | 'range';
@@ -265,11 +265,11 @@ type CommonDayPickerProps = Omit<CommonCalendarProps, 'size'> & {
      */
     placeholder?: string;
     /**
-     * Rioglyph icon shown in the default input trigger addon.
+     * Icon icon shown in the default input trigger addon.
      *
-     * @default 'rioglyph-calendar'
+     * @default 'icon-calendar'
      */
-    iconName?: RioglyphIconType;
+    iconName?: IconType;
     /**
      * Custom date-fns format string (e.g., 'yyyy-MM-dd' or 'dd.MM.yyyy HH:mm') to override locale-based formatting.
      * The built-in input mask supports numeric `dd`, `MM`, `yyyy`, `HH` and `mm` tokens with separators.
@@ -320,12 +320,6 @@ type CommonDayPickerProps = Omit<CommonCalendarProps, 'size'> & {
      * Additional classes for the footer container.
      */
     footerClassName?: string;
-    /**
-     * Renders the dropdown into a dedicated react portal.
-     *
-     * @default false
-     */
-    usePortal?: boolean;
     /**
      * Aligns the dropdown to the right edge of the input.
      *

package/components/datepicker/dayPickerTypes.js

@@ -1,7 +1,6 @@
-const i = (e) => !e.mode || e.mode === "single", o = (e) => e.mode === "multiple", s = (e) => e.mode === "range";
-export {
-  o as isMultipleDayPickerProps,
-  s as isRangeDayPickerProps,
-  i as isSingleDayPickerProps
-};
-//# sourceMappingURL=dayPickerTypes.js.map
+//#region src/components/datepicker/dayPickerTypes.ts
+var e = (e) => !e.mode || e.mode === "single", t = (e) => e.mode === "multiple", n = (e) => e.mode === "range";
+//#endregion
+export { t as isMultipleDayPickerProps, n as isRangeDayPickerProps, e as isSingleDayPickerProps };
+
+//# sourceMappingURL=dayPickerTypes.js.map

package/components/datepicker/dayPickerTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"dayPickerTypes.js","sources":["../../../src/components/datepicker/dayPickerTypes.ts"],"sourcesContent":["import type { FocusEventHandler, InputHTMLAttributes, ReactNode } from 'react';\nimport type { DateRange as ReactDayPickerDateRange } from 'react-day-picker';\nimport type { RioglyphIconType } from '../rioglyph/RioglyphIconType';\n\nexport type DateRange = ReactDayPickerDateRange;\nexport type Modifiers = Record<string, boolean>;\nexport type DayPickerMode = 'single' | 'multiple' | 'range';\nexport type DayPickerSelection = Date | Date[] | DateRange | undefined;\nexport type DayPickerRangeSelectionVariant = 'default' | 'week' | 'month' | 'rolling';\nexport type DayPickerDateBefore = { before: Date };\nexport type DayPickerDateAfter = { after: Date };\nexport type DayPickerDateInterval = { before: Date; after: Date };\nexport type DayPickerDayOfWeek = { dayOfWeek: number | number[] };\nexport type DayPickerDateMatcher =\n    | boolean\n    | Date\n    | Date[]\n    | DateRange\n    | DayPickerDateBefore\n    | DayPickerDateAfter\n    | DayPickerDateInterval\n    | DayPickerDayOfWeek\n    | ((date: Date) => boolean);\nexport type DayPickerDisabledDays = DayPickerDateMatcher | DayPickerDateMatcher[];\nexport type DayPickerHiddenDays = DayPickerDateMatcher | DayPickerDateMatcher[];\nexport type DayPickerCustomModifiers = Record<string, DayPickerDateMatcher | DayPickerDateMatcher[]>;\n\ntype CommonCalendarProps = {\n    /**\n     * Locale used for calendar labels and default input formatting.\n     *\n     * @default 'en-GB'\n     */\n    locale?: string;\n\n    /**\n     * Optional size variant for the rendered calendar density.\n     *\n     * Changes the size and spacing of the individual day cells instead of the outer wrapper.\n     *\n     * @default 'md'\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Additional classes for the calendar root element.\n     */\n    className?: string;\n\n    /**\n     * Number of visible calendar months.\n     *\n     * @default 1\n     */\n    numberOfMonths?: 1 | 2;\n\n    /**\n     * Shows the days from adjacent months inside the current month grid.\n     *\n     * @default true\n     */\n    showOutsideDays?: boolean;\n\n    /**\n     * Keeps the calendar height stable by always rendering full weeks.\n     *\n     * @default true\n     */\n    fixedWeeks?: boolean;\n\n    /**\n     * Shows the calendar week number column.\n     *\n     * @default false\n     */\n    showWeekNumber?: boolean;\n\n    /**\n     * Overrides the first day of the week.\n     *\n     * `0` is Sunday, `1` is Monday, up to `6` for Saturday.\n     */\n    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\n    /**\n     * Initial month shown when the calendar is first rendered.\n     */\n    defaultMonth?: Date;\n\n    /**\n     * Controlled currently visible month.\n     */\n    month?: Date;\n\n    /**\n     * Called when the visible month changes.\n     */\n    onMonthChange?: (month: Date) => void;\n\n    /**\n     * Lower month boundary for month navigation.\n     */\n    startMonth?: Date;\n\n    /**\n     * Upper month boundary for month navigation.\n     */\n    endMonth?: Date;\n\n    /**\n     * Days that cannot be selected.\n     */\n    disabledDays?: DayPickerDisabledDays;\n\n    /**\n     * Days that should not be rendered in the calendar grid.\n     */\n    hiddenDays?: DayPickerHiddenDays;\n\n    /**\n     * Custom day modifiers forwarded to the underlying calendar.\n     */\n    modifiers?: DayPickerCustomModifiers;\n\n    /**\n     * Additional CSS classes attached to custom modifiers.\n     */\n    modifiersClassNames?: Record<string, string>;\n\n    /**\n     * Renders optional custom content inside a day cell.\n     *\n     * Useful for icons, dots, tooltips or other domain-specific markers.\n     */\n    renderDayContent?: (date: Date, modifiers: Modifiers) => ReactNode;\n};\n\nexport type SingleDayPickerCalendarProps = CommonCalendarProps & {\n    /**\n     * Enables single-date selection.\n     *\n     * @default 'single'\n     */\n    mode?: 'single';\n\n    /**\n     * Controlled single selected date.\n     */\n    value?: Date;\n\n    /**\n     * Initial single selected date for uncontrolled usage.\n     */\n    defaultValue?: Date;\n\n    /**\n     * Called when the selected date changes.\n     */\n    onChange?: (value: Date | undefined, modifiers: Modifiers) => void;\n};\n\nexport type MultipleDayPickerCalendarProps = CommonCalendarProps & {\n    /**\n     * Enables multiple independent date selection.\n     */\n    mode: 'multiple';\n\n    /**\n     * Controlled list of selected dates.\n     */\n    value?: Date[];\n\n    /**\n     * Initial selected dates for uncontrolled usage.\n     */\n    defaultValue?: Date[];\n\n    /**\n     * Called when the selected dates change.\n     */\n    onChange?: (value: Date[] | undefined, modifiers: Modifiers) => void;\n};\n\nexport type RangeDayPickerCalendarProps = CommonCalendarProps & {\n    /**\n     * Enables date-range selection.\n     */\n    mode: 'range';\n\n    /**\n     * Controlled selected date range.\n     */\n    value?: DateRange;\n\n    /**\n     * Initial selected date range for uncontrolled usage.\n     */\n    defaultValue?: DateRange;\n\n    /**\n     * Called when the selected range changes.\n     */\n    onChange?: (value: DateRange | undefined, modifiers: Modifiers) => void;\n\n    /**\n     * Selects how a range is created when clicking a day.\n     *\n     * `default` uses the built-in range behavior.\n     * `week` selects the whole week of the clicked day.\n     * `month` selects the whole month of the clicked day.\n     * `rolling` selects a fixed-length range starting at the clicked day.\n     *\n     * @default 'default'\n     */\n    selectionVariant?: 'default' | 'week' | 'month' | 'rolling';\n\n    /**\n     * Fixed number of days used when `selectionVariant='rolling'`.\n     *\n     * @default 7\n     */\n    rollingDays?: number;\n};\n\nexport type DayPickerCalendarProps =\n    | SingleDayPickerCalendarProps\n    | MultipleDayPickerCalendarProps\n    | RangeDayPickerCalendarProps;\n\nexport type DayPickerSlotRenderProps<TValue> = {\n    /**\n     * Currently committed value of the picker.\n     */\n    value: TValue | undefined;\n\n    /**\n     * Current draft value while the dropdown is open.\n     *\n     * In deferred mode, this can differ from `value` until `apply()` is called.\n     */\n    draftValue: TValue | undefined;\n\n    /**\n     * Updates the current draft value from custom slot content.\n     */\n    setDraftValue: (value: TValue | undefined) => void;\n\n    /**\n     * Commits the current draft value and closes the dropdown.\n     */\n    apply: () => void;\n\n    /**\n     * Clears the current selection.\n     */\n    clear: () => void;\n\n    /**\n     * Closes the dropdown without necessarily committing the current draft value.\n     */\n    close: () => void;\n\n    /**\n     * Active selection mode of the picker.\n     */\n    mode: DayPickerMode;\n\n    /**\n     * Active locale used for formatting and calendar labels.\n     */\n    locale: string;\n};\n\nexport type DayPickerTriggerRenderProps<TValue> = DayPickerSlotRenderProps<TValue> & {\n    /**\n     * Optional id forwarded from the DayPicker props.\n     */\n    id?: string;\n\n    /**\n     * Optional form field name forwarded from the DayPicker props.\n     */\n    name?: string;\n\n    /**\n     * String currently shown by the default trigger input.\n     */\n    displayValue: string;\n\n    /**\n     * Whether the dropdown is currently open.\n     */\n    isOpen: boolean;\n\n    /**\n     * Opens the dropdown.\n     */\n    open: () => void;\n\n    /**\n     * Toggles the dropdown open state.\n     */\n    toggle: () => void;\n};\n\ntype CommonDayPickerProps = Omit<CommonCalendarProps, 'size'> & {\n    /**\n     * Optional id forwarded to the default input trigger.\n     */\n    id?: string;\n\n    /**\n     * Optional form field name forwarded to the default input trigger.\n     */\n    name?: string;\n\n    /**\n     * Placeholder text shown in the default input trigger.\n     */\n    placeholder?: string;\n\n    /**\n     * Rioglyph icon shown in the default input trigger addon.\n     *\n     * @default 'rioglyph-calendar'\n     */\n    iconName?: RioglyphIconType;\n\n    /**\n     * Custom date-fns format string (e.g., 'yyyy-MM-dd' or 'dd.MM.yyyy HH:mm') to override locale-based formatting.\n     * The built-in input mask supports numeric `dd`, `MM`, `yyyy`, `HH` and `mm` tokens with separators.\n     * If omitted, locale-based date-only display is used for the input.\n     */\n    dateFormat?: string;\n\n    /**\n     * Called when the internal input loses focus.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>;\n\n    /**\n     * Additional props forwarded to the default input element.\n     *\n     * Useful for attributes like `readOnly`, `disabled`, `required`, `autoFocus`, or custom ARIA labels.\n     */\n    inputProps?: Omit<\n        InputHTMLAttributes<HTMLInputElement>,\n        'children' | 'value' | 'defaultValue' | 'onChange' | 'size'\n    >;\n\n    /**\n     * Shows the built-in error styling and help block below the input.\n     */\n    errorMessage?: string | ReactNode;\n\n    /**\n     * Shows the built-in warning styling and help block below the input.\n     */\n    warningMessage?: string | ReactNode;\n\n    /**\n     * Controls white-space handling inside the built-in help block.\n     *\n     * @default 'normal'\n     */\n    messageWhiteSpace?: 'normal' | 'nowrap' | 'pre-line';\n\n    /**\n     * Additional classes for the text input element.\n     */\n    inputClassName?: string;\n\n    /**\n     * Additional classes for the dropdown container.\n     */\n    dropdownClassName?: string;\n\n    /**\n     * Additional classes for the left sidebar container.\n     */\n    leftSidebarClassName?: string;\n\n    /**\n     * Additional classes for the right sidebar container.\n     */\n    rightSidebarClassName?: string;\n\n    /**\n     * Additional classes for the footer container.\n     */\n    footerClassName?: string;\n\n    /**\n     * Renders the dropdown into a dedicated react portal.\n     *\n     * @default false\n     */\n    usePortal?: boolean;\n\n    /**\n     * Aligns the dropdown to the right edge of the input.\n     *\n     * @default false\n     */\n    alignRight?: boolean;\n\n    /**\n     * Shows a clear button inside the input.\n     *\n     * @default false\n     */\n    isClearable?: boolean;\n\n    /**\n     * Closes the dropdown after selecting a complete value.\n     *\n     * Range mode closes only after both dates are selected.\n     *\n     * @default true for `selectionBehavior='immediate'`, otherwise false\n     */\n    closeOnSelect?: boolean;\n\n    /**\n     * Closes the dropdown when clicking outside of the trigger and dropdown.\n     *\n     * @default true\n     */\n    closeOnOutsideClick?: boolean;\n\n    /**\n     * Defines whether the value is committed immediately or only when applied explicitly.\n     *\n     * @default 'immediate'\n     */\n    selectionBehavior?: 'immediate' | 'deferred';\n};\n\n/**\n * Props for a `DayPicker` with single-date selection.\n */\nexport type SingleDayPickerProps = CommonDayPickerProps & {\n    /**\n     * Enables single-date selection.\n     *\n     * @default 'single'\n     */\n    mode?: 'single';\n\n    /**\n     * Controlled single selected date.\n     */\n    value?: Date;\n\n    /**\n     * Initial single selected date for uncontrolled usage.\n     */\n    defaultValue?: Date;\n\n    /**\n     * Called when the selected date changes.\n     */\n    onChange?: (value: Date | undefined, modifiers: Modifiers) => void;\n\n    /**\n     * Called whenever the user changes the raw input value.\n     * Useful for custom validation and form-library integration.\n     */\n    onInputChange?: (rawValue: string, parsedDate: Date | undefined, isValid: boolean) => void;\n\n    /**\n     * Custom parser for manual single-date input.\n     * Overrides the built-in locale/dateFormat parsing.\n     */\n    parseInput?: (rawValue: string, locale: string) => Date | undefined;\n\n    /**\n     * Custom renderer for the value shown in the input.\n     */\n    renderValue?: (value: Date | undefined, locale: string) => string;\n\n    /**\n     * Replaces the default input trigger with custom trigger content.\n     */\n    trigger?: ReactNode | ((props: DayPickerTriggerRenderProps<Date>) => ReactNode);\n\n    /**\n     * Optional content rendered on the left side of the dropdown.\n     */\n    leftSidebar?: ReactNode | ((props: DayPickerSlotRenderProps<Date>) => ReactNode);\n\n    /**\n     * Optional content rendered on the right side of the dropdown.\n     */\n    rightSidebar?: ReactNode | ((props: DayPickerSlotRenderProps<Date>) => ReactNode);\n\n    /**\n     * Optional content rendered below the calendar inside the dropdown.\n     */\n    footer?: ReactNode | ((props: DayPickerSlotRenderProps<Date>) => ReactNode);\n};\n\n/**\n * Props for a `DayPicker` with multiple independent dates.\n */\nexport type MultipleDayPickerProps = CommonDayPickerProps & {\n    /**\n     * Enables multiple independent date selection.\n     */\n    mode: 'multiple';\n\n    /**\n     * Controlled list of selected dates.\n     */\n    value?: Date[];\n\n    /**\n     * Initial selected dates for uncontrolled usage.\n     */\n    defaultValue?: Date[];\n\n    /**\n     * Called when the selected dates change.\n     */\n    onChange?: (value: Date[] | undefined, modifiers: Modifiers) => void;\n\n    /**\n     * Custom renderer for the value shown in the input.\n     */\n    renderValue?: (value: Date[] | undefined, locale: string) => string;\n\n    /**\n     * Replaces the default input trigger with custom trigger content.\n     */\n    trigger?: ReactNode | ((props: DayPickerTriggerRenderProps<Date[]>) => ReactNode);\n\n    /**\n     * Optional content rendered on the left side of the dropdown.\n     */\n    leftSidebar?: ReactNode | ((props: DayPickerSlotRenderProps<Date[]>) => ReactNode);\n\n    /**\n     * Optional content rendered on the right side of the dropdown.\n     */\n    rightSidebar?: ReactNode | ((props: DayPickerSlotRenderProps<Date[]>) => ReactNode);\n\n    /**\n     * Optional content rendered below the calendar inside the dropdown.\n     */\n    footer?: ReactNode | ((props: DayPickerSlotRenderProps<Date[]>) => ReactNode);\n};\n\n/**\n * Props for a `DayPicker` with date-range selection.\n */\nexport type RangeDayPickerProps = CommonDayPickerProps & {\n    /**\n     * Enables date-range selection.\n     */\n    mode: 'range';\n\n    /**\n     * Controlled selected date range.\n     */\n    value?: DateRange;\n\n    /**\n     * Initial selected date range for uncontrolled usage.\n     */\n    defaultValue?: DateRange;\n\n    /**\n     * Called when the selected range changes.\n     */\n    onChange?: (value: DateRange | undefined, modifiers: Modifiers) => void;\n\n    /**\n     * Custom renderer for the value shown in the input.\n     */\n    renderValue?: (value: DateRange | undefined, locale: string) => string;\n\n    /**\n     * Selects how a range is created when clicking a day.\n     *\n     * `default` uses the built-in range behavior.\n     * `week` selects the whole week of the clicked day.\n     * `month` selects the whole month of the clicked day.\n     * `rolling` selects a fixed-length range starting at the clicked day.\n     *\n     * @default 'default'\n     */\n    selectionVariant?: 'default' | 'week' | 'month' | 'rolling';\n\n    /**\n     * Fixed number of days used when `selectionVariant='rolling'`.\n     *\n     * @default 7\n     */\n    rollingDays?: number;\n\n    /**\n     * Replaces the default input trigger with custom trigger content.\n     */\n    trigger?: ReactNode | ((props: DayPickerTriggerRenderProps<DateRange>) => ReactNode);\n\n    /**\n     * Optional content rendered on the left side of the dropdown.\n     */\n    leftSidebar?: ReactNode | ((props: DayPickerSlotRenderProps<DateRange>) => ReactNode);\n\n    /**\n     * Optional content rendered on the right side of the dropdown.\n     */\n    rightSidebar?: ReactNode | ((props: DayPickerSlotRenderProps<DateRange>) => ReactNode);\n\n    /**\n     * Optional content rendered below the calendar inside the dropdown.\n     */\n    footer?: ReactNode | ((props: DayPickerSlotRenderProps<DateRange>) => ReactNode);\n};\n\nexport type DayPickerProps = SingleDayPickerProps | MultipleDayPickerProps | RangeDayPickerProps;\n\nexport const isSingleDayPickerProps = (\n    props: DayPickerProps | DayPickerCalendarProps\n): props is SingleDayPickerProps | SingleDayPickerCalendarProps => !props.mode || props.mode === 'single';\n\nexport const isMultipleDayPickerProps = (\n    props: DayPickerProps | DayPickerCalendarProps\n): props is MultipleDayPickerProps | MultipleDayPickerCalendarProps => props.mode === 'multiple';\n\nexport const isRangeDayPickerProps = (\n    props: DayPickerProps | DayPickerCalendarProps\n): props is RangeDayPickerProps | RangeDayPickerCalendarProps => props.mode === 'range';\n"],"names":["isSingleDayPickerProps","props","isMultipleDayPickerProps","isRangeDayPickerProps"],"mappings":"AA8mBO,MAAMA,IAAyB,CAClCC,MAC+D,CAACA,EAAM,QAAQA,EAAM,SAAS,UAEpFC,IAA2B,CACpCD,MACmEA,EAAM,SAAS,YAEzEE,IAAwB,CACjCF,MAC6DA,EAAM,SAAS;"}
+{"version":3,"file":"dayPickerTypes.js","names":[],"sources":["../../../src/components/datepicker/dayPickerTypes.ts"],"sourcesContent":["import type { FocusEventHandler, InputHTMLAttributes, ReactNode } from 'react';\nimport type { DateRange as ReactDayPickerDateRange } from 'react-day-picker';\nimport type { IconType } from '../icon/Icon';\n\nexport type DateRange = ReactDayPickerDateRange;\nexport type Modifiers = Record<string, boolean>;\nexport type DayPickerMode = 'single' | 'multiple' | 'range';\nexport type DayPickerSelection = Date | Date[] | DateRange | undefined;\nexport type DayPickerRangeSelectionVariant = 'default' | 'week' | 'month' | 'rolling';\nexport type DayPickerDateBefore = { before: Date };\nexport type DayPickerDateAfter = { after: Date };\nexport type DayPickerDateInterval = { before: Date; after: Date };\nexport type DayPickerDayOfWeek = { dayOfWeek: number | number[] };\nexport type DayPickerDateMatcher =\n    | boolean\n    | Date\n    | Date[]\n    | DateRange\n    | DayPickerDateBefore\n    | DayPickerDateAfter\n    | DayPickerDateInterval\n    | DayPickerDayOfWeek\n    | ((date: Date) => boolean);\nexport type DayPickerDisabledDays = DayPickerDateMatcher | DayPickerDateMatcher[];\nexport type DayPickerHiddenDays = DayPickerDateMatcher | DayPickerDateMatcher[];\nexport type DayPickerCustomModifiers = Record<string, DayPickerDateMatcher | DayPickerDateMatcher[]>;\n\ntype CommonCalendarProps = {\n    /**\n     * Locale used for calendar labels and default input formatting.\n     *\n     * @default 'en-GB'\n     */\n    locale?: string;\n\n    /**\n     * Optional size variant for the rendered calendar density.\n     *\n     * Changes the size and spacing of the individual day cells instead of the outer wrapper.\n     *\n     * @default 'md'\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Additional classes for the calendar root element.\n     */\n    className?: string;\n\n    /**\n     * Number of visible calendar months.\n     *\n     * @default 1\n     */\n    numberOfMonths?: 1 | 2;\n\n    /**\n     * Shows the days from adjacent months inside the current month grid.\n     *\n     * @default true\n     */\n    showOutsideDays?: boolean;\n\n    /**\n     * Keeps the calendar height stable by always rendering full weeks.\n     *\n     * @default true\n     */\n    fixedWeeks?: boolean;\n\n    /**\n     * Shows the calendar week number column.\n     *\n     * @default false\n     */\n    showWeekNumber?: boolean;\n\n    /**\n     * Overrides the first day of the week.\n     *\n     * `0` is Sunday, `1` is Monday, up to `6` for Saturday.\n     */\n    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\n    /**\n     * Initial month shown when the calendar is first rendered.\n     */\n    defaultMonth?: Date;\n\n    /**\n     * Controlled currently visible month.\n     */\n    month?: Date;\n\n    /**\n     * Called when the visible month changes.\n     */\n    onMonthChange?: (month: Date) => void;\n\n    /**\n     * Lower month boundary for month navigation.\n     */\n    startMonth?: Date;\n\n    /**\n     * Upper month boundary for month navigation.\n     */\n    endMonth?: Date;\n\n    /**\n     * Days that cannot be selected.\n     */\n    disabledDays?: DayPickerDisabledDays;\n\n    /**\n     * Days that should not be rendered in the calendar grid.\n     */\n    hiddenDays?: DayPickerHiddenDays;\n\n    /**\n     * Custom day modifiers forwarded to the underlying calendar.\n     */\n    modifiers?: DayPickerCustomModifiers;\n\n    /**\n     * Additional CSS classes attached to custom modifiers.\n     */\n    modifiersClassNames?: Record<string, string>;\n\n    /**\n     * Renders optional custom content inside a day cell.\n     *\n     * Useful for icons, dots, tooltips or other domain-specific markers.\n     */\n    renderDayContent?: (date: Date, modifiers: Modifiers) => ReactNode;\n};\n\nexport type SingleDayPickerCalendarProps = CommonCalendarProps & {\n    /**\n     * Enables single-date selection.\n     *\n     * @default 'single'\n     */\n    mode?: 'single';\n\n    /**\n     * Controlled single selected date.\n     */\n    value?: Date;\n\n    /**\n     * Initial single selected date for uncontrolled usage.\n     */\n    defaultValue?: Date;\n\n    /**\n     * Called when the selected date changes.\n     */\n    onChange?: (value: Date | undefined, modifiers: Modifiers) => void;\n};\n\nexport type MultipleDayPickerCalendarProps = CommonCalendarProps & {\n    /**\n     * Enables multiple independent date selection.\n     */\n    mode: 'multiple';\n\n    /**\n     * Controlled list of selected dates.\n     */\n    value?: Date[];\n\n    /**\n     * Initial selected dates for uncontrolled usage.\n     */\n    defaultValue?: Date[];\n\n    /**\n     * Called when the selected dates change.\n     */\n    onChange?: (value: Date[] | undefined, modifiers: Modifiers) => void;\n};\n\nexport type RangeDayPickerCalendarProps = CommonCalendarProps & {\n    /**\n     * Enables date-range selection.\n     */\n    mode: 'range';\n\n    /**\n     * Controlled selected date range.\n     */\n    value?: DateRange;\n\n    /**\n     * Initial selected date range for uncontrolled usage.\n     */\n    defaultValue?: DateRange;\n\n    /**\n     * Called when the selected range changes.\n     */\n    onChange?: (value: DateRange | undefined, modifiers: Modifiers) => void;\n\n    /**\n     * Selects how a range is created when clicking a day.\n     *\n     * `default` uses the built-in range behavior.\n     * `week` selects the whole week of the clicked day.\n     * `month` selects the whole month of the clicked day.\n     * `rolling` selects a fixed-length range starting at the clicked day.\n     *\n     * @default 'default'\n     */\n    selectionVariant?: 'default' | 'week' | 'month' | 'rolling';\n\n    /**\n     * Fixed number of days used when `selectionVariant='rolling'`.\n     *\n     * @default 7\n     */\n    rollingDays?: number;\n};\n\nexport type DayPickerCalendarProps =\n    | SingleDayPickerCalendarProps\n    | MultipleDayPickerCalendarProps\n    | RangeDayPickerCalendarProps;\n\nexport type DayPickerSlotRenderProps<TValue> = {\n    /**\n     * Currently committed value of the picker.\n     */\n    value: TValue | undefined;\n\n    /**\n     * Current draft value while the dropdown is open.\n     *\n     * In deferred mode, this can differ from `value` until `apply()` is called.\n     */\n    draftValue: TValue | undefined;\n\n    /**\n     * Updates the current draft value from custom slot content.\n     */\n    setDraftValue: (value: TValue | undefined) => void;\n\n    /**\n     * Commits the current draft value and closes the dropdown.\n     */\n    apply: () => void;\n\n    /**\n     * Clears the current selection.\n     */\n    clear: () => void;\n\n    /**\n     * Closes the dropdown without necessarily committing the current draft value.\n     */\n    close: () => void;\n\n    /**\n     * Active selection mode of the picker.\n     */\n    mode: DayPickerMode;\n\n    /**\n     * Active locale used for formatting and calendar labels.\n     */\n    locale: string;\n};\n\nexport type DayPickerTriggerRenderProps<TValue> = DayPickerSlotRenderProps<TValue> & {\n    /**\n     * Optional id forwarded from the DayPicker props.\n     */\n    id?: string;\n\n    /**\n     * Optional form field name forwarded from the DayPicker props.\n     */\n    name?: string;\n\n    /**\n     * String currently shown by the default trigger input.\n     */\n    displayValue: string;\n\n    /**\n     * Whether the dropdown is currently open.\n     */\n    isOpen: boolean;\n\n    /**\n     * Opens the dropdown.\n     */\n    open: () => void;\n\n    /**\n     * Toggles the dropdown open state.\n     */\n    toggle: () => void;\n};\n\ntype CommonDayPickerProps = Omit<CommonCalendarProps, 'size'> & {\n    /**\n     * Optional id forwarded to the default input trigger.\n     */\n    id?: string;\n\n    /**\n     * Optional form field name forwarded to the default input trigger.\n     */\n    name?: string;\n\n    /**\n     * Placeholder text shown in the default input trigger.\n     */\n    placeholder?: string;\n\n    /**\n     * Icon icon shown in the default input trigger addon.\n     *\n     * @default 'icon-calendar'\n     */\n    iconName?: IconType;\n\n    /**\n     * Custom date-fns format string (e.g., 'yyyy-MM-dd' or 'dd.MM.yyyy HH:mm') to override locale-based formatting.\n     * The built-in input mask supports numeric `dd`, `MM`, `yyyy`, `HH` and `mm` tokens with separators.\n     * If omitted, locale-based date-only display is used for the input.\n     */\n    dateFormat?: string;\n\n    /**\n     * Called when the internal input loses focus.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>;\n\n    /**\n     * Additional props forwarded to the default input element.\n     *\n     * Useful for attributes like `readOnly`, `disabled`, `required`, `autoFocus`, or custom ARIA labels.\n     */\n    inputProps?: Omit<\n        InputHTMLAttributes<HTMLInputElement>,\n        'children' | 'value' | 'defaultValue' | 'onChange' | 'size'\n    >;\n\n    /**\n     * Shows the built-in error styling and help block below the input.\n     */\n    errorMessage?: string | ReactNode;\n\n    /**\n     * Shows the built-in warning styling and help block below the input.\n     */\n    warningMessage?: string | ReactNode;\n\n    /**\n     * Controls white-space handling inside the built-in help block.\n     *\n     * @default 'normal'\n     */\n    messageWhiteSpace?: 'normal' | 'nowrap' | 'pre-line';\n\n    /**\n     * Additional classes for the text input element.\n     */\n    inputClassName?: string;\n\n    /**\n     * Additional classes for the dropdown container.\n     */\n    dropdownClassName?: string;\n\n    /**\n     * Additional classes for the left sidebar container.\n     */\n    leftSidebarClassName?: string;\n\n    /**\n     * Additional classes for the right sidebar container.\n     */\n    rightSidebarClassName?: string;\n\n    /**\n     * Additional classes for the footer container.\n     */\n    footerClassName?: string;\n\n    /**\n     * Aligns the dropdown to the right edge of the input.\n     *\n     * @default false\n     */\n    alignRight?: boolean;\n\n    /**\n     * Shows a clear button inside the input.\n     *\n     * @default false\n     */\n    isClearable?: boolean;\n\n    /**\n     * Closes the dropdown after selecting a complete value.\n     *\n     * Range mode closes only after both dates are selected.\n     *\n     * @default true for `selectionBehavior='immediate'`, otherwise false\n     */\n    closeOnSelect?: boolean;\n\n    /**\n     * Closes the dropdown when clicking outside of the trigger and dropdown.\n     *\n     * @default true\n     */\n    closeOnOutsideClick?: boolean;\n\n    /**\n     * Defines whether the value is committed immediately or only when applied explicitly.\n     *\n     * @default 'immediate'\n     */\n    selectionBehavior?: 'immediate' | 'deferred';\n};\n\n/**\n * Props for a `DayPicker` with single-date selection.\n */\nexport type SingleDayPickerProps = CommonDayPickerProps & {\n    /**\n     * Enables single-date selection.\n     *\n     * @default 'single'\n     */\n    mode?: 'single';\n\n    /**\n     * Controlled single selected date.\n     */\n    value?: Date;\n\n    /**\n     * Initial single selected date for uncontrolled usage.\n     */\n    defaultValue?: Date;\n\n    /**\n     * Called when the selected date changes.\n     */\n    onChange?: (value: Date | undefined, modifiers: Modifiers) => void;\n\n    /**\n     * Called whenever the user changes the raw input value.\n     * Useful for custom validation and form-library integration.\n     */\n    onInputChange?: (rawValue: string, parsedDate: Date | undefined, isValid: boolean) => void;\n\n    /**\n     * Custom parser for manual single-date input.\n     * Overrides the built-in locale/dateFormat parsing.\n     */\n    parseInput?: (rawValue: string, locale: string) => Date | undefined;\n\n    /**\n     * Custom renderer for the value shown in the input.\n     */\n    renderValue?: (value: Date | undefined, locale: string) => string;\n\n    /**\n     * Replaces the default input trigger with custom trigger content.\n     */\n    trigger?: ReactNode | ((props: DayPickerTriggerRenderProps<Date>) => ReactNode);\n\n    /**\n     * Optional content rendered on the left side of the dropdown.\n     */\n    leftSidebar?: ReactNode | ((props: DayPickerSlotRenderProps<Date>) => ReactNode);\n\n    /**\n     * Optional content rendered on the right side of the dropdown.\n     */\n    rightSidebar?: ReactNode | ((props: DayPickerSlotRenderProps<Date>) => ReactNode);\n\n    /**\n     * Optional content rendered below the calendar inside the dropdown.\n     */\n    footer?: ReactNode | ((props: DayPickerSlotRenderProps<Date>) => ReactNode);\n};\n\n/**\n * Props for a `DayPicker` with multiple independent dates.\n */\nexport type MultipleDayPickerProps = CommonDayPickerProps & {\n    /**\n     * Enables multiple independent date selection.\n     */\n    mode: 'multiple';\n\n    /**\n     * Controlled list of selected dates.\n     */\n    value?: Date[];\n\n    /**\n     * Initial selected dates for uncontrolled usage.\n     */\n    defaultValue?: Date[];\n\n    /**\n     * Called when the selected dates change.\n     */\n    onChange?: (value: Date[] | undefined, modifiers: Modifiers) => void;\n\n    /**\n     * Custom renderer for the value shown in the input.\n     */\n    renderValue?: (value: Date[] | undefined, locale: string) => string;\n\n    /**\n     * Replaces the default input trigger with custom trigger content.\n     */\n    trigger?: ReactNode | ((props: DayPickerTriggerRenderProps<Date[]>) => ReactNode);\n\n    /**\n     * Optional content rendered on the left side of the dropdown.\n     */\n    leftSidebar?: ReactNode | ((props: DayPickerSlotRenderProps<Date[]>) => ReactNode);\n\n    /**\n     * Optional content rendered on the right side of the dropdown.\n     */\n    rightSidebar?: ReactNode | ((props: DayPickerSlotRenderProps<Date[]>) => ReactNode);\n\n    /**\n     * Optional content rendered below the calendar inside the dropdown.\n     */\n    footer?: ReactNode | ((props: DayPickerSlotRenderProps<Date[]>) => ReactNode);\n};\n\n/**\n * Props for a `DayPicker` with date-range selection.\n */\nexport type RangeDayPickerProps = CommonDayPickerProps & {\n    /**\n     * Enables date-range selection.\n     */\n    mode: 'range';\n\n    /**\n     * Controlled selected date range.\n     */\n    value?: DateRange;\n\n    /**\n     * Initial selected date range for uncontrolled usage.\n     */\n    defaultValue?: DateRange;\n\n    /**\n     * Called when the selected range changes.\n     */\n    onChange?: (value: DateRange | undefined, modifiers: Modifiers) => void;\n\n    /**\n     * Custom renderer for the value shown in the input.\n     */\n    renderValue?: (value: DateRange | undefined, locale: string) => string;\n\n    /**\n     * Selects how a range is created when clicking a day.\n     *\n     * `default` uses the built-in range behavior.\n     * `week` selects the whole week of the clicked day.\n     * `month` selects the whole month of the clicked day.\n     * `rolling` selects a fixed-length range starting at the clicked day.\n     *\n     * @default 'default'\n     */\n    selectionVariant?: 'default' | 'week' | 'month' | 'rolling';\n\n    /**\n     * Fixed number of days used when `selectionVariant='rolling'`.\n     *\n     * @default 7\n     */\n    rollingDays?: number;\n\n    /**\n     * Replaces the default input trigger with custom trigger content.\n     */\n    trigger?: ReactNode | ((props: DayPickerTriggerRenderProps<DateRange>) => ReactNode);\n\n    /**\n     * Optional content rendered on the left side of the dropdown.\n     */\n    leftSidebar?: ReactNode | ((props: DayPickerSlotRenderProps<DateRange>) => ReactNode);\n\n    /**\n     * Optional content rendered on the right side of the dropdown.\n     */\n    rightSidebar?: ReactNode | ((props: DayPickerSlotRenderProps<DateRange>) => ReactNode);\n\n    /**\n     * Optional content rendered below the calendar inside the dropdown.\n     */\n    footer?: ReactNode | ((props: DayPickerSlotRenderProps<DateRange>) => ReactNode);\n};\n\nexport type DayPickerProps = SingleDayPickerProps | MultipleDayPickerProps | RangeDayPickerProps;\n\nexport const isSingleDayPickerProps = (\n    props: DayPickerProps | DayPickerCalendarProps\n): props is SingleDayPickerProps | SingleDayPickerCalendarProps => !props.mode || props.mode === 'single';\n\nexport const isMultipleDayPickerProps = (\n    props: DayPickerProps | DayPickerCalendarProps\n): props is MultipleDayPickerProps | MultipleDayPickerCalendarProps => props.mode === 'multiple';\n\nexport const isRangeDayPickerProps = (\n    props: DayPickerProps | DayPickerCalendarProps\n): props is RangeDayPickerProps | RangeDayPickerCalendarProps => props.mode === 'range';\n"],"mappings":";AAumBA,IAAa,KACT,MAC+D,CAAC,EAAM,QAAQ,EAAM,SAAS,UAEpF,KACT,MACmE,EAAM,SAAS,YAEzE,KACT,MAC6D,EAAM,SAAS"}