@orbe-agro/client-core 5.3.13 → 5.3.25

package/dist/@ecme/components/ui/TimeInput/TimeInputRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeInputRange.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInputRange.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\r\nimport useUniqueId from '../hooks/useUniqueId'\r\nimport useMergedRef from '../hooks/useMergeRef'\r\nimport useDidUpdate from '../hooks/useDidUpdate'\r\nimport TimeInput from './TimeInput'\r\nimport CloseButton from '../CloseButton'\r\nimport { HiOutlineClock } from 'react-icons/hi'\r\nimport Input from '../Input/Input'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\nimport type { RefObject, Ref, ReactNode } from 'react'\r\n\r\ntype Value = [Date | null, Date | null]\r\n\r\nexport interface TimeInputRangeProps extends CommonProps {\r\n    amLabel?: string\r\n    amPmPlaceholder?: string\r\n    clearable?: boolean\r\n    defaultValue?: Value\r\n    disabled?: boolean\r\n    format?: '12' | '24'\r\n    id?: string\r\n    invalid?: boolean\r\n    name?: string\r\n    nextRef?: RefObject<HTMLInputElement | null>\r\n    onChange?: (value: Value) => void\r\n    pmLabel?: string\r\n    prefix?: string | ReactNode\r\n    ref?: Ref<HTMLInputElement>\r\n    showSeconds?: boolean\r\n    seperator?: string\r\n    size?: TypeAttributes.ControlSize\r\n    suffix?: string | ReactNode\r\n    timeFieldPlaceholder?: string\r\n    timeFieldClass?: string\r\n    value?: Value\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    field?: any\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    form?: any\r\n}\r\n\r\nconst TimeInputRange = (props: TimeInputRangeProps) => {\r\n    const {\r\n        amPmPlaceholder = 'am',\r\n        clearable = false,\r\n        className,\r\n        defaultValue = [null, null],\r\n        disabled = false,\r\n        format = '24',\r\n        id,\r\n        invalid,\r\n        name,\r\n        onChange,\r\n        prefix,\r\n        ref = null,\r\n        seperator = '~',\r\n        showSeconds = false,\r\n        size,\r\n        style,\r\n        suffix = <HiOutlineClock className=\"text-lg\" />,\r\n        timeFieldPlaceholder = '--',\r\n        value,\r\n        ...rest\r\n    } = props\r\n\r\n    const uuid = useUniqueId(id)\r\n\r\n    const fromTimeRef = useRef<HTMLInputElement>(undefined)\r\n    const toTimeRef = useRef<HTMLInputElement>(undefined)\r\n    const [_value, setValue] = useState(value ?? defaultValue)\r\n\r\n    useDidUpdate(() => {\r\n        typeof onChange === 'function' && onChange(_value)\r\n    }, [_value])\r\n\r\n    useDidUpdate(() => {\r\n        if (\r\n            value &&\r\n            (value[0]?.getTime() !== _value[0]?.getTime() ||\r\n                value[1]?.getTime() !== _value[1]?.getTime())\r\n        ) {\r\n            setValue(value)\r\n        }\r\n    }, [value])\r\n\r\n    const handleClear = () => {\r\n        setValue([null, null])\r\n        fromTimeRef.current?.focus()\r\n    }\r\n\r\n    const suffixSlot =\r\n        clearable && _value ? (\r\n            <CloseButton onClick={handleClear} />\r\n        ) : (\r\n            <>{suffix}</>\r\n        )\r\n\r\n    const forwardProps = {\r\n        amPmPlaceholder,\r\n        disabled,\r\n        format,\r\n        size,\r\n        timeFieldPlaceholder,\r\n        showSeconds,\r\n    }\r\n\r\n    return (\r\n        <Input\r\n            asElement=\"div\"\r\n            invalid={invalid}\r\n            size={size}\r\n            className={className}\r\n            style={style}\r\n            disabled={disabled}\r\n            suffix={suffixSlot}\r\n            prefix={prefix}\r\n            onClick={() => {\r\n                fromTimeRef.current?.focus()\r\n            }}\r\n            {...rest}\r\n        >\r\n            <div className=\"time-input-wrapper\">\r\n                <TimeInput\r\n                    ref={useMergedRef(\r\n                        fromTimeRef as Ref<HTMLInputElement>,\r\n                        ref,\r\n                    )}\r\n                    unstyle\r\n                    value={_value[0]}\r\n                    name={name}\r\n                    nextRef={toTimeRef as RefObject<HTMLInputElement | null>}\r\n                    id={uuid}\r\n                    clearable={false}\r\n                    suffix={null}\r\n                    onChange={(date) => setValue([date, _value[1]])}\r\n                    {...forwardProps}\r\n                />\r\n\r\n                <span className=\"time-input-separator\">{seperator}</span>\r\n\r\n                <TimeInput\r\n                    ref={toTimeRef as Ref<HTMLInputElement>}\r\n                    unstyle\r\n                    value={_value[1]}\r\n                    clearable={false}\r\n                    suffix={null}\r\n                    onChange={(date) => setValue([_value[0], date])}\r\n                    {...forwardProps}\r\n                />\r\n            </div>\r\n        </Input>\r\n    )\r\n}\r\n\r\nexport default TimeInputRange\r\n"],"names":["TimeInputRange","props","amPmPlaceholder","clearable","className","defaultValue","disabled","format","id","invalid","name","onChange","prefix","ref","seperator","showSeconds","size","style","suffix","jsx","HiOutlineClock","timeFieldPlaceholder","value","rest","uuid","useUniqueId","fromTimeRef","useRef","toTimeRef","_value","setValue","useState","useDidUpdate","_a","_b","_c","_d","suffixSlot","CloseButton","Fragment","forwardProps","Input","jsxs","TimeInput","useMergedRef","date"],"mappings":"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"}
+{"version":3,"file":"TimeInputRange.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInputRange.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport useUniqueId from '../hooks/useUniqueId'\nimport useMergedRef from '../hooks/useMergeRef'\nimport useDidUpdate from '../hooks/useDidUpdate'\nimport TimeInput from './TimeInput'\nimport CloseButton from '../CloseButton'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport Input from '../Input/Input'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { RefObject, Ref, ReactNode } from 'react'\n\ntype Value = [Date | null, Date | null]\n\nexport interface TimeInputRangeProps extends CommonProps {\n    amLabel?: string\n    amPmPlaceholder?: string\n    clearable?: boolean\n    defaultValue?: Value\n    disabled?: boolean\n    format?: '12' | '24'\n    id?: string\n    invalid?: boolean\n    name?: string\n    nextRef?: RefObject<HTMLInputElement | null>\n    onChange?: (value: Value) => void\n    pmLabel?: string\n    prefix?: string | ReactNode\n    ref?: Ref<HTMLInputElement>\n    showSeconds?: boolean\n    seperator?: string\n    size?: TypeAttributes.ControlSize\n    suffix?: string | ReactNode\n    timeFieldPlaceholder?: string\n    timeFieldClass?: string\n    value?: Value\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    field?: any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    form?: any\n}\n\nconst TimeInputRange = (props: TimeInputRangeProps) => {\n    const {\n        amPmPlaceholder = 'am',\n        clearable = false,\n        className,\n        defaultValue = [null, null],\n        disabled = false,\n        format = '24',\n        id,\n        invalid,\n        name,\n        onChange,\n        prefix,\n        ref = null,\n        seperator = '~',\n        showSeconds = false,\n        size,\n        style,\n        suffix = <HiOutlineClock className=\"text-lg\" />,\n        timeFieldPlaceholder = '--',\n        value,\n        ...rest\n    } = props\n\n    const uuid = useUniqueId(id)\n\n    const fromTimeRef = useRef<HTMLInputElement>(undefined)\n    const toTimeRef = useRef<HTMLInputElement>(undefined)\n    const [_value, setValue] = useState(value ?? defaultValue)\n\n    useDidUpdate(() => {\n        typeof onChange === 'function' && onChange(_value)\n    }, [_value])\n\n    useDidUpdate(() => {\n        if (\n            value &&\n            (value[0]?.getTime() !== _value[0]?.getTime() ||\n                value[1]?.getTime() !== _value[1]?.getTime())\n        ) {\n            setValue(value)\n        }\n    }, [value])\n\n    const handleClear = () => {\n        setValue([null, null])\n        fromTimeRef.current?.focus()\n    }\n\n    const suffixSlot =\n        clearable && _value ? (\n            <CloseButton onClick={handleClear} />\n        ) : (\n            <>{suffix}</>\n        )\n\n    const forwardProps = {\n        amPmPlaceholder,\n        disabled,\n        format,\n        size,\n        timeFieldPlaceholder,\n        showSeconds,\n    }\n\n    return (\n        <Input\n            asElement=\"div\"\n            invalid={invalid}\n            size={size}\n            className={className}\n            style={style}\n            disabled={disabled}\n            suffix={suffixSlot}\n            prefix={prefix}\n            onClick={() => {\n                fromTimeRef.current?.focus()\n            }}\n            {...rest}\n        >\n            <div className=\"time-input-wrapper\">\n                <TimeInput\n                    ref={useMergedRef(\n                        fromTimeRef as Ref<HTMLInputElement>,\n                        ref,\n                    )}\n                    unstyle\n                    value={_value[0]}\n                    name={name}\n                    nextRef={toTimeRef as RefObject<HTMLInputElement | null>}\n                    id={uuid}\n                    clearable={false}\n                    suffix={null}\n                    onChange={(date) => setValue([date, _value[1]])}\n                    {...forwardProps}\n                />\n\n                <span className=\"time-input-separator\">{seperator}</span>\n\n                <TimeInput\n                    ref={toTimeRef as Ref<HTMLInputElement>}\n                    unstyle\n                    value={_value[1]}\n                    clearable={false}\n                    suffix={null}\n                    onChange={(date) => setValue([_value[0], date])}\n                    {...forwardProps}\n                />\n            </div>\n        </Input>\n    )\n}\n\nexport default TimeInputRange\n"],"names":["TimeInputRange","props","amPmPlaceholder","clearable","className","defaultValue","disabled","format","id","invalid","name","onChange","prefix","ref","seperator","showSeconds","size","style","suffix","jsx","HiOutlineClock","timeFieldPlaceholder","value","rest","uuid","useUniqueId","fromTimeRef","useRef","toTimeRef","_value","setValue","useState","useDidUpdate","_a","_b","_c","_d","suffixSlot","CloseButton","Fragment","forwardProps","Input","jsxs","TimeInput","useMergedRef","date"],"mappings":"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"}

package/dist/@ecme/components/ui/TimeInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\r\nimport _TimeInput, { TimeInputProps } from './TimeInput'\r\nimport TimeInputRange from './TimeInputRange'\r\n\r\nexport type { TimeInputProps } from './TimeInput'\r\nexport type { TimeInputRangeProps } from './TimeInputRange'\r\n\r\ntype CompoundedComponent = ForwardRefExoticComponent<\r\n    TimeInputProps & RefAttributes<HTMLSpanElement>\r\n> & {\r\n    TimeInputRange: typeof TimeInputRange\r\n}\r\n\r\nconst TimeInput = _TimeInput as CompoundedComponent\r\n\r\nTimeInput.TimeInputRange = TimeInputRange\r\n\r\nexport { TimeInput }\r\n\r\nexport default TimeInput\r\n"],"names":["TimeInput","_TimeInput","TimeInputRange"],"mappings":";;AAaA,MAAMA,IAAYC;AAElBD,EAAU,iBAAiBE;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _TimeInput, { TimeInputProps } from './TimeInput'\nimport TimeInputRange from './TimeInputRange'\n\nexport type { TimeInputProps } from './TimeInput'\nexport type { TimeInputRangeProps } from './TimeInputRange'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    TimeInputProps & RefAttributes<HTMLSpanElement>\n> & {\n    TimeInputRange: typeof TimeInputRange\n}\n\nconst TimeInput = _TimeInput as CompoundedComponent\n\nTimeInput.TimeInputRange = TimeInputRange\n\nexport { TimeInput }\n\nexport default TimeInput\n"],"names":["TimeInput","_TimeInput","TimeInputRange"],"mappings":";;AAaA,MAAMA,IAAYC;AAElBD,EAAU,iBAAiBE;"}

package/dist/@ecme/components/ui/TimeInput/utils/clamp.js.map

@@ -1 +1 @@
-{"version":3,"file":"clamp.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\r\n    return Math.min(Math.max(value, min), max)\r\n}\r\n"],"names":["clamp","value","min","max"],"mappings":"AAAO,SAASA,EAAMC,GAAeC,GAAaC,GAAa;AAC3D,SAAO,KAAK,IAAI,KAAK,IAAIF,GAAOC,CAAG,GAAGC,CAAG;AAC7C;"}
+{"version":3,"file":"clamp.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\n    return Math.min(Math.max(value, min), max)\n}\n"],"names":["clamp","value","min","max"],"mappings":"AAAO,SAASA,EAAMC,GAAeC,GAAaC,GAAa;AAC3D,SAAO,KAAK,IAAI,KAAK,IAAIF,GAAOC,CAAG,GAAGC,CAAG;AAC7C;"}

package/dist/@ecme/components/ui/TimeInput/utils/createAmPmHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"createAmPmHandler.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/createAmPmHandler.ts"],"sourcesContent":["import type { RefObject } from 'react'\r\n\r\ntype CreateAmPmHandlerParams = {\r\n    amLabel: string\r\n    pmLabel: string\r\n    onChange(value: string): void\r\n    nextRef?: RefObject<HTMLInputElement | null>\r\n}\r\n\r\nexport function createAmPmHandler({\r\n    amLabel,\r\n    pmLabel,\r\n    onChange,\r\n    nextRef,\r\n}: CreateAmPmHandlerParams) {\r\n    return (value: string, triggerShift: boolean) => {\r\n        const testRegex = new RegExp(`(^(${amLabel}|${pmLabel})?$)`)\r\n        const valLower = value.toLowerCase()\r\n\r\n        if (valLower === amLabel || valLower === pmLabel) {\r\n            onChange(valLower)\r\n            triggerShift && nextRef?.current?.focus()\r\n            triggerShift && nextRef?.current?.select()\r\n            return\r\n        }\r\n\r\n        if (!testRegex.test(valLower)) {\r\n            return\r\n        }\r\n\r\n        onChange(valLower)\r\n    }\r\n}\r\n"],"names":["createAmPmHandler","amLabel","pmLabel","onChange","nextRef","value","triggerShift","_a","_b","testRegex","valLower"],"mappings":"AASO,SAASA,EAAkB;AAAA,EAC9B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACJ,GAA4B;AACxB,SAAO,CAACC,GAAeC,MAA0B;AAN9C,QAAAC,GAAAC;AAOC,UAAMC,IAAY,IAAI,OAAO,MAAMR,CAAO,IAAIC,CAAO,MAAM,GACrDQ,IAAWL,EAAM,YAAA;AAEvB,QAAIK,MAAaT,KAAWS,MAAaR,GAAS;AAC9C,MAAAC,EAASO,CAAQ,GACjBJ,OAAgBC,IAAAH,KAAA,gBAAAA,EAAS,YAAT,QAAAG,EAAkB,UAClCD,OAAgBE,IAAAJ,KAAA,gBAAAA,EAAS,YAAT,QAAAI,EAAkB;AAClC;AAAA,IAAA;AAGJ,IAAKC,EAAU,KAAKC,CAAQ,KAI5BP,EAASO,CAAQ;AAAA,EAAA;AAEzB;"}
+{"version":3,"file":"createAmPmHandler.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/createAmPmHandler.ts"],"sourcesContent":["import type { RefObject } from 'react'\n\ntype CreateAmPmHandlerParams = {\n    amLabel: string\n    pmLabel: string\n    onChange(value: string): void\n    nextRef?: RefObject<HTMLInputElement | null>\n}\n\nexport function createAmPmHandler({\n    amLabel,\n    pmLabel,\n    onChange,\n    nextRef,\n}: CreateAmPmHandlerParams) {\n    return (value: string, triggerShift: boolean) => {\n        const testRegex = new RegExp(`(^(${amLabel}|${pmLabel})?$)`)\n        const valLower = value.toLowerCase()\n\n        if (valLower === amLabel || valLower === pmLabel) {\n            onChange(valLower)\n            triggerShift && nextRef?.current?.focus()\n            triggerShift && nextRef?.current?.select()\n            return\n        }\n\n        if (!testRegex.test(valLower)) {\n            return\n        }\n\n        onChange(valLower)\n    }\n}\n"],"names":["createAmPmHandler","amLabel","pmLabel","onChange","nextRef","value","triggerShift","_a","_b","testRegex","valLower"],"mappings":"AASO,SAASA,EAAkB;AAAA,EAC9B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACJ,GAA4B;AACxB,SAAO,CAACC,GAAeC,MAA0B;AAN9C,QAAAC,GAAAC;AAOC,UAAMC,IAAY,IAAI,OAAO,MAAMR,CAAO,IAAIC,CAAO,MAAM,GACrDQ,IAAWL,EAAM,YAAA;AAEvB,QAAIK,MAAaT,KAAWS,MAAaR,GAAS;AAC9C,MAAAC,EAASO,CAAQ,GACjBJ,OAAgBC,IAAAH,KAAA,gBAAAA,EAAS,YAAT,QAAAG,EAAkB,UAClCD,OAAgBE,IAAAJ,KAAA,gBAAAA,EAAS,YAAT,QAAAI,EAAkB;AAClC;AAAA,IACJ;AAEA,IAAKC,EAAU,KAAKC,CAAQ,KAI5BP,EAASO,CAAQ;AAAA,EACrB;AACJ;"}

package/dist/@ecme/components/ui/TimeInput/utils/createTimeHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTimeHandler.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/createTimeHandler.ts"],"sourcesContent":["import { padTime } from './padTime'\r\nimport { clamp } from './clamp'\r\nimport type { RefObject } from 'react'\r\n\r\nfunction allButLastDigit(value: number) {\r\n    return Math.floor(value / 10)\r\n}\r\n\r\ntype CreateTimeHandlerParams = {\r\n    onChange(value: string, carryOver?: string): void\r\n    nextRef?: RefObject<HTMLInputElement | null>\r\n    min: number\r\n    max: number\r\n    nextMax?: number\r\n}\r\n\r\nexport function createTimeHandler({\r\n    onChange,\r\n    nextRef,\r\n    min,\r\n    max,\r\n    nextMax,\r\n}: CreateTimeHandlerParams) {\r\n    return (\r\n        value: string,\r\n        triggerShift: boolean,\r\n        forceTriggerShift = false,\r\n    ) => {\r\n        const parsed = parseInt(value, 10)\r\n\r\n        if (Number.isNaN(parsed)) {\r\n            return\r\n        }\r\n\r\n        if (parsed > allButLastDigit(max) || forceTriggerShift) {\r\n            const lastDigit = parsed % 10\r\n\r\n            let updatedValue\r\n            let carryOver\r\n\r\n            if (\r\n                parsed > max &&\r\n                nextMax &&\r\n                lastDigit <= allButLastDigit(nextMax)\r\n            ) {\r\n                updatedValue = padTime(allButLastDigit(parsed).toString())\r\n                carryOver = padTime(lastDigit.toString())\r\n            } else {\r\n                updatedValue = padTime(clamp(parsed, min, max).toString())\r\n            }\r\n\r\n            onChange(updatedValue, carryOver)\r\n            triggerShift && nextRef?.current?.focus()\r\n            triggerShift && nextRef?.current?.select()\r\n            return\r\n        }\r\n\r\n        onChange(parsed.toString())\r\n    }\r\n}\r\n"],"names":["allButLastDigit","value","createTimeHandler","onChange","nextRef","min","max","nextMax","triggerShift","forceTriggerShift","parsed","lastDigit","updatedValue","carryOver","padTime","clamp","_a","_b"],"mappings":";;AAIA,SAASA,EAAgBC,GAAe;AACpC,SAAO,KAAK,MAAMA,IAAQ,EAAE;AAChC;AAUO,SAASC,EAAkB;AAAA,EAC9B,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AACJ,GAA4B;AACxB,SAAO,CACHN,GACAO,GACAC,IAAoB,OACnB;;AACD,UAAMC,IAAS,SAAST,GAAO,EAAE;AAEjC,QAAI,QAAO,MAAMS,CAAM,GAIvB;AAAA,UAAIA,IAASV,EAAgBM,CAAG,KAAKG,GAAmB;AACpD,cAAME,IAAYD,IAAS;AAE3B,YAAIE,GACAC;AAEJ,QACIH,IAASJ,KACTC,KACAI,KAAaX,EAAgBO,CAAO,KAEpCK,IAAeE,EAAQd,EAAgBU,CAAM,EAAE,UAAU,GACzDG,IAAYC,EAAQH,EAAU,UAAU,KAExCC,IAAeE,EAAQC,EAAML,GAAQL,GAAKC,CAAG,EAAE,UAAU,GAG7DH,EAASS,GAAcC,CAAS,GAChCL,OAAgBQ,IAAAZ,KAAA,gBAAAA,EAAS,YAAT,QAAAY,EAAkB,UAClCR,OAAgBS,IAAAb,KAAA,gBAAAA,EAAS,YAAT,QAAAa,EAAkB;AAClC;AAAA,MAAA;AAGJ,MAAAd,EAASO,EAAO,UAAU;AAAA;AAAA,EAAA;AAElC;"}
+{"version":3,"file":"createTimeHandler.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/createTimeHandler.ts"],"sourcesContent":["import { padTime } from './padTime'\nimport { clamp } from './clamp'\nimport type { RefObject } from 'react'\n\nfunction allButLastDigit(value: number) {\n    return Math.floor(value / 10)\n}\n\ntype CreateTimeHandlerParams = {\n    onChange(value: string, carryOver?: string): void\n    nextRef?: RefObject<HTMLInputElement | null>\n    min: number\n    max: number\n    nextMax?: number\n}\n\nexport function createTimeHandler({\n    onChange,\n    nextRef,\n    min,\n    max,\n    nextMax,\n}: CreateTimeHandlerParams) {\n    return (\n        value: string,\n        triggerShift: boolean,\n        forceTriggerShift = false,\n    ) => {\n        const parsed = parseInt(value, 10)\n\n        if (Number.isNaN(parsed)) {\n            return\n        }\n\n        if (parsed > allButLastDigit(max) || forceTriggerShift) {\n            const lastDigit = parsed % 10\n\n            let updatedValue\n            let carryOver\n\n            if (\n                parsed > max &&\n                nextMax &&\n                lastDigit <= allButLastDigit(nextMax)\n            ) {\n                updatedValue = padTime(allButLastDigit(parsed).toString())\n                carryOver = padTime(lastDigit.toString())\n            } else {\n                updatedValue = padTime(clamp(parsed, min, max).toString())\n            }\n\n            onChange(updatedValue, carryOver)\n            triggerShift && nextRef?.current?.focus()\n            triggerShift && nextRef?.current?.select()\n            return\n        }\n\n        onChange(parsed.toString())\n    }\n}\n"],"names":["allButLastDigit","value","createTimeHandler","onChange","nextRef","min","max","nextMax","triggerShift","forceTriggerShift","parsed","lastDigit","updatedValue","carryOver","padTime","clamp","_a","_b"],"mappings":";;AAIA,SAASA,EAAgBC,GAAe;AACpC,SAAO,KAAK,MAAMA,IAAQ,EAAE;AAChC;AAUO,SAASC,EAAkB;AAAA,EAC9B,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AACJ,GAA4B;AACxB,SAAO,CACHN,GACAO,GACAC,IAAoB,OACnB;;AACD,UAAMC,IAAS,SAAST,GAAO,EAAE;AAEjC,QAAI,QAAO,MAAMS,CAAM,GAIvB;AAAA,UAAIA,IAASV,EAAgBM,CAAG,KAAKG,GAAmB;AACpD,cAAME,IAAYD,IAAS;AAE3B,YAAIE,GACAC;AAEJ,QACIH,IAASJ,KACTC,KACAI,KAAaX,EAAgBO,CAAO,KAEpCK,IAAeE,EAAQd,EAAgBU,CAAM,EAAE,UAAU,GACzDG,IAAYC,EAAQH,EAAU,UAAU,KAExCC,IAAeE,EAAQC,EAAML,GAAQL,GAAKC,CAAG,EAAE,UAAU,GAG7DH,EAASS,GAAcC,CAAS,GAChCL,OAAgBQ,IAAAZ,KAAA,gBAAAA,EAAS,YAAT,QAAAY,EAAkB,UAClCR,OAAgBS,IAAAb,KAAA,gBAAAA,EAAS,YAAT,QAAAa,EAAkB;AAClC;AAAA,MACJ;AAEA,MAAAd,EAASO,EAAO,UAAU;AAAA;AAAA,EAC9B;AACJ;"}

package/dist/@ecme/components/ui/TimeInput/utils/getDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDate.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/getDate.ts"],"sourcesContent":["import dayjs from 'dayjs'\r\n\r\nexport function getDate(\r\n    hours: string,\r\n    minutes: string,\r\n    seconds: string,\r\n    format: '12' | '24',\r\n    pmLabel: string,\r\n    amPm?: string,\r\n) {\r\n    const date = dayjs()\r\n    let _hours = parseInt(hours, 10)\r\n    const _minutes = parseInt(minutes, 10)\r\n    const _seconds = parseInt(seconds, 10)\r\n\r\n    if (Number.isNaN(_hours)) {\r\n        _hours = 0\r\n    }\r\n\r\n    if (format === '12') {\r\n        _hours %= 12\r\n        if (amPm === pmLabel) {\r\n            _hours += 12\r\n        }\r\n    }\r\n\r\n    return date\r\n        .hour(_hours)\r\n        .minute(Number.isNaN(_minutes) ? 0 : _minutes)\r\n        .second(Number.isNaN(_seconds) ? 0 : _seconds)\r\n        .millisecond(0)\r\n        .toDate()\r\n}\r\n"],"names":["getDate","hours","minutes","seconds","format","pmLabel","amPm","date","dayjs","_hours","_minutes","_seconds"],"mappings":";AAEO,SAASA,EACZC,GACAC,GACAC,GACAC,GACAC,GACAC,GACF;AACE,QAAMC,IAAOC,EAAA;AACb,MAAIC,IAAS,SAASR,GAAO,EAAE;AAC/B,QAAMS,IAAW,SAASR,GAAS,EAAE,GAC/BS,IAAW,SAASR,GAAS,EAAE;AAErC,SAAI,OAAO,MAAMM,CAAM,MACnBA,IAAS,IAGTL,MAAW,SACXK,KAAU,IACNH,MAASD,MACTI,KAAU,MAIXF,EACF,KAAKE,CAAM,EACX,OAAO,OAAO,MAAMC,CAAQ,IAAI,IAAIA,CAAQ,EAC5C,OAAO,OAAO,MAAMC,CAAQ,IAAI,IAAIA,CAAQ,EAC5C,YAAY,CAAC,EACb,OAAA;AACT;"}
+{"version":3,"file":"getDate.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/getDate.ts"],"sourcesContent":["import dayjs from 'dayjs'\n\nexport function getDate(\n    hours: string,\n    minutes: string,\n    seconds: string,\n    format: '12' | '24',\n    pmLabel: string,\n    amPm?: string,\n) {\n    const date = dayjs()\n    let _hours = parseInt(hours, 10)\n    const _minutes = parseInt(minutes, 10)\n    const _seconds = parseInt(seconds, 10)\n\n    if (Number.isNaN(_hours)) {\n        _hours = 0\n    }\n\n    if (format === '12') {\n        _hours %= 12\n        if (amPm === pmLabel) {\n            _hours += 12\n        }\n    }\n\n    return date\n        .hour(_hours)\n        .minute(Number.isNaN(_minutes) ? 0 : _minutes)\n        .second(Number.isNaN(_seconds) ? 0 : _seconds)\n        .millisecond(0)\n        .toDate()\n}\n"],"names":["getDate","hours","minutes","seconds","format","pmLabel","amPm","date","dayjs","_hours","_minutes","_seconds"],"mappings":";AAEO,SAASA,EACZC,GACAC,GACAC,GACAC,GACAC,GACAC,GACF;AACE,QAAMC,IAAOC,EAAA;AACb,MAAIC,IAAS,SAASR,GAAO,EAAE;AAC/B,QAAMS,IAAW,SAASR,GAAS,EAAE,GAC/BS,IAAW,SAASR,GAAS,EAAE;AAErC,SAAI,OAAO,MAAMM,CAAM,MACnBA,IAAS,IAGTL,MAAW,SACXK,KAAU,IACNH,MAASD,MACTI,KAAU,MAIXF,EACF,KAAKE,CAAM,EACX,OAAO,OAAO,MAAMC,CAAQ,IAAI,IAAIA,CAAQ,EAC5C,OAAO,OAAO,MAAMC,CAAQ,IAAI,IAAIA,CAAQ,EAC5C,YAAY,CAAC,EACb,OAAA;AACT;"}

package/dist/@ecme/components/ui/TimeInput/utils/getTimeValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTimeValues.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/getTimeValues.ts"],"sourcesContent":["import { padTime } from './padTime'\r\n\r\nexport function getTimeValues(\r\n    value: Date,\r\n    format: '12' | '24',\r\n    amLabel: string,\r\n    pmLabel: string,\r\n) {\r\n    if (!(value instanceof Date)) {\r\n        return { hours: '', minutes: '', seconds: '', amPm: '' }\r\n    }\r\n\r\n    let _hours = value.getHours()\r\n\r\n    const isPm = _hours >= 12\r\n    if (format === '12') {\r\n        _hours %= 12\r\n        if (_hours === 0) {\r\n            _hours += 12\r\n        }\r\n    }\r\n\r\n    return {\r\n        hours: padTime(_hours.toString()),\r\n        minutes: padTime(value.getMinutes().toString()),\r\n        seconds: padTime(value.getSeconds().toString()),\r\n        amPm: isPm ? pmLabel : amLabel,\r\n    }\r\n}\r\n"],"names":["getTimeValues","value","format","amLabel","pmLabel","_hours","isPm","padTime"],"mappings":";AAEO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;AACE,MAAI,EAAEH,aAAiB;AACnB,WAAO,EAAE,OAAO,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,GAAA;AAGxD,MAAII,IAASJ,EAAM,SAAA;AAEnB,QAAMK,IAAOD,KAAU;AACvB,SAAIH,MAAW,SACXG,KAAU,IACNA,MAAW,MACXA,KAAU,MAIX;AAAA,IACH,OAAOE,EAAQF,EAAO,UAAU;AAAA,IAChC,SAASE,EAAQN,EAAM,WAAA,EAAa,UAAU;AAAA,IAC9C,SAASM,EAAQN,EAAM,WAAA,EAAa,UAAU;AAAA,IAC9C,MAAMK,IAAOF,IAAUD;AAAA,EAAA;AAE/B;"}
+{"version":3,"file":"getTimeValues.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/getTimeValues.ts"],"sourcesContent":["import { padTime } from './padTime'\n\nexport function getTimeValues(\n    value: Date,\n    format: '12' | '24',\n    amLabel: string,\n    pmLabel: string,\n) {\n    if (!(value instanceof Date)) {\n        return { hours: '', minutes: '', seconds: '', amPm: '' }\n    }\n\n    let _hours = value.getHours()\n\n    const isPm = _hours >= 12\n    if (format === '12') {\n        _hours %= 12\n        if (_hours === 0) {\n            _hours += 12\n        }\n    }\n\n    return {\n        hours: padTime(_hours.toString()),\n        minutes: padTime(value.getMinutes().toString()),\n        seconds: padTime(value.getSeconds().toString()),\n        amPm: isPm ? pmLabel : amLabel,\n    }\n}\n"],"names":["getTimeValues","value","format","amLabel","pmLabel","_hours","isPm","padTime"],"mappings":";AAEO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;AACE,MAAI,EAAEH,aAAiB;AACnB,WAAO,EAAE,OAAO,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,GAAA;AAGxD,MAAII,IAASJ,EAAM,SAAA;AAEnB,QAAMK,IAAOD,KAAU;AACvB,SAAIH,MAAW,SACXG,KAAU,IACNA,MAAW,MACXA,KAAU,MAIX;AAAA,IACH,OAAOE,EAAQF,EAAO,UAAU;AAAA,IAChC,SAASE,EAAQN,EAAM,WAAA,EAAa,UAAU;AAAA,IAC9C,SAASM,EAAQN,EAAM,WAAA,EAAa,UAAU;AAAA,IAC9C,MAAMK,IAAOF,IAAUD;AAAA,EAAA;AAE/B;"}

package/dist/@ecme/components/ui/TimeInput/utils/padTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"padTime.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/padTime.ts"],"sourcesContent":["export function padTime(value: string) {\r\n    const _val = parseInt(value, 10)\r\n    return _val >= 10 ? _val.toString() : `0${_val}`\r\n}\r\n"],"names":["padTime","value","_val"],"mappings":"AAAO,SAASA,EAAQC,GAAe;AACnC,QAAMC,IAAO,SAASD,GAAO,EAAE;AAC/B,SAAOC,KAAQ,KAAKA,EAAK,SAAA,IAAa,IAAIA,CAAI;AAClD;"}
+{"version":3,"file":"padTime.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/padTime.ts"],"sourcesContent":["export function padTime(value: string) {\n    const _val = parseInt(value, 10)\n    return _val >= 10 ? _val.toString() : `0${_val}`\n}\n"],"names":["padTime","value","_val"],"mappings":"AAAO,SAASA,EAAQC,GAAe;AACnC,QAAMC,IAAO,SAASD,GAAO,EAAE;AAC/B,SAAOC,KAAQ,KAAKA,EAAK,SAAA,IAAa,IAAIA,CAAI;AAClD;"}

package/dist/@ecme/components/ui/Timeline/TimeLineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeLineItem.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/TimeLineItem.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { ReactNode, Ref } from 'react'\r\n\r\nexport interface TimeLineItemProps extends CommonProps {\r\n    isLast?: boolean\r\n    media?: string | ReactNode\r\n    ref?: Ref<HTMLLIElement>\r\n}\r\n\r\nconst TimeLineItem = (props: TimeLineItemProps) => {\r\n    const { children, className, isLast, media, ref } = props\r\n\r\n    return (\r\n        <li\r\n            ref={ref}\r\n            className={classNames(\r\n                'timeline-item',\r\n                isLast ? 'timeline-item-last' : '',\r\n                className,\r\n            )}\r\n        >\r\n            <div className=\"timeline-item-wrapper\">\r\n                <div className=\"timeline-item-media\">\r\n                    <div className=\"timeline-item-media-content\">\r\n                        {media || (\r\n                            <div className=\"timeline-item-media-default\" />\r\n                        )}\r\n                    </div>\r\n                    {!isLast && <div className=\"timeline-connect\" />}\r\n                </div>\r\n                <div\r\n                    className={classNames(\r\n                        'timeline-item-content',\r\n                        isLast && 'timeline-item-content-last',\r\n                    )}\r\n                >\r\n                    {children}\r\n                </div>\r\n            </div>\r\n        </li>\r\n    )\r\n}\r\n\r\nexport default TimeLineItem\r\n"],"names":["TimeLineItem","props","children","className","isLast","media","ref","jsx","classNames","jsxs"],"mappings":";;AAUA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,OAAAC,GAAO,KAAAC,MAAQL;AAEpD,SACI,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,WAAWE;AAAA,QACP;AAAA,QACAJ,IAAS,uBAAuB;AAAA,QAChCD;AAAA,MAAA;AAAA,MAGJ,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,+BACV,UAAAF,uBACI,OAAA,EAAI,WAAU,+BAA8B,EAAA,CAErD;AAAA,UACC,CAACD,KAAU,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBAAA,CAAmB;AAAA,QAAA,GAClD;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACP;AAAA,cACAJ,KAAU;AAAA,YAAA;AAAA,YAGb,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"TimeLineItem.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/TimeLineItem.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface TimeLineItemProps extends CommonProps {\n    isLast?: boolean\n    media?: string | ReactNode\n    ref?: Ref<HTMLLIElement>\n}\n\nconst TimeLineItem = (props: TimeLineItemProps) => {\n    const { children, className, isLast, media, ref } = props\n\n    return (\n        <li\n            ref={ref}\n            className={classNames(\n                'timeline-item',\n                isLast ? 'timeline-item-last' : '',\n                className,\n            )}\n        >\n            <div className=\"timeline-item-wrapper\">\n                <div className=\"timeline-item-media\">\n                    <div className=\"timeline-item-media-content\">\n                        {media || (\n                            <div className=\"timeline-item-media-default\" />\n                        )}\n                    </div>\n                    {!isLast && <div className=\"timeline-connect\" />}\n                </div>\n                <div\n                    className={classNames(\n                        'timeline-item-content',\n                        isLast && 'timeline-item-content-last',\n                    )}\n                >\n                    {children}\n                </div>\n            </div>\n        </li>\n    )\n}\n\nexport default TimeLineItem\n"],"names":["TimeLineItem","props","children","className","isLast","media","ref","jsx","classNames","jsxs"],"mappings":";;AAUA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,OAAAC,GAAO,KAAAC,MAAQL;AAEpD,SACI,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,WAAWE;AAAA,QACP;AAAA,QACAJ,IAAS,uBAAuB;AAAA,QAChCD;AAAA,MAAA;AAAA,MAGJ,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,+BACV,UAAAF,uBACI,OAAA,EAAI,WAAU,+BAA8B,EAAA,CAErD;AAAA,UACC,CAACD,KAAU,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBAAA,CAAmB;AAAA,QAAA,GAClD;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACP;AAAA,cACAJ,KAAU;AAAA,YAAA;AAAA,YAGb,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/components/ui/Timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/Timeline.tsx"],"sourcesContent":["import { Children } from 'react'\r\nimport classNames from 'classnames'\r\nimport mapCloneElement from '../utils/mapCloneElement'\r\nimport type { DetailedReactHTMLElement, Ref } from 'react'\r\nimport type { CommonProps } from '../@types/common'\r\n\r\nexport type TimelineProps = CommonProps & {\r\n    ref?: Ref<HTMLUListElement>\r\n}\r\n\r\nconst Timeline = (props: TimelineProps) => {\r\n    const { children, className, ref } = props\r\n\r\n    const count = Children.count(children)\r\n\r\n    const items = mapCloneElement(\r\n        children,\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        (item: DetailedReactHTMLElement<any, HTMLElement>, index: number) => ({\r\n            isLast: index === count - 1,\r\n            ...item.props,\r\n        }),\r\n    )\r\n\r\n    return (\r\n        <ul ref={ref} className={classNames('timeline', className)}>\r\n            {items}\r\n        </ul>\r\n    )\r\n}\r\n\r\nexport default Timeline\r\n"],"names":["Timeline","props","children","className","ref","count","Children","items","mapCloneElement","item","index","jsx","classNames"],"mappings":";;;;AAUA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,KAAAC,EAAA,IAAQH,GAE/BI,IAAQC,EAAS,MAAMJ,CAAQ,GAE/BK,IAAQC;AAAA,IACVN;AAAA;AAAA,IAEA,CAACO,GAAkDC,OAAmB;AAAA,MAClE,QAAQA,MAAUL,IAAQ;AAAA,MAC1B,GAAGI,EAAK;AAAA,IAAA;AAAA,EACZ;AAGJ,SACI,gBAAAE,EAAC,QAAG,KAAAP,GAAU,WAAWQ,EAAW,YAAYT,CAAS,GACpD,UAAAI,EAAA,CACL;AAER;"}
+{"version":3,"file":"Timeline.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/Timeline.tsx"],"sourcesContent":["import { Children } from 'react'\nimport classNames from 'classnames'\nimport mapCloneElement from '../utils/mapCloneElement'\nimport type { DetailedReactHTMLElement, Ref } from 'react'\nimport type { CommonProps } from '../@types/common'\n\nexport type TimelineProps = CommonProps & {\n    ref?: Ref<HTMLUListElement>\n}\n\nconst Timeline = (props: TimelineProps) => {\n    const { children, className, ref } = props\n\n    const count = Children.count(children)\n\n    const items = mapCloneElement(\n        children,\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (item: DetailedReactHTMLElement<any, HTMLElement>, index: number) => ({\n            isLast: index === count - 1,\n            ...item.props,\n        }),\n    )\n\n    return (\n        <ul ref={ref} className={classNames('timeline', className)}>\n            {items}\n        </ul>\n    )\n}\n\nexport default Timeline\n"],"names":["Timeline","props","children","className","ref","count","Children","items","mapCloneElement","item","index","jsx","classNames"],"mappings":";;;;AAUA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,KAAAC,EAAA,IAAQH,GAE/BI,IAAQC,EAAS,MAAMJ,CAAQ,GAE/BK,IAAQC;AAAA,IACVN;AAAA;AAAA,IAEA,CAACO,GAAkDC,OAAmB;AAAA,MAClE,QAAQA,MAAUL,IAAQ;AAAA,MAC1B,GAAGI,EAAK;AAAA,IAAA;AAAA,EACZ;AAGJ,SACI,gBAAAE,EAAC,QAAG,KAAAP,GAAU,WAAWQ,EAAW,YAAYT,CAAS,GACpD,UAAAI,EAAA,CACL;AAER;"}

package/dist/@ecme/components/ui/Timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\r\nimport _Timeline, { TimelineProps } from './Timeline'\r\nimport TimeLineItem from './TimeLineItem'\r\n\r\nexport type { TimelineProps } from './Timeline'\r\nexport type { TimeLineItemProps } from './TimeLineItem'\r\n\r\ntype CompoundedComponent = ForwardRefExoticComponent<\r\n    TimelineProps & RefAttributes<HTMLUListElement>\r\n> & {\r\n    Item: typeof TimeLineItem\r\n}\r\n\r\nconst Timeline = _Timeline as CompoundedComponent\r\n\r\nTimeline.Item = TimeLineItem\r\n\r\nexport { Timeline }\r\n\r\nexport default Timeline\r\n"],"names":["Timeline","_Timeline","TimeLineItem"],"mappings":";;AAaA,MAAMA,IAAWC;AAEjBD,EAAS,OAAOE;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _Timeline, { TimelineProps } from './Timeline'\nimport TimeLineItem from './TimeLineItem'\n\nexport type { TimelineProps } from './Timeline'\nexport type { TimeLineItemProps } from './TimeLineItem'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    TimelineProps & RefAttributes<HTMLUListElement>\n> & {\n    Item: typeof TimeLineItem\n}\n\nconst Timeline = _Timeline as CompoundedComponent\n\nTimeline.Item = TimeLineItem\n\nexport { Timeline }\n\nexport default Timeline\n"],"names":["Timeline","_Timeline","TimeLineItem"],"mappings":";;AAaA,MAAMA,IAAWC;AAEjBD,EAAS,OAAOE;"}

package/dist/@ecme/components/ui/Tooltip/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.js","sources":["../../../../../lib/@ecme/components/ui/Tooltip/Arrow.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport {\r\n    BsFillCaretDownFill,\r\n    BsFillCaretLeftFill,\r\n    BsFillCaretUpFill,\r\n    BsFillCaretRightFill,\r\n} from 'react-icons/bs'\r\n\r\nexport type ArrowPlacement =\r\n    | 'top'\r\n    | 'top-start'\r\n    | 'top-end'\r\n    | 'bottom'\r\n    | 'bottom-start'\r\n    | 'bottom-end'\r\n    | 'right'\r\n    | 'right-start'\r\n    | 'right-end'\r\n    | 'left'\r\n    | 'left-start'\r\n    | 'left-end'\r\n\r\ninterface ArrowProps {\r\n    placement: ArrowPlacement\r\n    color: string\r\n}\r\n\r\nconst Arrow = ({ placement, color }: ArrowProps) => {\r\n    const arrowDefaultClass = `absolute ${color}`\r\n\r\n    const getArrow = () => {\r\n        switch (placement) {\r\n            case 'top':\r\n                return (\r\n                    <BsFillCaretDownFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-bottom-2 w-full left-0',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'top-start':\r\n                return (\r\n                    <BsFillCaretDownFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-bottom-2 left-0 ml-3',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'top-end':\r\n                return (\r\n                    <BsFillCaretDownFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-bottom-2 right-0 mr-3',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'right':\r\n                return (\r\n                    <BsFillCaretLeftFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-left-2 top-1/2 transform -translate-y-1/2',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'right-start':\r\n                return (\r\n                    <BsFillCaretLeftFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-left-2 top-2',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'right-end':\r\n                return (\r\n                    <BsFillCaretLeftFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-left-2 bottom-2',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'bottom':\r\n                return (\r\n                    <BsFillCaretUpFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-top-2 w-full left-0',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'bottom-start':\r\n                return (\r\n                    <BsFillCaretUpFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-top-2 left-0 ml-3',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'bottom-end':\r\n                return (\r\n                    <BsFillCaretUpFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-top-2 right-0 mr-3',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'left':\r\n                return (\r\n                    <BsFillCaretRightFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-right-2 top-1/2 transform -translate-y-1/2',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'left-start':\r\n                return (\r\n                    <BsFillCaretRightFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-right-2 top-2',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'left-end':\r\n                return (\r\n                    <BsFillCaretRightFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-right-2 bottom-2',\r\n                        )}\r\n                    />\r\n                )\r\n            default:\r\n                break\r\n        }\r\n    }\r\n\r\n    return <div>{getArrow()}</div>\r\n}\r\n\r\nexport default Arrow\r\n"],"names":["Arrow","placement","color","arrowDefaultClass","jsx","BsFillCaretDownFill","classNames","BsFillCaretLeftFill","BsFillCaretUpFill","BsFillCaretRightFill"],"mappings":";;;AA2BA,MAAMA,IAAQ,CAAC,EAAE,WAAAC,GAAW,OAAAC,QAAwB;AAChD,QAAMC,IAAoB,YAAYD,CAAK;AAqH3C,SAAO,gBAAAE,EAAC,OAAA,EAAK,WAnHI,MAAM;AACnB,YAAQH,GAAA;AAAA,MACJ,KAAK;AACD,eACI,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ;AACI;AAAA,IAAA;AAAA,EACR,GAGS,EAAS,CAAE;AAC5B;"}
+{"version":3,"file":"Arrow.js","sources":["../../../../../lib/@ecme/components/ui/Tooltip/Arrow.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n    BsFillCaretDownFill,\n    BsFillCaretLeftFill,\n    BsFillCaretUpFill,\n    BsFillCaretRightFill,\n} from 'react-icons/bs'\n\nexport type ArrowPlacement =\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n\ninterface ArrowProps {\n    placement: ArrowPlacement\n    color: string\n}\n\nconst Arrow = ({ placement, color }: ArrowProps) => {\n    const arrowDefaultClass = `absolute ${color}`\n\n    const getArrow = () => {\n        switch (placement) {\n            case 'top':\n                return (\n                    <BsFillCaretDownFill\n                        className={classNames(\n                            arrowDefaultClass,\n                            '-bottom-2 w-full left-0',\n                        )}\n                    />\n                )\n            case 'top-start':\n                return (\n                    <BsFillCaretDownFill\n                        className={classNames(\n                            arrowDefaultClass,\n                            '-bottom-2 left-0 ml-3',\n                        )}\n                    />\n                )\n            case 'top-end':\n                return (\n                    <BsFillCaretDownFill\n                        className={classNames(\n                            arrowDefaultClass,\n                            '-bottom-2 right-0 mr-3',\n                        )}\n                    />\n                )\n            case 'right':\n                return (\n                    <BsFillCaretLeftFill\n                        className={classNames(\n                            arrowDefaultClass,\n                            '-left-2 top-1/2 transform -translate-y-1/2',\n                        )}\n                    />\n                )\n            case 'right-start':\n                return (\n                    <BsFillCaretLeftFill\n                        className={classNames(\n                            arrowDefaultClass,\n                            '-left-2 top-2',\n                        )}\n                    />\n                )\n            case 'right-end':\n                return (\n                    <BsFillCaretLeftFill\n                        className={classNames(\n                            arrowDefaultClass,\n                            '-left-2 bottom-2',\n                        )}\n                    />\n                )\n            case 'bottom':\n                return (\n                    <BsFillCaretUpFill\n                        className={classNames(\n                            arrowDefaultClass,\n                            '-top-2 w-full left-0',\n                        )}\n                    />\n                )\n            case 'bottom-start':\n                return (\n                    <BsFillCaretUpFill\n                        className={classNames(\n                            arrowDefaultClass,\n                            '-top-2 left-0 ml-3',\n                        )}\n                    />\n                )\n            case 'bottom-end':\n                return (\n                    <BsFillCaretUpFill\n                        className={classNames(\n                            arrowDefaultClass,\n                            '-top-2 right-0 mr-3',\n                        )}\n                    />\n                )\n            case 'left':\n                return (\n                    <BsFillCaretRightFill\n                        className={classNames(\n                            arrowDefaultClass,\n                            '-right-2 top-1/2 transform -translate-y-1/2',\n                        )}\n                    />\n                )\n            case 'left-start':\n                return (\n                    <BsFillCaretRightFill\n                        className={classNames(\n                            arrowDefaultClass,\n                            '-right-2 top-2',\n                        )}\n                    />\n                )\n            case 'left-end':\n                return (\n                    <BsFillCaretRightFill\n                        className={classNames(\n                            arrowDefaultClass,\n                            '-right-2 bottom-2',\n                        )}\n                    />\n                )\n            default:\n                break\n        }\n    }\n\n    return <div>{getArrow()}</div>\n}\n\nexport default Arrow\n"],"names":["Arrow","placement","color","arrowDefaultClass","jsx","BsFillCaretDownFill","classNames","BsFillCaretLeftFill","BsFillCaretUpFill","BsFillCaretRightFill"],"mappings":";;;AA2BA,MAAMA,IAAQ,CAAC,EAAE,WAAAC,GAAW,OAAAC,QAAwB;AAChD,QAAMC,IAAoB,YAAYD,CAAK;AAqH3C,SAAO,gBAAAE,EAAC,OAAA,EAAK,WAnHI,MAAM;AACnB,YAAQH,GAAA;AAAA,MACJ,KAAK;AACD,eACI,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ;AACI;AAAA,IAAA;AAAA,EAEZ,GAEa,EAAS,CAAE;AAC5B;"}

package/dist/@ecme/components/ui/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../lib/@ecme/components/ui/Tooltip/Tooltip.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport classNames from 'classnames'\r\nimport { motion, AnimatePresence } from 'framer-motion'\r\nimport Arrow from './Arrow'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { ArrowPlacement } from './Arrow'\r\nimport type { ReactNode } from 'react'\r\nimport {\r\n    useFloating,\r\n    autoUpdate,\r\n    offset,\r\n    flip,\r\n    shift,\r\n    useHover,\r\n    useFocus,\r\n    useDismiss,\r\n    useRole,\r\n    useInteractions,\r\n    FloatingPortal,\r\n} from '@floating-ui/react'\r\n\r\nexport interface TooltipProps extends CommonProps {\r\n    isOpen?: boolean\r\n    placement?: ArrowPlacement\r\n    title: string | ReactNode\r\n    wrapperClass?: string\r\n    disabled?: boolean\r\n}\r\n\r\nconst Tooltip = (props: TooltipProps) => {\r\n    const {\r\n        className,\r\n        children,\r\n        isOpen = false,\r\n        placement = 'top',\r\n        title,\r\n        wrapperClass,\r\n        disabled,\r\n    } = props\r\n\r\n    const [tooltipOpen, setTooltipOpen] = useState<boolean>(isOpen)\r\n\r\n    const tooltipColor = {\r\n        background: 'bg-gray-800 dark:bg-black',\r\n        arrow: 'text-gray-800 dark:text-black',\r\n    }\r\n\r\n    const defaultTooltipClass = `tooltip ${tooltipColor.background}`\r\n\r\n    const { refs, floatingStyles, context } = useFloating({\r\n        open: isOpen,\r\n        onOpenChange: (open) => {\r\n            if (!disabled) {\r\n                setTooltipOpen(open)\r\n            }\r\n        },\r\n        placement,\r\n        whileElementsMounted: autoUpdate,\r\n        middleware: [\r\n            offset(7),\r\n            flip({\r\n                fallbackAxisSideDirection: 'start',\r\n            }),\r\n            shift(),\r\n        ],\r\n    })\r\n\r\n    const hover = useHover(context, { move: false })\r\n    const focus = useFocus(context)\r\n    const dismiss = useDismiss(context)\r\n    const role = useRole(context, { role: 'tooltip' })\r\n\r\n    const { getReferenceProps, getFloatingProps } = useInteractions([\r\n        hover,\r\n        focus,\r\n        dismiss,\r\n        role,\r\n    ])\r\n\r\n    return (\r\n        <>\r\n            <span\r\n                ref={refs.setReference}\r\n                {...getReferenceProps()}\r\n                className={classNames('tooltip-wrapper', wrapperClass)}\r\n            >\r\n                {children}\r\n            </span>\r\n            <FloatingPortal>\r\n                {tooltipOpen && (\r\n                    <AnimatePresence>\r\n                        <motion.div\r\n                            ref={refs.setFloating}\r\n                            className={classNames(\r\n                                defaultTooltipClass,\r\n                                className,\r\n                            )}\r\n                            initial={{\r\n                                opacity: 0,\r\n                                visibility: 'hidden',\r\n                            }}\r\n                            animate={\r\n                                tooltipOpen\r\n                                    ? {\r\n                                          opacity: 1,\r\n                                          visibility: 'visible',\r\n                                      }\r\n                                    : {\r\n                                          opacity: 0,\r\n                                          visibility: 'hidden',\r\n                                      }\r\n                            }\r\n                            transition={{\r\n                                duration: 0.15,\r\n                                type: 'tween',\r\n                            }}\r\n                            style={floatingStyles}\r\n                            {...getFloatingProps()}\r\n                        >\r\n                            <span>{title}</span>\r\n                            <Arrow\r\n                                placement={context.placement}\r\n                                color={tooltipColor.arrow}\r\n                            />\r\n                        </motion.div>\r\n                    </AnimatePresence>\r\n                )}\r\n            </FloatingPortal>\r\n        </>\r\n    )\r\n}\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","props","className","children","isOpen","placement","title","wrapperClass","disabled","tooltipOpen","setTooltipOpen","useState","tooltipColor","defaultTooltipClass","refs","floatingStyles","context","useFloating","open","autoUpdate","offset","flip","shift","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","getReferenceProps","getFloatingProps","useInteractions","jsxs","Fragment","jsx","classNames","FloatingPortal","AnimatePresence","motion","Arrow"],"mappings":";;;;;;AA6BA,MAAMA,IAAU,CAACC,MAAwB;AACrC,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACAP,GAEE,CAACQ,GAAaC,CAAc,IAAIC,EAAkBP,CAAM,GAExDQ,IAAe;AAAA,IACjB,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA,GAGLC,IAAsB,WAAWD,EAAa,UAAU,IAExD,EAAE,MAAAE,GAAM,gBAAAC,GAAgB,SAAAC,EAAA,IAAYC,EAAY;AAAA,IAClD,MAAMb;AAAA,IACN,cAAc,CAACc,MAAS;AACpB,MAAKV,KACDE,EAAeQ,CAAI;AAAA,IACvB;AAAA,IAEJ,WAAAb;AAAA,IACA,sBAAsBc;AAAA,IACtB,YAAY;AAAA,MACRC,EAAO,CAAC;AAAA,MACRC,EAAK;AAAA,QACD,2BAA2B;AAAA,MAAA,CAC9B;AAAA,MACDC,EAAA;AAAA,IAAM;AAAA,EACV,CACH,GAEKC,IAAQC,EAASR,GAAS,EAAE,MAAM,IAAO,GACzCS,IAAQC,EAASV,CAAO,GACxBW,IAAUC,EAAWZ,CAAO,GAC5Ba,IAAOC,EAAQd,GAAS,EAAE,MAAM,WAAW,GAE3C,EAAE,mBAAAe,GAAmB,kBAAAC,EAAA,IAAqBC,EAAgB;AAAA,IAC5DV;AAAA,IACAE;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,CACH;AAED,SACI,gBAAAK,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKtB,EAAK;AAAA,QACT,GAAGiB,EAAA;AAAA,QACJ,WAAWM,EAAW,mBAAmB9B,CAAY;AAAA,QAEpD,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,gBAAAiC,EAACE,GAAA,EACI,UAAA7B,KACG,gBAAA2B,EAACG,GAAA,EACG,UAAA,gBAAAL;AAAA,MAACM,EAAO;AAAA,MAAP;AAAA,QACG,KAAK1B,EAAK;AAAA,QACV,WAAWuB;AAAA,UACPxB;AAAA,UACAX;AAAA,QAAA;AAAA,QAEJ,SAAS;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEhB,SACIO,IACM;AAAA,UACI,SAAS;AAAA,UACT,YAAY;AAAA,QAAA,IAEhB;AAAA,UACI,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAG1B,YAAY;AAAA,UACR,UAAU;AAAA,UACV,MAAM;AAAA,QAAA;AAAA,QAEV,OAAOM;AAAA,QACN,GAAGiB,EAAA;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAI,EAAC,UAAM,UAAA9B,EAAA,CAAM;AAAA,UACb,gBAAA8B;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,WAAWzB,EAAQ;AAAA,cACnB,OAAOJ,EAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,IAAA,GAER,EAAA,CAER;AAAA,EAAA,GACJ;AAER;AAEAZ,EAAQ,cAAc;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../lib/@ecme/components/ui/Tooltip/Tooltip.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport Arrow from './Arrow'\nimport type { CommonProps } from '../@types/common'\nimport type { ArrowPlacement } from './Arrow'\nimport type { ReactNode } from 'react'\nimport {\n    useFloating,\n    autoUpdate,\n    offset,\n    flip,\n    shift,\n    useHover,\n    useFocus,\n    useDismiss,\n    useRole,\n    useInteractions,\n    FloatingPortal,\n} from '@floating-ui/react'\n\nexport interface TooltipProps extends CommonProps {\n    isOpen?: boolean\n    placement?: ArrowPlacement\n    title: string | ReactNode\n    wrapperClass?: string\n    disabled?: boolean\n}\n\nconst Tooltip = (props: TooltipProps) => {\n    const {\n        className,\n        children,\n        isOpen = false,\n        placement = 'top',\n        title,\n        wrapperClass,\n        disabled,\n    } = props\n\n    const [tooltipOpen, setTooltipOpen] = useState<boolean>(isOpen)\n\n    const tooltipColor = {\n        background: 'bg-gray-800 dark:bg-black',\n        arrow: 'text-gray-800 dark:text-black',\n    }\n\n    const defaultTooltipClass = `tooltip ${tooltipColor.background}`\n\n    const { refs, floatingStyles, context } = useFloating({\n        open: isOpen,\n        onOpenChange: (open) => {\n            if (!disabled) {\n                setTooltipOpen(open)\n            }\n        },\n        placement,\n        whileElementsMounted: autoUpdate,\n        middleware: [\n            offset(7),\n            flip({\n                fallbackAxisSideDirection: 'start',\n            }),\n            shift(),\n        ],\n    })\n\n    const hover = useHover(context, { move: false })\n    const focus = useFocus(context)\n    const dismiss = useDismiss(context)\n    const role = useRole(context, { role: 'tooltip' })\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n        hover,\n        focus,\n        dismiss,\n        role,\n    ])\n\n    return (\n        <>\n            <span\n                ref={refs.setReference}\n                {...getReferenceProps()}\n                className={classNames('tooltip-wrapper', wrapperClass)}\n            >\n                {children}\n            </span>\n            <FloatingPortal>\n                {tooltipOpen && (\n                    <AnimatePresence>\n                        <motion.div\n                            ref={refs.setFloating}\n                            className={classNames(\n                                defaultTooltipClass,\n                                className,\n                            )}\n                            initial={{\n                                opacity: 0,\n                                visibility: 'hidden',\n                            }}\n                            animate={\n                                tooltipOpen\n                                    ? {\n                                          opacity: 1,\n                                          visibility: 'visible',\n                                      }\n                                    : {\n                                          opacity: 0,\n                                          visibility: 'hidden',\n                                      }\n                            }\n                            transition={{\n                                duration: 0.15,\n                                type: 'tween',\n                            }}\n                            style={floatingStyles}\n                            {...getFloatingProps()}\n                        >\n                            <span>{title}</span>\n                            <Arrow\n                                placement={context.placement}\n                                color={tooltipColor.arrow}\n                            />\n                        </motion.div>\n                    </AnimatePresence>\n                )}\n            </FloatingPortal>\n        </>\n    )\n}\n\nTooltip.displayName = 'Tooltip'\n\nexport default Tooltip\n"],"names":["Tooltip","props","className","children","isOpen","placement","title","wrapperClass","disabled","tooltipOpen","setTooltipOpen","useState","tooltipColor","defaultTooltipClass","refs","floatingStyles","context","useFloating","open","autoUpdate","offset","flip","shift","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","getReferenceProps","getFloatingProps","useInteractions","jsxs","Fragment","jsx","classNames","FloatingPortal","AnimatePresence","motion","Arrow"],"mappings":";;;;;;AA6BA,MAAMA,IAAU,CAACC,MAAwB;AACrC,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACAP,GAEE,CAACQ,GAAaC,CAAc,IAAIC,EAAkBP,CAAM,GAExDQ,IAAe;AAAA,IACjB,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA,GAGLC,IAAsB,WAAWD,EAAa,UAAU,IAExD,EAAE,MAAAE,GAAM,gBAAAC,GAAgB,SAAAC,EAAA,IAAYC,EAAY;AAAA,IAClD,MAAMb;AAAA,IACN,cAAc,CAACc,MAAS;AACpB,MAAKV,KACDE,EAAeQ,CAAI;AAAA,IAE3B;AAAA,IACA,WAAAb;AAAA,IACA,sBAAsBc;AAAA,IACtB,YAAY;AAAA,MACRC,EAAO,CAAC;AAAA,MACRC,EAAK;AAAA,QACD,2BAA2B;AAAA,MAAA,CAC9B;AAAA,MACDC,EAAA;AAAA,IAAM;AAAA,EACV,CACH,GAEKC,IAAQC,EAASR,GAAS,EAAE,MAAM,IAAO,GACzCS,IAAQC,EAASV,CAAO,GACxBW,IAAUC,EAAWZ,CAAO,GAC5Ba,IAAOC,EAAQd,GAAS,EAAE,MAAM,WAAW,GAE3C,EAAE,mBAAAe,GAAmB,kBAAAC,EAAA,IAAqBC,EAAgB;AAAA,IAC5DV;AAAA,IACAE;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,CACH;AAED,SACI,gBAAAK,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKtB,EAAK;AAAA,QACT,GAAGiB,EAAA;AAAA,QACJ,WAAWM,EAAW,mBAAmB9B,CAAY;AAAA,QAEpD,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,gBAAAiC,EAACE,GAAA,EACI,UAAA7B,KACG,gBAAA2B,EAACG,GAAA,EACG,UAAA,gBAAAL;AAAA,MAACM,EAAO;AAAA,MAAP;AAAA,QACG,KAAK1B,EAAK;AAAA,QACV,WAAWuB;AAAA,UACPxB;AAAA,UACAX;AAAA,QAAA;AAAA,QAEJ,SAAS;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEhB,SACIO,IACM;AAAA,UACI,SAAS;AAAA,UACT,YAAY;AAAA,QAAA,IAEhB;AAAA,UACI,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAG1B,YAAY;AAAA,UACR,UAAU;AAAA,UACV,MAAM;AAAA,QAAA;AAAA,QAEV,OAAOM;AAAA,QACN,GAAGiB,EAAA;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAI,EAAC,UAAM,UAAA9B,EAAA,CAAM;AAAA,UACb,gBAAA8B;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,WAAWzB,EAAQ;AAAA,cACnB,OAAOJ,EAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,IAAA,GAER,EAAA,CAER;AAAA,EAAA,GACJ;AAER;AAEAZ,EAAQ,cAAc;"}

package/dist/@ecme/components/ui/Upload/FileItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.js","sources":["../../../../../lib/@ecme/components/ui/Upload/FileItem.tsx"],"sourcesContent":["import { VscFilePdf, VscFileZip, VscFile } from 'react-icons/vsc'\r\nimport classNames from '../utils/classNames'\r\nimport type { CommonProps } from '../@types/common'\r\n\r\nconst BYTE = 1000\r\nconst getKB = (bytes: number) => Math.round(bytes / BYTE)\r\n\r\nconst FileIcon = ({ children }: CommonProps) => {\r\n    return <span className=\"text-3xl heading-text\">{children}</span>\r\n}\r\n\r\nexport interface FileItemProps extends CommonProps {\r\n    file: File\r\n}\r\n\r\nconst FileItem = (props: FileItemProps) => {\r\n    const { file, children, className } = props\r\n    const { type, name, size } = file\r\n\r\n    const renderThumbnail = () => {\r\n        const isImageFile = type.split('/')[0] === 'image'\r\n\r\n        if (isImageFile) {\r\n            return (\r\n                <img\r\n                    className=\"upload-file-image\"\r\n                    src={URL.createObjectURL(file)}\r\n                    alt={`file preview ${name}`}\r\n                />\r\n            )\r\n        }\r\n\r\n        if (type === 'application/zip') {\r\n            return (\r\n                <FileIcon>\r\n                    <VscFileZip />\r\n                </FileIcon>\r\n            )\r\n        }\r\n\r\n        if (type === 'pdf') {\r\n            return (\r\n                <FileIcon>\r\n                    <VscFilePdf />\r\n                </FileIcon>\r\n            )\r\n        }\r\n\r\n        return (\r\n            <FileIcon>\r\n                <VscFile />\r\n            </FileIcon>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <div className={classNames('upload-file', className)}>\r\n            <div className=\"flex items-center\">\r\n                <div className=\"upload-file-thumbnail\">{renderThumbnail()}</div>\r\n                <div className=\"upload-file-info\">\r\n                    <h6 className=\"upload-file-name text-sm font-bold\">\r\n                        {name}\r\n                    </h6>\r\n                    <span className=\"upload-file-size\">{getKB(size)} kb</span>\r\n                </div>\r\n            </div>\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nFileItem.displayName = 'UploadFileItem'\r\n\r\nexport default FileItem\r\n"],"names":["BYTE","getKB","bytes","FileIcon","children","jsx","FileItem","props","file","className","type","name","size","renderThumbnail","VscFileZip","VscFilePdf","VscFile","classNames","jsxs"],"mappings":";;;AAIA,MAAMA,IAAO,KACPC,IAAQ,CAACC,MAAkB,KAAK,MAAMA,IAAQF,CAAI,GAElDG,IAAW,CAAC,EAAE,UAAAC,QACT,gBAAAC,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAD,EAAA,CAAS,GAOvDE,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,MAAAC,GAAM,UAAAJ,GAAU,WAAAK,EAAA,IAAcF,GAChC,EAAE,MAAAG,GAAM,MAAAC,GAAM,MAAAC,EAAA,IAASJ,GAEvBK,IAAkB,MACAH,EAAK,MAAM,GAAG,EAAE,CAAC,MAAM,UAInC,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,KAAK,IAAI,gBAAgBG,CAAI;AAAA,MAC7B,KAAK,gBAAgBG,CAAI;AAAA,IAAA;AAAA,EAAA,IAKjCD,MAAS,oBAEL,gBAAAL,EAACF,GAAA,EACG,UAAA,gBAAAE,EAACS,GAAA,CAAA,CAAW,GAChB,IAIJJ,MAAS,QAEL,gBAAAL,EAACF,GAAA,EACG,UAAA,gBAAAE,EAACU,GAAA,CAAA,CAAW,GAChB,IAKJ,gBAAAV,EAACF,GAAA,EACG,UAAA,gBAAAE,EAACW,GAAA,CAAA,CAAQ,GACb;AAIR,2BACK,OAAA,EAAI,WAAWC,EAAW,eAAeR,CAAS,GAC/C,UAAA;AAAA,IAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,gBAAAb,EAAC,OAAA,EAAI,WAAU,yBAAyB,UAAAQ,EAAA,GAAkB;AAAA,MAC1D,gBAAAK,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,QAAA,gBAAAb,EAAC,MAAA,EAAG,WAAU,sCACT,UAAAM,GACL;AAAA,QACA,gBAAAO,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAA;AAAA,UAAAjB,EAAMW,CAAI;AAAA,UAAE;AAAA,QAAA,EAAA,CAAG;AAAA,MAAA,EAAA,CACvD;AAAA,IAAA,GACJ;AAAA,IACCR;AAAA,EAAA,GACL;AAER;AAEAE,EAAS,cAAc;"}
+{"version":3,"file":"FileItem.js","sources":["../../../../../lib/@ecme/components/ui/Upload/FileItem.tsx"],"sourcesContent":["import { VscFilePdf, VscFileZip, VscFile } from 'react-icons/vsc'\nimport classNames from '../utils/classNames'\nimport type { CommonProps } from '../@types/common'\n\nconst BYTE = 1000\nconst getKB = (bytes: number) => Math.round(bytes / BYTE)\n\nconst FileIcon = ({ children }: CommonProps) => {\n    return <span className=\"text-3xl heading-text\">{children}</span>\n}\n\nexport interface FileItemProps extends CommonProps {\n    file: File\n}\n\nconst FileItem = (props: FileItemProps) => {\n    const { file, children, className } = props\n    const { type, name, size } = file\n\n    const renderThumbnail = () => {\n        const isImageFile = type.split('/')[0] === 'image'\n\n        if (isImageFile) {\n            return (\n                <img\n                    className=\"upload-file-image\"\n                    src={URL.createObjectURL(file)}\n                    alt={`file preview ${name}`}\n                />\n            )\n        }\n\n        if (type === 'application/zip') {\n            return (\n                <FileIcon>\n                    <VscFileZip />\n                </FileIcon>\n            )\n        }\n\n        if (type === 'pdf') {\n            return (\n                <FileIcon>\n                    <VscFilePdf />\n                </FileIcon>\n            )\n        }\n\n        return (\n            <FileIcon>\n                <VscFile />\n            </FileIcon>\n        )\n    }\n\n    return (\n        <div className={classNames('upload-file', className)}>\n            <div className=\"flex items-center\">\n                <div className=\"upload-file-thumbnail\">{renderThumbnail()}</div>\n                <div className=\"upload-file-info\">\n                    <h6 className=\"upload-file-name text-sm font-bold\">\n                        {name}\n                    </h6>\n                    <span className=\"upload-file-size\">{getKB(size)} kb</span>\n                </div>\n            </div>\n            {children}\n        </div>\n    )\n}\n\nFileItem.displayName = 'UploadFileItem'\n\nexport default FileItem\n"],"names":["BYTE","getKB","bytes","FileIcon","children","jsx","FileItem","props","file","className","type","name","size","renderThumbnail","VscFileZip","VscFilePdf","VscFile","classNames","jsxs"],"mappings":";;;AAIA,MAAMA,IAAO,KACPC,IAAQ,CAACC,MAAkB,KAAK,MAAMA,IAAQF,CAAI,GAElDG,IAAW,CAAC,EAAE,UAAAC,QACT,gBAAAC,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAD,EAAA,CAAS,GAOvDE,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,MAAAC,GAAM,UAAAJ,GAAU,WAAAK,EAAA,IAAcF,GAChC,EAAE,MAAAG,GAAM,MAAAC,GAAM,MAAAC,EAAA,IAASJ,GAEvBK,IAAkB,MACAH,EAAK,MAAM,GAAG,EAAE,CAAC,MAAM,UAInC,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,KAAK,IAAI,gBAAgBG,CAAI;AAAA,MAC7B,KAAK,gBAAgBG,CAAI;AAAA,IAAA;AAAA,EAAA,IAKjCD,MAAS,oBAEL,gBAAAL,EAACF,GAAA,EACG,UAAA,gBAAAE,EAACS,GAAA,CAAA,CAAW,GAChB,IAIJJ,MAAS,QAEL,gBAAAL,EAACF,GAAA,EACG,UAAA,gBAAAE,EAACU,GAAA,CAAA,CAAW,GAChB,IAKJ,gBAAAV,EAACF,GAAA,EACG,UAAA,gBAAAE,EAACW,GAAA,CAAA,CAAQ,GACb;AAIR,2BACK,OAAA,EAAI,WAAWC,EAAW,eAAeR,CAAS,GAC/C,UAAA;AAAA,IAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,gBAAAb,EAAC,OAAA,EAAI,WAAU,yBAAyB,UAAAQ,EAAA,GAAkB;AAAA,MAC1D,gBAAAK,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,QAAA,gBAAAb,EAAC,MAAA,EAAG,WAAU,sCACT,UAAAM,GACL;AAAA,QACA,gBAAAO,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAA;AAAA,UAAAjB,EAAMW,CAAI;AAAA,UAAE;AAAA,QAAA,EAAA,CAAG;AAAA,MAAA,EAAA,CACvD;AAAA,IAAA,GACJ;AAAA,IACCR;AAAA,EAAA,GACL;AAER;AAEAE,EAAS,cAAc;"}

package/dist/@ecme/components/ui/Upload/Upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","sources":["../../../../../lib/@ecme/components/ui/Upload/Upload.tsx"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react'\r\nimport classNames from '../utils/classNames'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport FileItem from './FileItem'\r\nimport Button from '../Button/Button'\r\nimport CloseButton from '../CloseButton'\r\nimport Notification from '../Notification/Notification'\r\nimport toast from '../toast/toast'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { ReactNode, ChangeEvent, MouseEvent, Ref } from 'react'\r\n\r\nexport interface UploadProps extends CommonProps {\r\n    accept?: string\r\n    beforeUpload?: (file: FileList | null, fileList: File[]) => boolean | string\r\n    disabled?: boolean\r\n    draggable?: boolean\r\n    fileList?: File[]\r\n    fileListClass?: string\r\n    fileItemClass?: string\r\n    multiple?: boolean\r\n    onChange?: (file: File[], fileList: File[]) => void\r\n    onFileRemove?: (file: File[]) => void\r\n    ref?: Ref<HTMLDivElement>\r\n    showList?: boolean\r\n    tip?: string | ReactNode\r\n    uploadLimit?: number\r\n}\r\n\r\nconst filesToArray = (files: File[]) =>\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    Object.keys(files).map((key) => files[key as any])\r\n\r\nconst Upload = (props: UploadProps) => {\r\n    const {\r\n        accept,\r\n        beforeUpload,\r\n        disabled = false,\r\n        draggable = false,\r\n        fileList = [],\r\n        fileListClass,\r\n        fileItemClass,\r\n        multiple,\r\n        onChange,\r\n        onFileRemove,\r\n        ref,\r\n        showList = true,\r\n        tip,\r\n        uploadLimit,\r\n        children,\r\n        className,\r\n        ...rest\r\n    } = props\r\n\r\n    const fileInputField = useRef<HTMLInputElement>(null)\r\n    const [files, setFiles] = useState(fileList)\r\n    const [dragOver, setDragOver] = useState(false)\r\n\r\n    useEffect(() => {\r\n        if (JSON.stringify(files) !== JSON.stringify(fileList)) {\r\n            setFiles(fileList)\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [JSON.stringify(fileList)])\r\n\r\n    const triggerMessage = (msg: string | ReactNode = '') => {\r\n        toast.push(\r\n            <Notification type=\"danger\" duration={2000}>\r\n                {msg || 'Upload Failed!'}\r\n            </Notification>,\r\n            {\r\n                placement: 'top-center',\r\n            },\r\n        )\r\n    }\r\n\r\n    const pushFile = (newFiles: FileList | null, file: File[]) => {\r\n        if (newFiles) {\r\n            for (const f of newFiles) {\r\n                file.push(f)\r\n            }\r\n        }\r\n\r\n        return file\r\n    }\r\n\r\n    const addNewFiles = (newFiles: FileList | null) => {\r\n        let file = cloneDeep(files)\r\n        if (typeof uploadLimit === 'number' && uploadLimit !== 0) {\r\n            if (Object.keys(file).length >= uploadLimit) {\r\n                if (uploadLimit === 1) {\r\n                    file.shift()\r\n                    file = pushFile(newFiles, file)\r\n                }\r\n\r\n                return filesToArray({ ...file })\r\n            }\r\n        }\r\n        file = pushFile(newFiles, file)\r\n        return filesToArray({ ...file })\r\n    }\r\n\r\n    const onNewFileUpload = (e: ChangeEvent<HTMLInputElement>) => {\r\n        const { files: newFiles } = e.target\r\n        let result: boolean | string = true\r\n\r\n        if (beforeUpload) {\r\n            result = beforeUpload(newFiles, files)\r\n\r\n            if (result === false) {\r\n                triggerMessage()\r\n                return\r\n            }\r\n\r\n            if (typeof result === 'string' && result.length > 0) {\r\n                triggerMessage(result)\r\n                return\r\n            }\r\n        }\r\n\r\n        if (result) {\r\n            const updatedFiles = addNewFiles(newFiles)\r\n            setFiles(updatedFiles)\r\n            onChange?.(updatedFiles, files)\r\n        }\r\n    }\r\n\r\n    const removeFile = (fileIndex: number) => {\r\n        const deletedFileList = files.filter((_, index) => index !== fileIndex)\r\n        setFiles(deletedFileList)\r\n        onFileRemove?.(deletedFileList)\r\n    }\r\n\r\n    const triggerUpload = (e: MouseEvent<HTMLDivElement>) => {\r\n        if (!disabled) {\r\n            fileInputField.current?.click()\r\n        }\r\n        e.stopPropagation()\r\n    }\r\n\r\n    const renderChildren = () => {\r\n        if (!draggable && !children) {\r\n            return (\r\n                <Button disabled={disabled} onClick={(e) => e.preventDefault()}>\r\n                    Upload\r\n                </Button>\r\n            )\r\n        }\r\n\r\n        if (draggable && !children) {\r\n            return <span>Choose a file or drag and drop here</span>\r\n        }\r\n\r\n        return children\r\n    }\r\n\r\n    const handleDragLeave = useCallback(() => {\r\n        if (draggable) {\r\n            setDragOver(false)\r\n        }\r\n    }, [draggable])\r\n\r\n    const handleDragOver = useCallback(() => {\r\n        if (draggable && !disabled) {\r\n            setDragOver(true)\r\n        }\r\n    }, [draggable, disabled])\r\n\r\n    const handleDrop = useCallback(() => {\r\n        if (draggable) {\r\n            setDragOver(false)\r\n        }\r\n    }, [draggable])\r\n\r\n    const draggableProp = {\r\n        onDragLeave: handleDragLeave,\r\n        onDragOver: handleDragOver,\r\n        onDrop: handleDrop,\r\n    }\r\n\r\n    const draggableEventFeedbackClass = `border-primary`\r\n\r\n    const uploadClass = classNames(\r\n        'upload',\r\n        draggable && `upload-draggable`,\r\n        draggable && !disabled && `hover:${draggableEventFeedbackClass}`,\r\n        draggable && disabled && 'disabled',\r\n        dragOver && draggableEventFeedbackClass,\r\n        className,\r\n    )\r\n\r\n    const uploadInputClass = classNames(\r\n        'upload-input',\r\n        draggable && `draggable`,\r\n    )\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                ref={ref}\r\n                className={uploadClass}\r\n                {...(draggable ? draggableProp : { onClick: triggerUpload })}\r\n                {...rest}\r\n            >\r\n                <input\r\n                    ref={fileInputField}\r\n                    className={uploadInputClass}\r\n                    type=\"file\"\r\n                    disabled={disabled}\r\n                    multiple={multiple}\r\n                    accept={accept}\r\n                    title=\"\"\r\n                    value=\"\"\r\n                    onChange={onNewFileUpload}\r\n                    {...rest}\r\n                ></input>\r\n                {renderChildren()}\r\n            </div>\r\n            {tip}\r\n            {showList && (\r\n                <div className={classNames('upload-file-list', fileListClass)}>\r\n                    {files.map((file, index) => (\r\n                        <FileItem\r\n                            key={file.name + index}\r\n                            file={file}\r\n                            className={fileItemClass}\r\n                        >\r\n                            <CloseButton\r\n                                className=\"upload-file-remove\"\r\n                                onClick={() => removeFile(index)}\r\n                            />\r\n                        </FileItem>\r\n                    ))}\r\n                </div>\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Upload\r\n"],"names":["filesToArray","files","key","Upload","props","accept","beforeUpload","disabled","draggable","fileList","fileListClass","fileItemClass","multiple","onChange","onFileRemove","ref","showList","tip","uploadLimit","children","className","rest","fileInputField","useRef","setFiles","useState","dragOver","setDragOver","useEffect","triggerMessage","msg","toast","Notification","pushFile","newFiles","file","f","addNewFiles","cloneDeep","onNewFileUpload","e","result","updatedFiles","removeFile","fileIndex","deletedFileList","_","index","triggerUpload","_a","renderChildren","jsx","Button","handleDragLeave","useCallback","handleDragOver","handleDrop","draggableProp","draggableEventFeedbackClass","uploadClass","classNames","uploadInputClass","jsxs","Fragment","FileItem","CloseButton"],"mappings":"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"}
+{"version":3,"file":"Upload.js","sources":["../../../../../lib/@ecme/components/ui/Upload/Upload.tsx"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react'\nimport classNames from '../utils/classNames'\nimport cloneDeep from 'lodash/cloneDeep'\nimport FileItem from './FileItem'\nimport Button from '../Button/Button'\nimport CloseButton from '../CloseButton'\nimport Notification from '../Notification/Notification'\nimport toast from '../toast/toast'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ChangeEvent, MouseEvent, Ref } from 'react'\n\nexport interface UploadProps extends CommonProps {\n    accept?: string\n    beforeUpload?: (file: FileList | null, fileList: File[]) => boolean | string\n    disabled?: boolean\n    draggable?: boolean\n    fileList?: File[]\n    fileListClass?: string\n    fileItemClass?: string\n    multiple?: boolean\n    onChange?: (file: File[], fileList: File[]) => void\n    onFileRemove?: (file: File[]) => void\n    ref?: Ref<HTMLDivElement>\n    showList?: boolean\n    tip?: string | ReactNode\n    uploadLimit?: number\n}\n\nconst filesToArray = (files: File[]) =>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    Object.keys(files).map((key) => files[key as any])\n\nconst Upload = (props: UploadProps) => {\n    const {\n        accept,\n        beforeUpload,\n        disabled = false,\n        draggable = false,\n        fileList = [],\n        fileListClass,\n        fileItemClass,\n        multiple,\n        onChange,\n        onFileRemove,\n        ref,\n        showList = true,\n        tip,\n        uploadLimit,\n        children,\n        className,\n        ...rest\n    } = props\n\n    const fileInputField = useRef<HTMLInputElement>(null)\n    const [files, setFiles] = useState(fileList)\n    const [dragOver, setDragOver] = useState(false)\n\n    useEffect(() => {\n        if (JSON.stringify(files) !== JSON.stringify(fileList)) {\n            setFiles(fileList)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(fileList)])\n\n    const triggerMessage = (msg: string | ReactNode = '') => {\n        toast.push(\n            <Notification type=\"danger\" duration={2000}>\n                {msg || 'Upload Failed!'}\n            </Notification>,\n            {\n                placement: 'top-center',\n            },\n        )\n    }\n\n    const pushFile = (newFiles: FileList | null, file: File[]) => {\n        if (newFiles) {\n            for (const f of newFiles) {\n                file.push(f)\n            }\n        }\n\n        return file\n    }\n\n    const addNewFiles = (newFiles: FileList | null) => {\n        let file = cloneDeep(files)\n        if (typeof uploadLimit === 'number' && uploadLimit !== 0) {\n            if (Object.keys(file).length >= uploadLimit) {\n                if (uploadLimit === 1) {\n                    file.shift()\n                    file = pushFile(newFiles, file)\n                }\n\n                return filesToArray({ ...file })\n            }\n        }\n        file = pushFile(newFiles, file)\n        return filesToArray({ ...file })\n    }\n\n    const onNewFileUpload = (e: ChangeEvent<HTMLInputElement>) => {\n        const { files: newFiles } = e.target\n        let result: boolean | string = true\n\n        if (beforeUpload) {\n            result = beforeUpload(newFiles, files)\n\n            if (result === false) {\n                triggerMessage()\n                return\n            }\n\n            if (typeof result === 'string' && result.length > 0) {\n                triggerMessage(result)\n                return\n            }\n        }\n\n        if (result) {\n            const updatedFiles = addNewFiles(newFiles)\n            setFiles(updatedFiles)\n            onChange?.(updatedFiles, files)\n        }\n    }\n\n    const removeFile = (fileIndex: number) => {\n        const deletedFileList = files.filter((_, index) => index !== fileIndex)\n        setFiles(deletedFileList)\n        onFileRemove?.(deletedFileList)\n    }\n\n    const triggerUpload = (e: MouseEvent<HTMLDivElement>) => {\n        if (!disabled) {\n            fileInputField.current?.click()\n        }\n        e.stopPropagation()\n    }\n\n    const renderChildren = () => {\n        if (!draggable && !children) {\n            return (\n                <Button disabled={disabled} onClick={(e) => e.preventDefault()}>\n                    Upload\n                </Button>\n            )\n        }\n\n        if (draggable && !children) {\n            return <span>Choose a file or drag and drop here</span>\n        }\n\n        return children\n    }\n\n    const handleDragLeave = useCallback(() => {\n        if (draggable) {\n            setDragOver(false)\n        }\n    }, [draggable])\n\n    const handleDragOver = useCallback(() => {\n        if (draggable && !disabled) {\n            setDragOver(true)\n        }\n    }, [draggable, disabled])\n\n    const handleDrop = useCallback(() => {\n        if (draggable) {\n            setDragOver(false)\n        }\n    }, [draggable])\n\n    const draggableProp = {\n        onDragLeave: handleDragLeave,\n        onDragOver: handleDragOver,\n        onDrop: handleDrop,\n    }\n\n    const draggableEventFeedbackClass = `border-primary`\n\n    const uploadClass = classNames(\n        'upload',\n        draggable && `upload-draggable`,\n        draggable && !disabled && `hover:${draggableEventFeedbackClass}`,\n        draggable && disabled && 'disabled',\n        dragOver && draggableEventFeedbackClass,\n        className,\n    )\n\n    const uploadInputClass = classNames(\n        'upload-input',\n        draggable && `draggable`,\n    )\n\n    return (\n        <>\n            <div\n                ref={ref}\n                className={uploadClass}\n                {...(draggable ? draggableProp : { onClick: triggerUpload })}\n                {...rest}\n            >\n                <input\n                    ref={fileInputField}\n                    className={uploadInputClass}\n                    type=\"file\"\n                    disabled={disabled}\n                    multiple={multiple}\n                    accept={accept}\n                    title=\"\"\n                    value=\"\"\n                    onChange={onNewFileUpload}\n                    {...rest}\n                ></input>\n                {renderChildren()}\n            </div>\n            {tip}\n            {showList && (\n                <div className={classNames('upload-file-list', fileListClass)}>\n                    {files.map((file, index) => (\n                        <FileItem\n                            key={file.name + index}\n                            file={file}\n                            className={fileItemClass}\n                        >\n                            <CloseButton\n                                className=\"upload-file-remove\"\n                                onClick={() => removeFile(index)}\n                            />\n                        </FileItem>\n                    ))}\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default Upload\n"],"names":["filesToArray","files","key","Upload","props","accept","beforeUpload","disabled","draggable","fileList","fileListClass","fileItemClass","multiple","onChange","onFileRemove","ref","showList","tip","uploadLimit","children","className","rest","fileInputField","useRef","setFiles","useState","dragOver","setDragOver","useEffect","triggerMessage","msg","toast","Notification","pushFile","newFiles","file","f","addNewFiles","cloneDeep","onNewFileUpload","e","result","updatedFiles","removeFile","fileIndex","deletedFileList","_","index","triggerUpload","_a","renderChildren","jsx","Button","handleDragLeave","useCallback","handleDragOver","handleDrop","draggableProp","draggableEventFeedbackClass","uploadClass","classNames","uploadInputClass","jsxs","Fragment","FileItem","CloseButton"],"mappings":"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"}

package/dist/@ecme/components/ui/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/hooks/index.ts"],"sourcesContent":["import useCallbackRef from './useCallbackRef'\r\nimport useControllableState from './useControllableState'\r\nimport useDidUpdate from './useDidUpdate'\r\nimport useMergeRef from './useMergeRef'\r\nimport useRootClose from './useRootClose'\r\nimport useTimeout from './useTimeout'\r\nimport useUncertainRef from './useUncertainRef'\r\nimport useUniqueId from './useUniqueId'\r\nimport useWindowSize from './useWindowSize'\r\n\r\nconst hooks = {\r\n    useCallbackRef,\r\n    useControllableState,\r\n    useDidUpdate,\r\n    useMergeRef,\r\n    useRootClose,\r\n    useTimeout,\r\n    useUncertainRef,\r\n    useUniqueId,\r\n    useWindowSize,\r\n}\r\n\r\nexport default hooks\r\n"],"names":["hooks","useCallbackRef","useControllableState","useDidUpdate","useMergeRef","useRootClose","useTimeout","useUncertainRef","useUniqueId","useWindowSize"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAQ;AAAA,EACV,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AACJ;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/hooks/index.ts"],"sourcesContent":["import useCallbackRef from './useCallbackRef'\nimport useControllableState from './useControllableState'\nimport useDidUpdate from './useDidUpdate'\nimport useMergeRef from './useMergeRef'\nimport useRootClose from './useRootClose'\nimport useTimeout from './useTimeout'\nimport useUncertainRef from './useUncertainRef'\nimport useUniqueId from './useUniqueId'\nimport useWindowSize from './useWindowSize'\n\nconst hooks = {\n    useCallbackRef,\n    useControllableState,\n    useDidUpdate,\n    useMergeRef,\n    useRootClose,\n    useTimeout,\n    useUncertainRef,\n    useUniqueId,\n    useWindowSize,\n}\n\nexport default hooks\n"],"names":["hooks","useCallbackRef","useControllableState","useDidUpdate","useMergeRef","useRootClose","useTimeout","useUncertainRef","useUniqueId","useWindowSize"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAQ;AAAA,EACV,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AACJ;"}

package/dist/@ecme/components/ui/hooks/useCallbackRef.js

@@ -3,10 +3,10 @@ function a(r) {
   const e = f(r);
   return n(() => {
     e.current = r;
-  }), o(() => (...u) => {
+  }), o(() => ((...u) => {
     var t;
     return (t = e.current) == null ? void 0 : t.call(e, ...u);
-  }, []);
+  }), []);
 }
 export {
   a as default

package/dist/@ecme/components/ui/hooks/useCallbackRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCallbackRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useCallbackRef.ts"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\r\n\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nfunction useCallbackRef<T extends (...args: any[]) => any>(\r\n    cb: T | undefined,\r\n): T {\r\n    const cbRef = useRef(cb)\r\n\r\n    useEffect(() => {\r\n        cbRef.current = cb\r\n    })\r\n\r\n    return useMemo(() => ((...args) => cbRef.current?.(...args)) as T, [])\r\n}\r\n\r\nexport default useCallbackRef\r\n"],"names":["useCallbackRef","cb","cbRef","useRef","useEffect","useMemo","args","_a"],"mappings":";AAGA,SAASA,EACLC,GACC;AACD,QAAMC,IAAQC,EAAOF,CAAE;AAEvB,SAAAG,EAAU,MAAM;AACZ,IAAAF,EAAM,UAAUD;AAAA,EAAA,CACnB,GAEMI,EAAQ,MAAO,IAAIC,MAAA;;AAAS,YAAAC,IAAAL,EAAM,YAAN,gBAAAK,EAAA,KAAAL,GAAgB,GAAGI;AAAA,KAAa,EAAE;AACzE;"}
+{"version":3,"file":"useCallbackRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useCallbackRef.ts"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nfunction useCallbackRef<T extends (...args: any[]) => any>(\n    cb: T | undefined,\n): T {\n    const cbRef = useRef(cb)\n\n    useEffect(() => {\n        cbRef.current = cb\n    })\n\n    return useMemo(() => ((...args) => cbRef.current?.(...args)) as T, [])\n}\n\nexport default useCallbackRef\n"],"names":["useCallbackRef","cb","cbRef","useRef","useEffect","useMemo","args","_a"],"mappings":";AAGA,SAASA,EACLC,GACC;AACD,QAAMC,IAAQC,EAAOF,CAAE;AAEvB,SAAAG,EAAU,MAAM;AACZ,IAAAF,EAAM,UAAUD;AAAA,EACpB,CAAC,GAEMI,EAAQ,OAAO,IAAIC,MAAA;;AAAS,YAAAC,IAAAL,EAAM,YAAN,gBAAAK,EAAA,KAAAL,GAAgB,GAAGI;AAAA,MAAa,EAAE;AACzE;"}

package/dist/@ecme/components/ui/hooks/useControllableState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useControllableState.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useControllableState.ts"],"sourcesContent":["import { useState, useCallback, useRef, useEffect } from 'react'\r\nimport useCallbackRef from './useCallbackRef'\r\n\r\ntype UseControllableStateParams<T> = {\r\n    prop?: T\r\n    defaultProp?: T\r\n    onChange?: (state: T) => void\r\n}\r\n\r\nfunction useUncontrolledState<T>({\r\n    defaultProp,\r\n    onChange,\r\n}: Omit<UseControllableStateParams<T>, 'prop'>) {\r\n    const uncontrolledState = useState(defaultProp)\r\n    const [value] = uncontrolledState\r\n    const prevValueRef = useRef(value)\r\n    const handleChange = useCallbackRef(onChange)\r\n\r\n    useEffect(() => {\r\n        if (prevValueRef.current !== value) {\r\n            handleChange(value as T)\r\n            prevValueRef.current = value\r\n        }\r\n    }, [value, prevValueRef, handleChange])\r\n\r\n    return uncontrolledState\r\n}\r\n\r\nfunction useControllableState<T>({\r\n    prop,\r\n    defaultProp,\r\n    onChange = () => {\r\n        // empty callback\r\n    },\r\n}: UseControllableStateParams<T>) {\r\n    const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({\r\n        defaultProp,\r\n        onChange,\r\n    })\r\n    const isControlled = prop !== undefined\r\n    const value = isControlled ? prop : uncontrolledProp\r\n    const handleChange = useCallbackRef(onChange)\r\n\r\n    const setValue: React.Dispatch<React.SetStateAction<T | undefined>> =\r\n        useCallback(\r\n            (nextValue) => {\r\n                const setter = nextValue as (prevState?: T) => T\r\n                if (isControlled) {\r\n                    const value =\r\n                        typeof nextValue === 'function'\r\n                            ? setter(prop)\r\n                            : nextValue\r\n                    if (value !== prop) {\r\n                        handleChange(value as T)\r\n                    }\r\n                } else {\r\n                    setUncontrolledProp(nextValue)\r\n                }\r\n            },\r\n            [isControlled, prop, setUncontrolledProp, handleChange],\r\n        )\r\n\r\n    return [value, setValue] as const\r\n}\r\n\r\nexport default useControllableState\r\n"],"names":["useUncontrolledState","defaultProp","onChange","uncontrolledState","useState","value","prevValueRef","useRef","handleChange","useCallbackRef","useEffect","useControllableState","prop","uncontrolledProp","setUncontrolledProp","isControlled","setValue","useCallback","nextValue","setter"],"mappings":";;AASA,SAASA,EAAwB;AAAA,EAC7B,aAAAC;AAAA,EACA,UAAAC;AACJ,GAAgD;AAC5C,QAAMC,IAAoBC,EAASH,CAAW,GACxC,CAACI,CAAK,IAAIF,GACVG,IAAeC,EAAOF,CAAK,GAC3BG,IAAeC,EAAeP,CAAQ;AAE5C,SAAAQ,EAAU,MAAM;AACZ,IAAIJ,EAAa,YAAYD,MACzBG,EAAaH,CAAU,GACvBC,EAAa,UAAUD;AAAA,EAC3B,GACD,CAACA,GAAOC,GAAcE,CAAY,CAAC,GAE/BL;AACX;AAEA,SAASQ,EAAwB;AAAA,EAC7B,MAAAC;AAAA,EACA,aAAAX;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EAAA;AAGrB,GAAkC;AAC9B,QAAM,CAACW,GAAkBC,CAAmB,IAAId,EAAqB;AAAA,IACjE,aAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACH,GACKa,IAAeH,MAAS,QACxBP,IAAQU,IAAeH,IAAOC,GAC9BL,IAAeC,EAAeP,CAAQ,GAEtCc,IACFC;AAAA,IACI,CAACC,MAAc;AACX,YAAMC,IAASD;AACf,UAAIH,GAAc;AACd,cAAMV,IACF,OAAOa,KAAc,aACfC,EAAOP,CAAI,IACXM;AACV,QAAIb,MAAUO,KACVJ,EAAaH,CAAU;AAAA,MAC3B;AAEA,QAAAS,EAAoBI,CAAS;AAAA,IACjC;AAAA,IAEJ,CAACH,GAAcH,GAAME,GAAqBN,CAAY;AAAA,EAAA;AAG9D,SAAO,CAACH,GAAOW,CAAQ;AAC3B;"}
+{"version":3,"file":"useControllableState.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useControllableState.ts"],"sourcesContent":["import { useState, useCallback, useRef, useEffect } from 'react'\nimport useCallbackRef from './useCallbackRef'\n\ntype UseControllableStateParams<T> = {\n    prop?: T\n    defaultProp?: T\n    onChange?: (state: T) => void\n}\n\nfunction useUncontrolledState<T>({\n    defaultProp,\n    onChange,\n}: Omit<UseControllableStateParams<T>, 'prop'>) {\n    const uncontrolledState = useState(defaultProp)\n    const [value] = uncontrolledState\n    const prevValueRef = useRef(value)\n    const handleChange = useCallbackRef(onChange)\n\n    useEffect(() => {\n        if (prevValueRef.current !== value) {\n            handleChange(value as T)\n            prevValueRef.current = value\n        }\n    }, [value, prevValueRef, handleChange])\n\n    return uncontrolledState\n}\n\nfunction useControllableState<T>({\n    prop,\n    defaultProp,\n    onChange = () => {\n        // empty callback\n    },\n}: UseControllableStateParams<T>) {\n    const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({\n        defaultProp,\n        onChange,\n    })\n    const isControlled = prop !== undefined\n    const value = isControlled ? prop : uncontrolledProp\n    const handleChange = useCallbackRef(onChange)\n\n    const setValue: React.Dispatch<React.SetStateAction<T | undefined>> =\n        useCallback(\n            (nextValue) => {\n                const setter = nextValue as (prevState?: T) => T\n                if (isControlled) {\n                    const value =\n                        typeof nextValue === 'function'\n                            ? setter(prop)\n                            : nextValue\n                    if (value !== prop) {\n                        handleChange(value as T)\n                    }\n                } else {\n                    setUncontrolledProp(nextValue)\n                }\n            },\n            [isControlled, prop, setUncontrolledProp, handleChange],\n        )\n\n    return [value, setValue] as const\n}\n\nexport default useControllableState\n"],"names":["useUncontrolledState","defaultProp","onChange","uncontrolledState","useState","value","prevValueRef","useRef","handleChange","useCallbackRef","useEffect","useControllableState","prop","uncontrolledProp","setUncontrolledProp","isControlled","setValue","useCallback","nextValue","setter"],"mappings":";;AASA,SAASA,EAAwB;AAAA,EAC7B,aAAAC;AAAA,EACA,UAAAC;AACJ,GAAgD;AAC5C,QAAMC,IAAoBC,EAASH,CAAW,GACxC,CAACI,CAAK,IAAIF,GACVG,IAAeC,EAAOF,CAAK,GAC3BG,IAAeC,EAAeP,CAAQ;AAE5C,SAAAQ,EAAU,MAAM;AACZ,IAAIJ,EAAa,YAAYD,MACzBG,EAAaH,CAAU,GACvBC,EAAa,UAAUD;AAAA,EAE/B,GAAG,CAACA,GAAOC,GAAcE,CAAY,CAAC,GAE/BL;AACX;AAEA,SAASQ,EAAwB;AAAA,EAC7B,MAAAC;AAAA,EACA,aAAAX;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EAEjB;AACJ,GAAkC;AAC9B,QAAM,CAACW,GAAkBC,CAAmB,IAAId,EAAqB;AAAA,IACjE,aAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACH,GACKa,IAAeH,MAAS,QACxBP,IAAQU,IAAeH,IAAOC,GAC9BL,IAAeC,EAAeP,CAAQ,GAEtCc,IACFC;AAAA,IACI,CAACC,MAAc;AACX,YAAMC,IAASD;AACf,UAAIH,GAAc;AACd,cAAMV,IACF,OAAOa,KAAc,aACfC,EAAOP,CAAI,IACXM;AACV,QAAIb,MAAUO,KACVJ,EAAaH,CAAU;AAAA,MAE/B;AACI,QAAAS,EAAoBI,CAAS;AAAA,IAErC;AAAA,IACA,CAACH,GAAcH,GAAME,GAAqBN,CAAY;AAAA,EAAA;AAG9D,SAAO,CAACH,GAAOW,CAAQ;AAC3B;"}

package/dist/@ecme/components/ui/hooks/useDidUpdate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDidUpdate.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useDidUpdate.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\r\n\r\nexport default function useDidUpdate(\r\n    callback: () => void,\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    dependencies?: any[],\r\n) {\r\n    const mounted = useRef(false)\r\n\r\n    useEffect(\r\n        () => () => {\r\n            mounted.current = false\r\n        },\r\n        [],\r\n    )\r\n\r\n    useEffect(() => {\r\n        if (mounted.current) {\r\n            return callback()\r\n        }\r\n\r\n        mounted.current = true\r\n        return undefined\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, dependencies)\r\n}\r\n"],"names":["useDidUpdate","callback","dependencies","mounted","useRef","useEffect"],"mappings":";AAEA,SAAwBA,EACpBC,GAEAC,GACF;AACE,QAAMC,IAAUC,EAAO,EAAK;AAE5B,EAAAC;AAAA,IACI,MAAM,MAAM;AACR,MAAAF,EAAQ,UAAU;AAAA,IAAA;AAAA,IAEtB,CAAA;AAAA,EAAC,GAGLE,EAAU,MAAM;AACZ,QAAIF,EAAQ;AACR,aAAOF,EAAA;AAGX,IAAAE,EAAQ,UAAU;AAAA,EACX,GAERD,CAAY;AACnB;"}
+{"version":3,"file":"useDidUpdate.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useDidUpdate.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport default function useDidUpdate(\n    callback: () => void,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    dependencies?: any[],\n) {\n    const mounted = useRef(false)\n\n    useEffect(\n        () => () => {\n            mounted.current = false\n        },\n        [],\n    )\n\n    useEffect(() => {\n        if (mounted.current) {\n            return callback()\n        }\n\n        mounted.current = true\n        return undefined\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, dependencies)\n}\n"],"names":["useDidUpdate","callback","dependencies","mounted","useRef","useEffect"],"mappings":";AAEA,SAAwBA,EACpBC,GAEAC,GACF;AACE,QAAMC,IAAUC,EAAO,EAAK;AAE5B,EAAAC;AAAA,IACI,MAAM,MAAM;AACR,MAAAF,EAAQ,UAAU;AAAA,IACtB;AAAA,IACA,CAAA;AAAA,EAAC,GAGLE,EAAU,MAAM;AACZ,QAAIF,EAAQ;AACR,aAAOF,EAAA;AAGX,IAAAE,EAAQ,UAAU;AAAA,EAGtB,GAAGD,CAAY;AACnB;"}

package/dist/@ecme/components/ui/hooks/useMergeRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergeRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useMergeRef.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport type { Dispatch, SetStateAction, ForwardedRef } from 'react'\r\n\r\ntype Ref<T> = Dispatch<SetStateAction<T>> | ForwardedRef<T>\r\n\r\nconst useMergeRef =\r\n    <T = any>(...refs: Ref<T>[]) =>\r\n    (element: T | null) => {\r\n        refs.forEach((ref) => {\r\n            if (typeof ref === 'function') {\r\n                ref(element as SetStateAction<T> & (T | null))\r\n            } else if (ref && typeof ref === 'object') {\r\n                ref.current = element\r\n            }\r\n        })\r\n    }\r\n\r\nexport default useMergeRef\r\n"],"names":["useMergeRef","refs","element","ref"],"mappings":"AAKA,MAAMA,IACF,IAAaC,MACb,CAACC,MAAsB;AACnB,EAAAD,EAAK,QAAQ,CAACE,MAAQ;AAClB,IAAI,OAAOA,KAAQ,aACfA,EAAID,CAAyC,IACtCC,KAAO,OAAOA,KAAQ,aAC7BA,EAAI,UAAUD;AAAA,EAClB,CACH;AACL;"}
+{"version":3,"file":"useMergeRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useMergeRef.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Dispatch, SetStateAction, ForwardedRef } from 'react'\n\ntype Ref<T> = Dispatch<SetStateAction<T>> | ForwardedRef<T>\n\nconst useMergeRef =\n    <T = any>(...refs: Ref<T>[]) =>\n    (element: T | null) => {\n        refs.forEach((ref) => {\n            if (typeof ref === 'function') {\n                ref(element as SetStateAction<T> & (T | null))\n            } else if (ref && typeof ref === 'object') {\n                ref.current = element\n            }\n        })\n    }\n\nexport default useMergeRef\n"],"names":["useMergeRef","refs","element","ref"],"mappings":"AAKA,MAAMA,IACF,IAAaC,MACb,CAACC,MAAsB;AACnB,EAAAD,EAAK,QAAQ,CAACE,MAAQ;AAClB,IAAI,OAAOA,KAAQ,aACfA,EAAID,CAAyC,IACtCC,KAAO,OAAOA,KAAQ,aAC7BA,EAAI,UAAUD;AAAA,EAEtB,CAAC;AACL;"}

package/dist/@ecme/components/ui/hooks/useRootClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRootClose.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useRootClose.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { useEffect, useCallback, useRef } from 'react'\r\nimport type { RefObject, ReactEventHandler } from 'react'\r\n\r\ntype Options = {\r\n    disabled: boolean\r\n    triggerTarget: RefObject<HTMLElement | null>\r\n    overlayTarget: RefObject<HTMLElement | null>\r\n    listenEscape?: boolean\r\n}\r\n\r\ninterface CustomEventListener<T = any> {\r\n    (evt: T): void\r\n}\r\n\r\nconst domContains = (context: Element, node: (Node & ParentNode) | null) => {\r\n    if (context.contains) {\r\n        return context.contains(node)\r\n    } else if (context.compareDocumentPosition) {\r\n        return (\r\n            context === node ||\r\n            !!(context.compareDocumentPosition(node as Node) & 16)\r\n        )\r\n    }\r\n    if (node) {\r\n        do {\r\n            if (node === context) {\r\n                return true\r\n            }\r\n        } while ((node = node.parentNode))\r\n    }\r\n    return false\r\n}\r\n\r\nfunction isLeftClickEvent(e: MouseEvent) {\r\n    return e?.button === 0\r\n}\r\n\r\nfunction isModifiedEvent(e: MouseEvent) {\r\n    return !!(e.metaKey || e.altKey || e.ctrlKey || e?.shiftKey)\r\n}\r\n\r\nfunction onEventListener<K extends keyof DocumentEventMap>(\r\n    target: Element | Window | Document | EventTarget,\r\n    eventType: K,\r\n    listener: EventListenerOrEventListenerObject | CustomEventListener,\r\n    options: boolean | AddEventListenerOptions = false,\r\n): { off: () => void } {\r\n    target.addEventListener(eventType, listener, options)\r\n\r\n    return {\r\n        off() {\r\n            target.removeEventListener(eventType, listener, options)\r\n        },\r\n    }\r\n}\r\n\r\nfunction useRootClose(\r\n    onRootClose: ReactEventHandler | undefined,\r\n    { disabled, triggerTarget, overlayTarget }: Options,\r\n) {\r\n    const handleDocumentMouseDown = useCallback(\r\n        (event: any) => {\r\n            const triggerElement = triggerTarget?.current\r\n            const overlayElement = overlayTarget?.current\r\n\r\n            if (triggerElement && domContains(triggerElement, event.target)) {\r\n                return\r\n            }\r\n\r\n            if (overlayElement && domContains(overlayElement, event.target)) {\r\n                return\r\n            }\r\n\r\n            if (isModifiedEvent(event) || !isLeftClickEvent(event)) {\r\n                return\r\n            }\r\n\r\n            onRootClose?.(event)\r\n        },\r\n        [onRootClose, triggerTarget, overlayTarget],\r\n    )\r\n\r\n    const handleDocumentMouseDownRef = useRef(handleDocumentMouseDown)\r\n\r\n    useEffect(() => {\r\n        handleDocumentMouseDownRef.current = handleDocumentMouseDown\r\n    }, [handleDocumentMouseDown])\r\n\r\n    useEffect(() => {\r\n        const currentTarget = triggerTarget?.current\r\n\r\n        if (disabled || !currentTarget) return\r\n\r\n        const doc = () =>\r\n            (currentTarget && currentTarget.ownerDocument) || document\r\n        const onDocumentMouseDownListener = onEventListener(\r\n            doc(),\r\n            'mousedown',\r\n            (event: any) => handleDocumentMouseDownRef.current(event),\r\n            true,\r\n        )\r\n\r\n        return () => {\r\n            onDocumentMouseDownListener?.off()\r\n        }\r\n    }, [triggerTarget, disabled])\r\n}\r\n\r\nexport default useRootClose\r\n"],"names":["domContains","context","node","isLeftClickEvent","e","isModifiedEvent","onEventListener","target","eventType","listener","options","useRootClose","onRootClose","disabled","triggerTarget","overlayTarget","handleDocumentMouseDown","useCallback","event","triggerElement","overlayElement","handleDocumentMouseDownRef","useRef","useEffect","currentTarget","onDocumentMouseDownListener"],"mappings":";AAeA,MAAMA,IAAc,CAACC,GAAkBC,MAAqC;AACxE,MAAID,EAAQ;AACR,WAAOA,EAAQ,SAASC,CAAI;AAChC,MAAWD,EAAQ;AACf,WACIA,MAAYC,KACZ,CAAC,EAAED,EAAQ,wBAAwBC,CAAY,IAAI;AAG3D,MAAIA;AACA;AACI,UAAIA,MAASD;AACT,eAAO;AAAA,WAELC,IAAOA,EAAK;AAE1B,SAAO;AACX;AAEA,SAASC,EAAiBC,GAAe;AACrC,UAAOA,KAAA,gBAAAA,EAAG,YAAW;AACzB;AAEA,SAASC,EAAgBD,GAAe;AACpC,SAAO,CAAC,EAAEA,EAAE,WAAWA,EAAE,UAAUA,EAAE,WAAWA,KAAA,QAAAA,EAAG;AACvD;AAEA,SAASE,EACLC,GACAC,GACAC,GACAC,IAA6C,IAC1B;AACnB,SAAAH,EAAO,iBAAiBC,GAAWC,GAAUC,CAAO,GAE7C;AAAA,IACH,MAAM;AACF,MAAAH,EAAO,oBAAoBC,GAAWC,GAAUC,CAAO;AAAA,IAAA;AAAA,EAC3D;AAER;AAEA,SAASC,EACLC,GACA,EAAE,UAAAC,GAAU,eAAAC,GAAe,eAAAC,KAC7B;AACE,QAAMC,IAA0BC;AAAA,IAC5B,CAACC,MAAe;AACZ,YAAMC,IAAiBL,KAAA,gBAAAA,EAAe,SAChCM,IAAiBL,KAAA,gBAAAA,EAAe;AAEtC,MAAII,KAAkBnB,EAAYmB,GAAgBD,EAAM,MAAM,KAI1DE,KAAkBpB,EAAYoB,GAAgBF,EAAM,MAAM,KAI1Db,EAAgBa,CAAK,KAAK,CAACf,EAAiBe,CAAK,KAIrDN,KAAA,QAAAA,EAAcM;AAAA,IAAK;AAAA,IAEvB,CAACN,GAAaE,GAAeC,CAAa;AAAA,EAAA,GAGxCM,IAA6BC,EAAON,CAAuB;AAEjE,EAAAO,EAAU,MAAM;AACZ,IAAAF,EAA2B,UAAUL;AAAA,EAAA,GACtC,CAACA,CAAuB,CAAC,GAE5BO,EAAU,MAAM;AACZ,UAAMC,IAAgBV,KAAA,gBAAAA,EAAe;AAErC,QAAID,KAAY,CAACW,EAAe;AAIhC,UAAMC,IAA8BnB;AAAA,MAD/BkB,KAAiBA,EAAc,iBAAkB;AAAA,MAGlD;AAAA,MACA,CAACN,MAAeG,EAA2B,QAAQH,CAAK;AAAA,MACxD;AAAA,IAAA;AAGJ,WAAO,MAAM;AACT,MAAAO,KAAA,QAAAA,EAA6B;AAAA,IAAI;AAAA,EACrC,GACD,CAACX,GAAeD,CAAQ,CAAC;AAChC;"}
+{"version":3,"file":"useRootClose.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useRootClose.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useCallback, useRef } from 'react'\nimport type { RefObject, ReactEventHandler } from 'react'\n\ntype Options = {\n    disabled: boolean\n    triggerTarget: RefObject<HTMLElement | null>\n    overlayTarget: RefObject<HTMLElement | null>\n    listenEscape?: boolean\n}\n\ninterface CustomEventListener<T = any> {\n    (evt: T): void\n}\n\nconst domContains = (context: Element, node: (Node & ParentNode) | null) => {\n    if (context.contains) {\n        return context.contains(node)\n    } else if (context.compareDocumentPosition) {\n        return (\n            context === node ||\n            !!(context.compareDocumentPosition(node as Node) & 16)\n        )\n    }\n    if (node) {\n        do {\n            if (node === context) {\n                return true\n            }\n        } while ((node = node.parentNode))\n    }\n    return false\n}\n\nfunction isLeftClickEvent(e: MouseEvent) {\n    return e?.button === 0\n}\n\nfunction isModifiedEvent(e: MouseEvent) {\n    return !!(e.metaKey || e.altKey || e.ctrlKey || e?.shiftKey)\n}\n\nfunction onEventListener<K extends keyof DocumentEventMap>(\n    target: Element | Window | Document | EventTarget,\n    eventType: K,\n    listener: EventListenerOrEventListenerObject | CustomEventListener,\n    options: boolean | AddEventListenerOptions = false,\n): { off: () => void } {\n    target.addEventListener(eventType, listener, options)\n\n    return {\n        off() {\n            target.removeEventListener(eventType, listener, options)\n        },\n    }\n}\n\nfunction useRootClose(\n    onRootClose: ReactEventHandler | undefined,\n    { disabled, triggerTarget, overlayTarget }: Options,\n) {\n    const handleDocumentMouseDown = useCallback(\n        (event: any) => {\n            const triggerElement = triggerTarget?.current\n            const overlayElement = overlayTarget?.current\n\n            if (triggerElement && domContains(triggerElement, event.target)) {\n                return\n            }\n\n            if (overlayElement && domContains(overlayElement, event.target)) {\n                return\n            }\n\n            if (isModifiedEvent(event) || !isLeftClickEvent(event)) {\n                return\n            }\n\n            onRootClose?.(event)\n        },\n        [onRootClose, triggerTarget, overlayTarget],\n    )\n\n    const handleDocumentMouseDownRef = useRef(handleDocumentMouseDown)\n\n    useEffect(() => {\n        handleDocumentMouseDownRef.current = handleDocumentMouseDown\n    }, [handleDocumentMouseDown])\n\n    useEffect(() => {\n        const currentTarget = triggerTarget?.current\n\n        if (disabled || !currentTarget) return\n\n        const doc = () =>\n            (currentTarget && currentTarget.ownerDocument) || document\n        const onDocumentMouseDownListener = onEventListener(\n            doc(),\n            'mousedown',\n            (event: any) => handleDocumentMouseDownRef.current(event),\n            true,\n        )\n\n        return () => {\n            onDocumentMouseDownListener?.off()\n        }\n    }, [triggerTarget, disabled])\n}\n\nexport default useRootClose\n"],"names":["domContains","context","node","isLeftClickEvent","e","isModifiedEvent","onEventListener","target","eventType","listener","options","useRootClose","onRootClose","disabled","triggerTarget","overlayTarget","handleDocumentMouseDown","useCallback","event","triggerElement","overlayElement","handleDocumentMouseDownRef","useRef","useEffect","currentTarget","onDocumentMouseDownListener"],"mappings":";AAeA,MAAMA,IAAc,CAACC,GAAkBC,MAAqC;AACxE,MAAID,EAAQ;AACR,WAAOA,EAAQ,SAASC,CAAI;AAChC,MAAWD,EAAQ;AACf,WACIA,MAAYC,KACZ,CAAC,EAAED,EAAQ,wBAAwBC,CAAY,IAAI;AAG3D,MAAIA;AACA;AACI,UAAIA,MAASD;AACT,eAAO;AAAA,WAELC,IAAOA,EAAK;AAE1B,SAAO;AACX;AAEA,SAASC,EAAiBC,GAAe;AACrC,UAAOA,KAAA,gBAAAA,EAAG,YAAW;AACzB;AAEA,SAASC,EAAgBD,GAAe;AACpC,SAAO,CAAC,EAAEA,EAAE,WAAWA,EAAE,UAAUA,EAAE,WAAWA,KAAA,QAAAA,EAAG;AACvD;AAEA,SAASE,EACLC,GACAC,GACAC,GACAC,IAA6C,IAC1B;AACnB,SAAAH,EAAO,iBAAiBC,GAAWC,GAAUC,CAAO,GAE7C;AAAA,IACH,MAAM;AACF,MAAAH,EAAO,oBAAoBC,GAAWC,GAAUC,CAAO;AAAA,IAC3D;AAAA,EAAA;AAER;AAEA,SAASC,EACLC,GACA,EAAE,UAAAC,GAAU,eAAAC,GAAe,eAAAC,KAC7B;AACE,QAAMC,IAA0BC;AAAA,IAC5B,CAACC,MAAe;AACZ,YAAMC,IAAiBL,KAAA,gBAAAA,EAAe,SAChCM,IAAiBL,KAAA,gBAAAA,EAAe;AAEtC,MAAII,KAAkBnB,EAAYmB,GAAgBD,EAAM,MAAM,KAI1DE,KAAkBpB,EAAYoB,GAAgBF,EAAM,MAAM,KAI1Db,EAAgBa,CAAK,KAAK,CAACf,EAAiBe,CAAK,KAIrDN,KAAA,QAAAA,EAAcM;AAAA,IAClB;AAAA,IACA,CAACN,GAAaE,GAAeC,CAAa;AAAA,EAAA,GAGxCM,IAA6BC,EAAON,CAAuB;AAEjE,EAAAO,EAAU,MAAM;AACZ,IAAAF,EAA2B,UAAUL;AAAA,EACzC,GAAG,CAACA,CAAuB,CAAC,GAE5BO,EAAU,MAAM;AACZ,UAAMC,IAAgBV,KAAA,gBAAAA,EAAe;AAErC,QAAID,KAAY,CAACW,EAAe;AAIhC,UAAMC,IAA8BnB;AAAA,MAD/BkB,KAAiBA,EAAc,iBAAkB;AAAA,MAGlD;AAAA,MACA,CAACN,MAAeG,EAA2B,QAAQH,CAAK;AAAA,MACxD;AAAA,IAAA;AAGJ,WAAO,MAAM;AACT,MAAAO,KAAA,QAAAA,EAA6B;AAAA,IACjC;AAAA,EACJ,GAAG,CAACX,GAAeD,CAAQ,CAAC;AAChC;"}

package/dist/@ecme/components/ui/hooks/useTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimeout.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from 'react'\r\n\r\nexport type UseTimeoutReturn = {\r\n    clear: () => void\r\n    reset: () => void\r\n}\r\n\r\nfunction useTimeout(\r\n    fn: (() => void) | undefined,\r\n    ms = 0,\r\n    enabled = true,\r\n): UseTimeoutReturn {\r\n    const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\r\n    const callback = useRef(fn)\r\n\r\n    const clear = useCallback(() => {\r\n        timeout.current && clearTimeout(timeout.current)\r\n    }, [])\r\n\r\n    const set = useCallback(() => {\r\n        timeout.current && clearTimeout(timeout.current)\r\n        if (enabled) {\r\n            timeout.current = setTimeout(() => {\r\n                callback.current?.()\r\n            }, ms)\r\n        }\r\n    }, [ms, enabled])\r\n\r\n    useEffect(() => {\r\n        callback.current = fn\r\n    }, [fn])\r\n\r\n    useEffect(() => {\r\n        set()\r\n        return clear\r\n    }, [ms, enabled, set, clear])\r\n\r\n    return { clear, reset: set }\r\n}\r\n\r\nexport default useTimeout\r\n"],"names":["useTimeout","fn","ms","enabled","timeout","useRef","callback","clear","useCallback","set","_a","useEffect"],"mappings":";AAOA,SAASA,EACLC,GACAC,IAAK,GACLC,IAAU,IACM;AAChB,QAAMC,IAAUC,EAAsC,MAAS,GACzDC,IAAWD,EAAOJ,CAAE,GAEpBM,IAAQC,EAAY,MAAM;AAC5B,IAAAJ,EAAQ,WAAW,aAAaA,EAAQ,OAAO;AAAA,EAAA,GAChD,EAAE,GAECK,IAAMD,EAAY,MAAM;AAC1B,IAAAJ,EAAQ,WAAW,aAAaA,EAAQ,OAAO,GAC3CD,MACAC,EAAQ,UAAU,WAAW,MAAM;;AAC/B,OAAAM,IAAAJ,EAAS,YAAT,QAAAI,EAAA,KAAAJ;AAAA,IAAmB,GACpBJ,CAAE;AAAA,EACT,GACD,CAACA,GAAIC,CAAO,CAAC;AAEhB,SAAAQ,EAAU,MAAM;AACZ,IAAAL,EAAS,UAAUL;AAAA,EAAA,GACpB,CAACA,CAAE,CAAC,GAEPU,EAAU,OACNF,EAAA,GACOF,IACR,CAACL,GAAIC,GAASM,GAAKF,CAAK,CAAC,GAErB,EAAE,OAAAA,GAAO,OAAOE,EAAA;AAC3B;"}
+{"version":3,"file":"useTimeout.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from 'react'\n\nexport type UseTimeoutReturn = {\n    clear: () => void\n    reset: () => void\n}\n\nfunction useTimeout(\n    fn: (() => void) | undefined,\n    ms = 0,\n    enabled = true,\n): UseTimeoutReturn {\n    const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n    const callback = useRef(fn)\n\n    const clear = useCallback(() => {\n        timeout.current && clearTimeout(timeout.current)\n    }, [])\n\n    const set = useCallback(() => {\n        timeout.current && clearTimeout(timeout.current)\n        if (enabled) {\n            timeout.current = setTimeout(() => {\n                callback.current?.()\n            }, ms)\n        }\n    }, [ms, enabled])\n\n    useEffect(() => {\n        callback.current = fn\n    }, [fn])\n\n    useEffect(() => {\n        set()\n        return clear\n    }, [ms, enabled, set, clear])\n\n    return { clear, reset: set }\n}\n\nexport default useTimeout\n"],"names":["useTimeout","fn","ms","enabled","timeout","useRef","callback","clear","useCallback","set","_a","useEffect"],"mappings":";AAOA,SAASA,EACLC,GACAC,IAAK,GACLC,IAAU,IACM;AAChB,QAAMC,IAAUC,EAAsC,MAAS,GACzDC,IAAWD,EAAOJ,CAAE,GAEpBM,IAAQC,EAAY,MAAM;AAC5B,IAAAJ,EAAQ,WAAW,aAAaA,EAAQ,OAAO;AAAA,EACnD,GAAG,CAAA,CAAE,GAECK,IAAMD,EAAY,MAAM;AAC1B,IAAAJ,EAAQ,WAAW,aAAaA,EAAQ,OAAO,GAC3CD,MACAC,EAAQ,UAAU,WAAW,MAAM;;AAC/B,OAAAM,IAAAJ,EAAS,YAAT,QAAAI,EAAA,KAAAJ;AAAA,IACJ,GAAGJ,CAAE;AAAA,EAEb,GAAG,CAACA,GAAIC,CAAO,CAAC;AAEhB,SAAAQ,EAAU,MAAM;AACZ,IAAAL,EAAS,UAAUL;AAAA,EACvB,GAAG,CAACA,CAAE,CAAC,GAEPU,EAAU,OACNF,EAAA,GACOF,IACR,CAACL,GAAIC,GAASM,GAAKF,CAAK,CAAC,GAErB,EAAE,OAAAA,GAAO,OAAOE,EAAA;AAC3B;"}

package/dist/@ecme/components/ui/hooks/useUncertainRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUncertainRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUncertainRef.ts"],"sourcesContent":["import { useRef } from 'react'\r\nimport type { ForwardedRef } from 'react'\r\n\r\nexport default function useUncertainRef<T = unknown>(ref: ForwardedRef<T>) {\r\n    const newRef = useRef<T>(null)\r\n\r\n    if (ref) {\r\n        return ref\r\n    }\r\n\r\n    return newRef\r\n}\r\n"],"names":["useUncertainRef","ref","newRef","useRef"],"mappings":";AAGA,SAAwBA,EAA6BC,GAAsB;AACvE,QAAMC,IAASC,EAAU,IAAI;AAE7B,SAAIF,KAIGC;AACX;"}
+{"version":3,"file":"useUncertainRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUncertainRef.ts"],"sourcesContent":["import { useRef } from 'react'\nimport type { ForwardedRef } from 'react'\n\nexport default function useUncertainRef<T = unknown>(ref: ForwardedRef<T>) {\n    const newRef = useRef<T>(null)\n\n    if (ref) {\n        return ref\n    }\n\n    return newRef\n}\n"],"names":["useUncertainRef","ref","newRef","useRef"],"mappings":";AAGA,SAAwBA,EAA6BC,GAAsB;AACvE,QAAMC,IAASC,EAAU,IAAI;AAE7B,SAAIF,KAIGC;AACX;"}

package/dist/@ecme/components/ui/hooks/useUniqueId.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUniqueId.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUniqueId.ts"],"sourcesContent":["import { useRef } from 'react'\r\nimport uniqueId from 'lodash/uniqueId'\r\nimport createUID from '../utils/createUid'\r\n\r\nexport default function useUniqueId(prefix = '', len = 10) {\r\n    const idRef = useRef<string>(undefined)\r\n\r\n    if (!idRef.current) {\r\n        idRef.current = `${uniqueId(prefix)}-${createUID(len)}`\r\n    }\r\n\r\n    return idRef.current\r\n}\r\n"],"names":["useUniqueId","prefix","len","idRef","useRef","uniqueId","createUID"],"mappings":";;;AAIA,SAAwBA,EAAYC,IAAS,IAAIC,IAAM,IAAI;AACvD,QAAMC,IAAQC,EAAe,MAAS;AAEtC,SAAKD,EAAM,YACPA,EAAM,UAAU,GAAGE,EAASJ,CAAM,CAAC,IAAIK,EAAUJ,CAAG,CAAC,KAGlDC,EAAM;AACjB;"}
+{"version":3,"file":"useUniqueId.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUniqueId.ts"],"sourcesContent":["import { useRef } from 'react'\nimport uniqueId from 'lodash/uniqueId'\nimport createUID from '../utils/createUid'\n\nexport default function useUniqueId(prefix = '', len = 10) {\n    const idRef = useRef<string>(undefined)\n\n    if (!idRef.current) {\n        idRef.current = `${uniqueId(prefix)}-${createUID(len)}`\n    }\n\n    return idRef.current\n}\n"],"names":["useUniqueId","prefix","len","idRef","useRef","uniqueId","createUID"],"mappings":";;;AAIA,SAAwBA,EAAYC,IAAS,IAAIC,IAAM,IAAI;AACvD,QAAMC,IAAQC,EAAe,MAAS;AAEtC,SAAKD,EAAM,YACPA,EAAM,UAAU,GAAGE,EAASJ,CAAM,CAAC,IAAIK,EAAUJ,CAAG,CAAC,KAGlDC,EAAM;AACjB;"}

package/dist/@ecme/components/ui/hooks/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useWindowSize.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\r\n\r\nexport default function useWindowSize() {\r\n    const [windowSize, setWindowSize] = useState<{\r\n        width?: number\r\n        height?: number\r\n    }>({\r\n        width: undefined,\r\n        height: undefined,\r\n    })\r\n    useEffect(() => {\r\n        function handleResize() {\r\n            setWindowSize({\r\n                width: window.innerWidth,\r\n                height: window.innerHeight,\r\n            })\r\n        }\r\n        window.addEventListener('resize', handleResize)\r\n        handleResize()\r\n        return () => window.removeEventListener('resize', handleResize)\r\n    }, [])\r\n\r\n    return windowSize\r\n}\r\n"],"names":["useWindowSize","windowSize","setWindowSize","useState","useEffect","handleResize"],"mappings":";AAEA,SAAwBA,IAAgB;AACpC,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAGjC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACX;AACD,SAAAC,EAAU,MAAM;AACZ,aAASC,IAAe;AACpB,MAAAH,EAAc;AAAA,QACV,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAClB;AAAA,IAAA;AAEL,kBAAO,iBAAiB,UAAUG,CAAY,GAC9CA,EAAA,GACO,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAAA,GAC/D,EAAE,GAEEJ;AACX;"}
+{"version":3,"file":"useWindowSize.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useWindowSize.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nexport default function useWindowSize() {\n    const [windowSize, setWindowSize] = useState<{\n        width?: number\n        height?: number\n    }>({\n        width: undefined,\n        height: undefined,\n    })\n    useEffect(() => {\n        function handleResize() {\n            setWindowSize({\n                width: window.innerWidth,\n                height: window.innerHeight,\n            })\n        }\n        window.addEventListener('resize', handleResize)\n        handleResize()\n        return () => window.removeEventListener('resize', handleResize)\n    }, [])\n\n    return windowSize\n}\n"],"names":["useWindowSize","windowSize","setWindowSize","useState","useEffect","handleResize"],"mappings":";AAEA,SAAwBA,IAAgB;AACpC,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAGjC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACX;AACD,SAAAC,EAAU,MAAM;AACZ,aAASC,IAAe;AACpB,MAAAH,EAAc;AAAA,QACV,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAClB;AAAA,IACL;AACA,kBAAO,iBAAiB,UAAUG,CAAY,GAC9CA,EAAA,GACO,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAClE,GAAG,CAAA,CAAE,GAEEJ;AACX;"}

package/dist/@ecme/components/ui/toast/ToastWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastWrapper.js","sources":["../../../../../lib/@ecme/components/ui/toast/ToastWrapper.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport {\r\n    useState,\r\n    useImperativeHandle,\r\n    useRef,\r\n    useCallback,\r\n    cloneElement,\r\n    createRef,\r\n} from 'react'\r\nimport classNames from 'classnames'\r\nimport chainedFunction from '../utils/chainedFunction'\r\nimport { motion } from 'framer-motion'\r\nimport { getPlacementTransition } from './transition'\r\nimport { PLACEMENT } from '../utils/constants'\r\nimport { createRoot } from 'react-dom/client'\r\nimport { NotificationPlacement } from '../@types/placement'\r\nimport type { DetailedReactHTMLElement, ReactNode, Ref } from 'react'\r\n\r\ntype NodeProps = DetailedReactHTMLElement<any, HTMLDivElement>\r\n\r\ntype Message = {\r\n    key: string\r\n    visible: boolean\r\n    node: NodeProps\r\n}\r\n\r\nconst useMessages = (msgKey: string) => {\r\n    const [messages, setMessages] = useState<Message[]>([])\r\n\r\n    const getKey = useCallback(\r\n        (key: string) => {\r\n            if (typeof key === 'undefined' && messages.length) {\r\n                key = messages[messages.length - 1].key\r\n            }\r\n            return key\r\n        },\r\n        [messages],\r\n    )\r\n\r\n    const push = useCallback(\r\n        (message: NodeProps) => {\r\n            const key = msgKey || '_' + Math.random().toString(36).substr(2, 12)\r\n            setMessages([...messages, { key, visible: true, node: message }])\r\n            return key\r\n        },\r\n        [messages, msgKey],\r\n    )\r\n\r\n    const removeAll = useCallback(() => {\r\n        setMessages(messages.map((msg) => ({ ...msg, visible: false })))\r\n        setTimeout(() => {\r\n            setMessages([])\r\n        }, 50)\r\n    }, [messages])\r\n\r\n    const remove = useCallback(\r\n        (key: string) => {\r\n            setMessages(\r\n                messages.map((elm) => {\r\n                    if (elm.key === getKey(key)) {\r\n                        elm.visible = false\r\n                    }\r\n                    return elm\r\n                }),\r\n            )\r\n\r\n            setTimeout(() => {\r\n                setMessages(messages.filter((msg) => msg.visible))\r\n            }, 50)\r\n        },\r\n        [messages, getKey],\r\n    )\r\n\r\n    return { messages, push, removeAll, remove }\r\n}\r\n\r\nexport interface ToastProps {\r\n    transitionType?: 'scale' | 'fade'\r\n    placement?: NotificationPlacement | 'top-full' | 'bottom-full'\r\n    offsetX?: string | number\r\n    offsetY?: string | number\r\n    block?: boolean\r\n}\r\n\r\nexport interface ToastWrapperInstance {\r\n    root: HTMLElement | null\r\n    push: (message: NodeProps) => string\r\n    remove: (key: string) => void\r\n    removeAll: () => void\r\n}\r\n\r\nexport interface ToastWrapperProps extends ToastProps {\r\n    messageKey: string\r\n    callback: (ref: HTMLDivElement | null) => void\r\n    ref: Ref<ToastWrapperInstance>\r\n    wrapper?: HTMLElement | (() => HTMLElement)\r\n}\r\n\r\nconst ToastWrapper = (props: ToastWrapperProps) => {\r\n    const rootRef = useRef<HTMLDivElement | null>(null)\r\n\r\n    const {\r\n        transitionType = 'scale',\r\n        placement = PLACEMENT.TOP_END as NotificationPlacement,\r\n        offsetX = 30,\r\n        offsetY = 30,\r\n        messageKey,\r\n        block = false,\r\n        ref,\r\n        callback,\r\n        ...rest\r\n    } = props\r\n\r\n    const { push, removeAll, remove, messages } = useMessages(messageKey)\r\n\r\n    useImperativeHandle(ref, () => {\r\n        return { root: rootRef.current, push, removeAll, remove }\r\n    })\r\n\r\n    const placementTransition = getPlacementTransition({\r\n        offsetX,\r\n        offsetY,\r\n        placement: placement as NotificationPlacement,\r\n        transitionType,\r\n    })\r\n\r\n    const toastProps = {\r\n        triggerByToast: true,\r\n        ...rest,\r\n    }\r\n\r\n    const messageElements = messages.map((item) => {\r\n        return (\r\n            <motion.div\r\n                key={item.key}\r\n                className={'toast-wrapper'}\r\n                initial={placementTransition.variants.initial}\r\n                variants={placementTransition.variants}\r\n                animate={item.visible ? 'animate' : 'exit'}\r\n                transition={{ duration: 0.15, type: 'tween' }}\r\n            >\r\n                {cloneElement(\r\n                    item.node as DetailedReactHTMLElement<any, HTMLElement>,\r\n                    {\r\n                        ...toastProps,\r\n                        ref,\r\n                        onClose: chainedFunction(\r\n                            item.node?.props?.onClose,\r\n                            () => remove(item.key),\r\n                        ),\r\n                        className: classNames(item.node?.props?.className),\r\n                    },\r\n                )}\r\n            </motion.div>\r\n        )\r\n    })\r\n\r\n    return (\r\n        <div\r\n            style={placementTransition.default}\r\n            {...rest}\r\n            ref={(thisRef) => {\r\n                rootRef.current = thisRef\r\n                callback?.(thisRef)\r\n            }}\r\n            className={classNames('toast', block && 'w-full')}\r\n        >\r\n            {messageElements}\r\n        </div>\r\n    )\r\n}\r\n\r\nToastWrapper.getInstance = (props: ToastWrapperProps) => {\r\n    const { wrapper, ...rest } = props\r\n\r\n    const wrapperRef = createRef<ToastWrapperInstance>()\r\n\r\n    const wrapperElement =\r\n        (typeof wrapper === 'function' ? wrapper() : wrapper) || document.body\r\n\r\n    return new Promise((resolve) => {\r\n        const renderCallback = () => {\r\n            resolve([wrapperRef, unmount])\r\n        }\r\n\r\n        function renderElement(element: ReactNode) {\r\n            const mountElement = document.createElement('div')\r\n\r\n            wrapperElement.appendChild(mountElement)\r\n\r\n            const root = createRoot(mountElement)\r\n\r\n            root.render(element)\r\n\r\n            return root\r\n        }\r\n\r\n        const { unmount } = renderElement(\r\n            <ToastWrapper\r\n                {...rest}\r\n                ref={wrapperRef}\r\n                callback={renderCallback}\r\n            />,\r\n        )\r\n    })\r\n}\r\n\r\nexport default ToastWrapper\r\n"],"names":["useMessages","msgKey","messages","setMessages","useState","getKey","useCallback","key","push","message","removeAll","msg","remove","elm","ToastWrapper","props","rootRef","useRef","transitionType","placement","PLACEMENT","offsetX","offsetY","messageKey","block","ref","callback","rest","useImperativeHandle","placementTransition","getPlacementTransition","toastProps","messageElements","item","jsx","motion","cloneElement","chainedFunction","_b","_a","classNames","_d","_c","thisRef","wrapper","wrapperRef","createRef","wrapperElement","resolve","renderCallback","unmount","renderElement","element","mountElement","root","createRoot"],"mappings":"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"}
+{"version":3,"file":"ToastWrapper.js","sources":["../../../../../lib/@ecme/components/ui/toast/ToastWrapper.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport {\r\n    useState,\r\n    useImperativeHandle,\r\n    useRef,\r\n    useCallback,\r\n    cloneElement,\r\n    createRef,\r\n} from 'react'\r\nimport classNames from 'classnames'\r\nimport chainedFunction from '../utils/chainedFunction'\r\nimport { motion } from 'framer-motion'\r\nimport { getPlacementTransition } from './transition'\r\nimport { PLACEMENT } from '../utils/constants'\r\nimport { createRoot } from 'react-dom/client'\r\nimport { NotificationPlacement } from '../@types/placement'\r\nimport type { DetailedReactHTMLElement, ReactNode, Ref } from 'react'\r\n\r\ntype NodeProps = DetailedReactHTMLElement<any, HTMLDivElement>\r\n\r\ntype Message = {\r\n    key: string\r\n    visible: boolean\r\n    node: NodeProps\r\n}\r\n\r\nconst useMessages = (msgKey: string) => {\r\n    const [messages, setMessages] = useState<Message[]>([])\r\n\r\n    const getKey = useCallback(\r\n        (key: string) => {\r\n            if (typeof key === 'undefined' && messages.length) {\r\n                key = messages[messages.length - 1].key\r\n            }\r\n            return key\r\n        },\r\n        [messages],\r\n    )\r\n\r\n    const push = useCallback(\r\n        (message: NodeProps) => {\r\n            const key = msgKey || '_' + Math.random().toString(36).substr(2, 12)\r\n            setMessages([...messages, { key, visible: true, node: message }])\r\n            return key\r\n        },\r\n        [messages, msgKey],\r\n    )\r\n\r\n    const removeAll = useCallback(() => {\r\n        setMessages(messages.map((msg) => ({ ...msg, visible: false })))\r\n        setTimeout(() => {\r\n            setMessages([])\r\n        }, 50)\r\n    }, [messages])\r\n\r\n    const remove = useCallback(\r\n        (key: string) => {\r\n            setMessages(\r\n                messages.map((elm) => {\r\n                    if (elm.key === getKey(key)) {\r\n                        elm.visible = false\r\n                    }\r\n                    return elm\r\n                }),\r\n            )\r\n\r\n            setTimeout(() => {\r\n                setMessages(messages.filter((msg) => msg.visible))\r\n            }, 50)\r\n        },\r\n        [messages, getKey],\r\n    )\r\n\r\n    return { messages, push, removeAll, remove }\r\n}\r\n\r\nexport interface ToastProps {\r\n    transitionType?: 'scale' | 'fade'\r\n    placement?: NotificationPlacement | 'top-full' | 'bottom-full'\r\n    offsetX?: string | number\r\n    offsetY?: string | number\r\n    block?: boolean\r\n}\r\n\r\nexport interface ToastWrapperInstance {\r\n    root: HTMLElement | null\r\n    push: (message: NodeProps) => string\r\n    remove: (key: string) => void\r\n    removeAll: () => void\r\n}\r\n\r\nexport interface ToastWrapperProps extends ToastProps {\r\n    messageKey: string\r\n    callback: (ref: HTMLDivElement | null) => void\r\n    ref: Ref<ToastWrapperInstance>\r\n    wrapper?: HTMLElement | (() => HTMLElement)\r\n}\r\n\r\nconst ToastWrapper = (props: ToastWrapperProps) => {\r\n    const rootRef = useRef<HTMLDivElement | null>(null)\r\n\r\n    const {\r\n        transitionType = 'scale',\r\n        placement = PLACEMENT.TOP_END as NotificationPlacement,\r\n        offsetX = 30,\r\n        offsetY = 30,\r\n        messageKey,\r\n        block = false,\r\n        ref,\r\n        callback,\r\n        ...rest\r\n    } = props\r\n\r\n    const { push, removeAll, remove, messages } = useMessages(messageKey)\r\n\r\n    useImperativeHandle(ref, () => {\r\n        return { root: rootRef.current, push, removeAll, remove }\r\n    })\r\n\r\n    const placementTransition = getPlacementTransition({\r\n        offsetX,\r\n        offsetY,\r\n        placement: placement as NotificationPlacement,\r\n        transitionType,\r\n    })\r\n\r\n    const toastProps = {\r\n        triggerByToast: true,\r\n        ...rest,\r\n    }\r\n\r\n    const messageElements = messages.map((item) => {\r\n        return (\r\n            <motion.div\r\n                key={item.key}\r\n                className={'toast-wrapper'}\r\n                initial={placementTransition.variants.initial}\r\n                variants={placementTransition.variants}\r\n                animate={item.visible ? 'animate' : 'exit'}\r\n                transition={{ duration: 0.15, type: 'tween' }}\r\n            >\r\n                {cloneElement(\r\n                    item.node as DetailedReactHTMLElement<any, HTMLElement>,\r\n                    {\r\n                        ...toastProps,\r\n                        ref,\r\n                        onClose: chainedFunction(\r\n                            item.node?.props?.onClose,\r\n                            () => remove(item.key),\r\n                        ),\r\n                        className: classNames(item.node?.props?.className),\r\n                    },\r\n                )}\r\n            </motion.div>\r\n        )\r\n    })\r\n\r\n    return (\r\n        <div\r\n            style={placementTransition.default}\r\n            {...rest}\r\n            ref={(thisRef) => {\r\n                rootRef.current = thisRef\r\n                callback?.(thisRef)\r\n            }}\r\n            className={classNames('toast', block && 'w-full')}\r\n        >\r\n            {messageElements}\r\n        </div>\r\n    )\r\n}\r\n\r\nToastWrapper.getInstance = (props: ToastWrapperProps) => {\r\n    const { wrapper, ...rest } = props\r\n\r\n    const wrapperRef = createRef<ToastWrapperInstance>()\r\n\r\n    const wrapperElement =\r\n        (typeof wrapper === 'function' ? wrapper() : wrapper) || document.body\r\n\r\n    return new Promise((resolve) => {\r\n        const renderCallback = () => {\r\n            resolve([wrapperRef, unmount])\r\n        }\r\n\r\n        function renderElement(element: ReactNode) {\r\n            const mountElement = document.createElement('div')\r\n\r\n            wrapperElement.appendChild(mountElement)\r\n\r\n            const root = createRoot(mountElement)\r\n\r\n            root.render(element)\r\n\r\n            return root\r\n        }\r\n\r\n        const { unmount } = renderElement(\r\n            <ToastWrapper\r\n                {...rest}\r\n                ref={wrapperRef}\r\n                callback={renderCallback}\r\n            />,\r\n        )\r\n    })\r\n}\r\n\r\nexport default ToastWrapper\r\n"],"names":["useMessages","msgKey","messages","setMessages","useState","getKey","useCallback","key","push","message","removeAll","msg","remove","elm","ToastWrapper","props","rootRef","useRef","transitionType","placement","PLACEMENT","offsetX","offsetY","messageKey","block","ref","callback","rest","useImperativeHandle","placementTransition","getPlacementTransition","toastProps","messageElements","item","jsx","motion","cloneElement","chainedFunction","_b","_a","classNames","_d","_c","thisRef","wrapper","wrapperRef","createRef","wrapperElement","resolve","renderCallback","unmount","renderElement","element","mountElement","root","createRoot"],"mappings":"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"}

package/dist/@ecme/components/ui/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../../../../lib/@ecme/components/ui/toast/toast.tsx"],"sourcesContent":["import ToastWrapper from './ToastWrapper'\r\nimport { PLACEMENT } from '../utils/constants'\r\nimport type { ToastProps, ToastWrapperProps } from './ToastWrapper'\r\nimport { NotificationPlacement } from '../@types/placement'\r\nimport type { ReactNode } from 'react'\r\n\r\nexport const toastDefaultProps = {\r\n    placement: PLACEMENT.TOP_END,\r\n    offsetX: 30,\r\n    offsetY: 30,\r\n    transitionType: 'scale',\r\n    block: false,\r\n}\r\n\r\nexport interface Toast {\r\n    push(\r\n        message: ReactNode,\r\n        options?: ToastProps,\r\n    ): string | undefined | Promise<string | undefined>\r\n    remove(key: string): void\r\n    removeAll(): void\r\n}\r\n\r\nconst defaultWrapperId = 'default'\r\nconst wrappers = new Map()\r\n\r\nfunction castPlacment(placement: NotificationPlacement) {\r\n    if (/\\top\\b/.test(placement)) {\r\n        return 'top-full'\r\n    }\r\n\r\n    if (/\\bottom\\b/.test(placement)) {\r\n        return 'bottom-full'\r\n    }\r\n}\r\n\r\nasync function createWrapper(wrapperId: string, props: ToastProps) {\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    const [wrapper] = await ToastWrapper.getInstance(props as ToastWrapperProps) as any\r\n\r\n    wrappers.set(wrapperId || defaultWrapperId, wrapper)\r\n\r\n    return wrapper\r\n}\r\n\r\nfunction getWrapper(wrapperId?: string) {\r\n    if (wrappers.size === 0) {\r\n        return null\r\n    }\r\n    return wrappers.get(wrapperId || defaultWrapperId)\r\n}\r\n\r\nconst toast: Toast = (message: ReactNode) => toast.push(message)\r\n\r\ntoast.push = (message, options = toastDefaultProps as ToastProps) => {\r\n    let id = options.placement\r\n    if (options.block) {\r\n        id = castPlacment(options.placement as NotificationPlacement)\r\n    }\r\n\r\n    const wrapper = getWrapper(id)\r\n\r\n    if (wrapper?.current) {\r\n        return wrapper.current.push(message)\r\n    }\r\n\r\n    return createWrapper(id ?? '', options).then((ref) => {\r\n        return ref.current?.push(message)\r\n    })\r\n}\r\n\r\ntoast.remove = (key) => {\r\n    wrappers.forEach((elm) => {\r\n        elm.current.remove(key)\r\n    })\r\n}\r\n\r\ntoast.removeAll = () => {\r\n    wrappers.forEach((elm) => elm.current.removeAll())\r\n}\r\n\r\nexport default toast\r\n"],"names":["toastDefaultProps","PLACEMENT","defaultWrapperId","wrappers","castPlacment","placement","createWrapper","wrapperId","props","wrapper","ToastWrapper","getWrapper","toast","message","options","id","ref","_a","key","elm"],"mappings":";;AAMO,MAAMA,IAAoB;AAAA,EAC7B,WAAWC,EAAU;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,OAAO;AACX,GAWMC,IAAmB,WACnBC,wBAAe,IAAA;AAErB,SAASC,EAAaC,GAAkC;AACpD,MAAI,SAAS,KAAKA,CAAS;AACvB,WAAO;AAGX,MAAI,YAAY,KAAKA,CAAS;AAC1B,WAAO;AAEf;AAEA,eAAeC,EAAcC,GAAmBC,GAAmB;AAE/D,QAAM,CAACC,CAAO,IAAI,MAAMC,EAAa,YAAYF,CAA0B;AAE3E,SAAAL,EAAS,IAAII,KAAaL,GAAkBO,CAAO,GAE5CA;AACX;AAEA,SAASE,EAAWJ,GAAoB;AACpC,SAAIJ,EAAS,SAAS,IACX,OAEJA,EAAS,IAAII,KAAaL,CAAgB;AACrD;AAEA,MAAMU,IAAe,CAACC,MAAuBD,EAAM,KAAKC,CAAO;AAE/DD,EAAM,OAAO,CAACC,GAASC,IAAUd,MAAoC;AACjE,MAAIe,IAAKD,EAAQ;AACjB,EAAIA,EAAQ,UACRC,IAAKX,EAAaU,EAAQ,SAAkC;AAGhE,QAAML,IAAUE,EAAWI,CAAE;AAE7B,SAAIN,KAAA,QAAAA,EAAS,UACFA,EAAQ,QAAQ,KAAKI,CAAO,IAGhCP,EAAcS,KAAM,IAAID,CAAO,EAAE,KAAK,CAACE,MAAQ;;AAClD,YAAOC,IAAAD,EAAI,YAAJ,gBAAAC,EAAa,KAAKJ;AAAA,EAAO,CACnC;AACL;AAEAD,EAAM,SAAS,CAACM,MAAQ;AACpB,EAAAf,EAAS,QAAQ,CAACgB,MAAQ;AACtB,IAAAA,EAAI,QAAQ,OAAOD,CAAG;AAAA,EAAA,CACzB;AACL;AAEAN,EAAM,YAAY,MAAM;AACpB,EAAAT,EAAS,QAAQ,CAACgB,MAAQA,EAAI,QAAQ,WAAW;AACrD;"}
+{"version":3,"file":"toast.js","sources":["../../../../../lib/@ecme/components/ui/toast/toast.tsx"],"sourcesContent":["import ToastWrapper from './ToastWrapper'\nimport { PLACEMENT } from '../utils/constants'\nimport type { ToastProps, ToastWrapperProps } from './ToastWrapper'\nimport { NotificationPlacement } from '../@types/placement'\nimport type { ReactNode } from 'react'\n\nexport const toastDefaultProps = {\n    placement: PLACEMENT.TOP_END,\n    offsetX: 30,\n    offsetY: 30,\n    transitionType: 'scale',\n    block: false,\n}\n\nexport interface Toast {\n    push(\n        message: ReactNode,\n        options?: ToastProps,\n    ): string | undefined | Promise<string | undefined>\n    remove(key: string): void\n    removeAll(): void\n}\n\nconst defaultWrapperId = 'default'\nconst wrappers = new Map()\n\nfunction castPlacment(placement: NotificationPlacement) {\n    if (/\\top\\b/.test(placement)) {\n        return 'top-full'\n    }\n\n    if (/\\bottom\\b/.test(placement)) {\n        return 'bottom-full'\n    }\n}\n\nasync function createWrapper(wrapperId: string, props: ToastProps) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const [wrapper] = await ToastWrapper.getInstance(props as ToastWrapperProps) as any\n\n    wrappers.set(wrapperId || defaultWrapperId, wrapper)\n\n    return wrapper\n}\n\nfunction getWrapper(wrapperId?: string) {\n    if (wrappers.size === 0) {\n        return null\n    }\n    return wrappers.get(wrapperId || defaultWrapperId)\n}\n\nconst toast: Toast = (message: ReactNode) => toast.push(message)\n\ntoast.push = (message, options = toastDefaultProps as ToastProps) => {\n    let id = options.placement\n    if (options.block) {\n        id = castPlacment(options.placement as NotificationPlacement)\n    }\n\n    const wrapper = getWrapper(id)\n\n    if (wrapper?.current) {\n        return wrapper.current.push(message)\n    }\n\n    return createWrapper(id ?? '', options).then((ref) => {\n        return ref.current?.push(message)\n    })\n}\n\ntoast.remove = (key) => {\n    wrappers.forEach((elm) => {\n        elm.current.remove(key)\n    })\n}\n\ntoast.removeAll = () => {\n    wrappers.forEach((elm) => elm.current.removeAll())\n}\n\nexport default toast\n"],"names":["toastDefaultProps","PLACEMENT","defaultWrapperId","wrappers","castPlacment","placement","createWrapper","wrapperId","props","wrapper","ToastWrapper","getWrapper","toast","message","options","id","ref","_a","key","elm"],"mappings":";;AAMO,MAAMA,IAAoB;AAAA,EAC7B,WAAWC,EAAU;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,OAAO;AACX,GAWMC,IAAmB,WACnBC,wBAAe,IAAA;AAErB,SAASC,EAAaC,GAAkC;AACpD,MAAI,SAAS,KAAKA,CAAS;AACvB,WAAO;AAGX,MAAI,YAAY,KAAKA,CAAS;AAC1B,WAAO;AAEf;AAEA,eAAeC,EAAcC,GAAmBC,GAAmB;AAE/D,QAAM,CAACC,CAAO,IAAI,MAAMC,EAAa,YAAYF,CAA0B;AAE3E,SAAAL,EAAS,IAAII,KAAaL,GAAkBO,CAAO,GAE5CA;AACX;AAEA,SAASE,EAAWJ,GAAoB;AACpC,SAAIJ,EAAS,SAAS,IACX,OAEJA,EAAS,IAAII,KAAaL,CAAgB;AACrD;AAEA,MAAMU,IAAe,CAACC,MAAuBD,EAAM,KAAKC,CAAO;AAE/DD,EAAM,OAAO,CAACC,GAASC,IAAUd,MAAoC;AACjE,MAAIe,IAAKD,EAAQ;AACjB,EAAIA,EAAQ,UACRC,IAAKX,EAAaU,EAAQ,SAAkC;AAGhE,QAAML,IAAUE,EAAWI,CAAE;AAE7B,SAAIN,KAAA,QAAAA,EAAS,UACFA,EAAQ,QAAQ,KAAKI,CAAO,IAGhCP,EAAcS,KAAM,IAAID,CAAO,EAAE,KAAK,CAACE,MAAQ;;AAClD,YAAOC,IAAAD,EAAI,YAAJ,gBAAAC,EAAa,KAAKJ;AAAA,EAC7B,CAAC;AACL;AAEAD,EAAM,SAAS,CAACM,MAAQ;AACpB,EAAAf,EAAS,QAAQ,CAACgB,MAAQ;AACtB,IAAAA,EAAI,QAAQ,OAAOD,CAAG;AAAA,EAC1B,CAAC;AACL;AAEAN,EAAM,YAAY,MAAM;AACpB,EAAAT,EAAS,QAAQ,CAACgB,MAAQA,EAAI,QAAQ,WAAW;AACrD;"}