acinguiux-ds-react-framework 0.1.18 → 0.1.20

package/build/esm/components/DatePicker/components/SingleDatePicker/SingleDatePicker.js

@@ -1,77 +1,73 @@
-import { jsxs as C, jsx as l } from "react/jsx-runtime";
-import { useId as ee, useRef as te, useState as b, useEffect as E, useCallback as F } from "react";
-import { parse as R, isValid as L, format as N } from "date-fns";
-import { Sizes as y } from "../../../../react-base/src/consts/index.js";
-import w from "classnames";
-import V from "../../../Select/Select.js";
-import { Popover as oe, PopoverTrigger as ie, PopoverContent as le } from "../../../Popover/Popover.js";
-import re from "../Calendar/Calendar.js";
-import se from "../../../Icon/components/CalendarEvent.js";
-import { useFocusRingOnKeyboard as ae } from "../../../../hooks/useFocusRingOnKeyboard.js";
-import { SingleDatePickerTextInput as ue } from "./SingleDatePicker.styles.js";
-import { getAvailableMonths as ce, getAvailableYears as pe } from "../../utils/dateAvailabilities.js";
+import { jsxs as Z, jsx as t } from "react/jsx-runtime";
+import { useId as $, useRef as ee, useState as y, useEffect as B, useCallback as E } from "react";
+import { format as d, parse as F, isValid as R } from "date-fns";
+import { Sizes as w } from "../../../../react-base/src/consts/index.js";
+import C from "classnames";
+import L from "../../../Select/Select.js";
+import { Popover as te, PopoverTrigger as oe, PopoverContent as ae } from "../../../Popover/Popover.js";
+import ne from "../Calendar/Calendar.js";
+import re from "../../../Icon/components/CalendarEvent.js";
+import { useFocusRingOnKeyboard as le } from "../../../../hooks/useFocusRingOnKeyboard.js";
+import { SingleDatePickerTextInput as ie } from "./SingleDatePicker.styles.js";
+import { getAvailableMonths as se, getAvailableYears as ce } from "../../utils/dateAvailabilities.js";
 import { DATE_PICKER_CLASS as O } from "../../../../react-base/src/consts/classes.js";
-const ke = ({
-  size: p = y.Medium,
-  picker: n = "day",
-  format: s = "dd/MM/yyyy",
-  disabled: a,
-  invalid: d,
-  defaultValue: j,
-  value: k,
-  onChange: t,
-  open: m,
-  calendarProps: o,
-  onFocus: _,
-  onBlur: H,
-  onClick: W,
-  onMouseDownCapture: X,
-  placeholder: f = "DD/MM/YYYY",
-  allowClear: I,
+const ye = ({
+  size: u = w.Medium,
+  picker: m = "day",
+  format: o = "dd/MM/yyyy",
+  disabled: s,
+  invalid: f,
+  defaultValue: h,
+  value: c,
+  onChange: a,
+  open: g,
+  calendarProps: r,
+  onFocus: N,
+  onBlur: j,
+  onClick: _,
+  onMouseDownCapture: H,
+  placeholder: S = "DD/MM/YYYY",
+  allowClear: P,
   className: v,
-  ...q
+  ...V
 }) => {
-  const z = ee(), u = te(null), { focusKind: G, handleOnClick: Y, handleOnFocus: S, handleOnMouseDownCapture: J, handleOnBlur: h } = ae({
-    onFocus: _,
-    onBlur: H,
-    onClick: W,
-    onMouseDownCapture: X
-  }), [D, r] = b(j);
-  E(() => {
-    r(k);
-  }, [k]);
-  const [M, c] = b(""), [T, x] = b(m), Q = ce(o == null ? void 0 : o.startMonth, o == null ? void 0 : o.endMonth), U = pe(o == null ? void 0 : o.startMonth, o == null ? void 0 : o.endMonth);
-  E(() => {
-    x(m);
-  }, [m]);
-  const K = F(() => x((e) => !e), []), A = (e) => {
-    x(e), e || setTimeout(() => {
-      var i;
-      return (i = u.current) == null ? void 0 : i.focus();
-    }, 0);
-  }, B = (e) => {
-    e ? (c(N(e, s)), r(e), t == null || t(e)) : (c(""), r(void 0), t == null || t(void 0)), A(!1);
-  }, Z = F(
+  const W = $(), p = ee(null), { focusKind: X, handleOnClick: k, handleOnFocus: D, handleOnMouseDownCapture: q, handleOnBlur: I } = le({
+    onFocus: N,
+    onBlur: j,
+    onClick: _,
+    onMouseDownCapture: H
+  }), [M, n] = y(h), [x, l] = y(h ? d(h, o) : "");
+  B(() => {
+    n(c), l(c ? d(c, o) : "");
+  }, [c, o]);
+  const [Y, b] = y(g), z = se(r?.startMonth, r?.endMonth), G = ce(r?.startMonth, r?.endMonth);
+  B(() => {
+    b(g);
+  }, [g]);
+  const T = E(() => b((e) => !e), []), K = (e) => {
+    b(e), e || setTimeout(() => p.current?.focus(), 0);
+  }, A = (e) => {
+    e ? (l(d(e, o)), n(e), a?.(e)) : (l(""), n(void 0), a?.(void 0)), K(!1);
+  }, J = E(
     (e) => {
-      var i;
       if (!e.relatedTarget || !e.relatedTarget.className.includes("rdp-")) {
-        if (h(e), (i = u.current) != null && i.value) {
-          const P = R(u.current.value, s, /* @__PURE__ */ new Date());
-          L(P) || (r(void 0), t == null || t(void 0), c(""));
+        if (I(e), p.current?.value) {
+          const i = F(p.current.value, o, /* @__PURE__ */ new Date());
+          R(i) || (n(void 0), a?.(void 0), l(""));
         }
       } else
-        S(e);
+        D(e);
     },
-    [s, h, S, t]
-  ), $ = (e) => {
-    c(e.target.value);
-    const i = R(e.target.value, s, /* @__PURE__ */ new Date());
-    L(i) ? (r(i), t == null || t(i)) : (r(void 0), t == null || t(void 0));
-  }, g = (e) => {
-    e.key === " " && (e.preventDefault(), K());
+    [o, I, D, a]
+  ), Q = (e) => {
+    l(e.target.value);
+    const i = F(e.target.value, o, /* @__PURE__ */ new Date());
+    R(i) ? (n(i), a?.(i)) : (n(void 0), a?.(void 0));
+  }, U = (e) => {
+    e.key === " " && (e.preventDefault(), T());
   };
-  return /* @__PURE__ */ C(oe, { open: T, modal: !0, onOpenChange: A, children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ Z(te, { open: Y, modal: !0, onOpenChange: K, children: [
+    /* @__PURE__ */ t(
       "p",
       {
         "aria-live": "polite",
@@ -87,95 +83,95 @@ const ke = ({
           whiteSpace: "nowrap",
           borderWidth: "0px"
         },
-        children: M !== "" ? `Selected date ${M}` : "Please type or pick a date. Press space to open the calendar."
+        children: x !== "" ? `Selected date ${x}` : "Please type or pick a date. Press space to open the calendar."
       }
     ),
-    n === "day" && /* @__PURE__ */ l(ie, { asChild: !0, children: /* @__PURE__ */ l(
-      ue,
+    m === "day" && /* @__PURE__ */ t(oe, { asChild: !0, children: /* @__PURE__ */ t(
+      ie,
       {
-        inputRef: u,
-        className: w(O, v),
-        "data-focused": G,
-        size: p,
-        disabled: a,
-        invalid: d,
-        onFocus: S,
-        onBlur: Z,
-        placeholder: f,
-        allowClear: I ? () => !!D : void 0,
-        onClear: () => B(void 0),
+        inputRef: p,
+        className: C(O, v),
+        "data-focused": X,
+        size: u,
+        disabled: s,
+        invalid: f,
+        onFocus: D,
+        onBlur: J,
+        placeholder: S,
+        allowClear: P ? () => !!M : void 0,
+        onClear: () => A(void 0),
         wrapperProps: {
-          onMouseDownCapture: J,
-          onClick: Y
+          onMouseDownCapture: q,
+          onClick: k
         },
-        onKeyDown: g,
+        onKeyDown: U,
         suffix: {
-          node: /* @__PURE__ */ l(se, {}),
+          node: /* @__PURE__ */ t(re, {}),
           onClick: (e) => {
-            a || (K(), Y(e));
+            s || (T(), k(e));
           }
         },
-        value: M,
-        onChange: $,
+        value: x,
+        onChange: Q,
         type: "text",
         "aria-controls": "dialog",
-        "aria-expanded": T,
+        "aria-expanded": Y,
         "aria-label": "Open calendar to choose date",
-        ...q
+        ...V
       }
     ) }),
-    n === "month" && /* @__PURE__ */ l(
-      V,
+    m === "month" && /* @__PURE__ */ t(
+      L,
       {
-        disabled: a,
-        invalid: d,
-        placeholder: f,
-        className: w(O, v),
+        disabled: s,
+        invalid: f,
+        placeholder: S,
+        className: C(O, v),
         optionLabelProp: "label",
         options: [
           {
             label: "Select Month",
-            options: Q.map((e) => ({
-              label: N(new Date(0, e), "MMMM"),
+            options: z.map((e) => ({
+              label: d(new Date(0, e), "MMMM"),
               value: `${e}`.padStart(2, "0")
             }))
           }
         ]
       }
     ),
-    n === "year" && /* @__PURE__ */ l(
-      V,
+    m === "year" && /* @__PURE__ */ t(
+      L,
       {
-        disabled: a,
-        invalid: d,
-        placeholder: f,
-        allowClear: I,
-        className: w(O, v),
+        disabled: s,
+        invalid: f,
+        placeholder: S,
+        allowClear: P,
+        className: C(O, v),
         optionLabelProp: "label",
         options: [
           {
             label: "Select Year",
-            options: U.map((e) => ({ label: e.toString(), value: e.toString() }))
+            options: G.map((e) => ({ label: e.toString(), value: e.toString() }))
           }
         ]
       }
     ),
-    /* @__PURE__ */ l(le, { arrow: !0, sideOffset: 12, children: /* @__PURE__ */ l(
-      re,
+    /* @__PURE__ */ t(ae, { arrow: !0, sideOffset: 12, children: /* @__PURE__ */ t(
+      ne,
       {
-        id: `calendar-${z}`,
-        ...o,
+        id: `calendar-${W}`,
+        ...r,
         autoFocus: !0,
         variant: "single",
-        selected: D,
-        month: D,
-        size: p === y.XSmall ? y.Small : p,
-        onSelect: B
+        selected: M,
+        month: M,
+        size: u === w.XSmall ? w.Small : u,
+        onSelect: A
       }
     ) })
   ] });
 };
 export {
-  ke as default
+  ye as default
 };
 //# sourceMappingURL=SingleDatePicker.js.map

package/build/esm/components/DatePicker/components/SingleDatePicker/SingleDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDatePicker.js","sources":["../../../../../../src/components/DatePicker/components/SingleDatePicker/SingleDatePicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport { format as formatDate, isValid, parse } from 'date-fns';\nimport { DATE_PICKER_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\n\nimport Select from '../../../Select/Select';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../Popover/Popover';\nimport Calendar from '../Calendar/Calendar';\nimport { CalendarEvent } from '../../../Icon/components';\nimport { useFocusRingOnKeyboard } from '../../../../hooks/useFocusRingOnKeyboard';\nimport { SingleDatePickerTextInput } from './SingleDatePicker.styles';\nimport { getAvailableMonths, getAvailableYears } from '../../utils/dateAvailabilities';\nimport type { ISingleDatePickerProps } from './SingleDatePicker.types';\n\nconst SingleDatePicker = ({\n  size = Sizes.Medium,\n  picker = 'day',\n  format = 'dd/MM/yyyy',\n  disabled,\n  invalid,\n  defaultValue,\n  value,\n  onChange,\n  open,\n  calendarProps,\n  onFocus,\n  onBlur,\n  onClick,\n  onMouseDownCapture,\n  placeholder = 'DD/MM/YYYY',\n  allowClear,\n  className,\n  ...ariaProps\n}: ISingleDatePickerProps) => {\n  const calendarId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const { focusKind, handleOnClick, handleOnFocus, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n    onFocus,\n    onBlur,\n    onClick,\n    onMouseDownCapture,\n  });\n\n  // Hold the selected date in state\n  const [selectedDate, setSelectedDate] = useState<Date | undefined>(defaultValue);\n\n  useEffect(() => {\n    setSelectedDate(value);\n  }, [value]);\n\n  // Hold the input value in state\n  const [inputValue, setInputValue] = useState<string>('');\n\n  // Hold the dialog visibility in state\n  const [isPickerOpen, setIsPickerOpen] = useState(open);\n\n  const availableMonths = getAvailableMonths(calendarProps?.startMonth, calendarProps?.endMonth);\n  const availableYears = getAvailableYears(calendarProps?.startMonth, calendarProps?.endMonth);\n\n  useEffect(() => {\n    setIsPickerOpen(open);\n  }, [open]);\n\n  const togglePicker = useCallback(() => setIsPickerOpen((prev) => !prev), []);\n\n  const handleOnPickerOpenChange = (isOpen: boolean) => {\n    setIsPickerOpen(isOpen);\n\n    if (!isOpen) {\n      // If the picker is closed, focus the input\n      setTimeout(() => inputRef.current?.focus(), 0);\n    }\n  };\n\n  const handleDayPickerSelect = (date: Date | undefined) => {\n    if (!date) {\n      setInputValue('');\n      setSelectedDate(undefined);\n      onChange?.(undefined);\n    } else {\n      setInputValue(formatDate(date, format));\n      setSelectedDate(date);\n      onChange?.(date);\n    }\n\n    handleOnPickerOpenChange(false);\n  };\n\n  const onBlurHandler = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      // If the blur event is triggered by clicking outside the single date picker, trigger the onBlur handler\n      // Otherwise, trigger the onFocus handler\n      if (!event.relatedTarget || !(event.relatedTarget as HTMLElement).className.includes('rdp-')) {\n        handleOnBlur(event);\n        if (inputRef.current?.value) {\n          const parsedDate = parse(inputRef.current.value, format, new Date());\n          if (!isValid(parsedDate)) {\n            setSelectedDate(undefined);\n            onChange?.(undefined);\n            setInputValue('');\n          }\n        }\n      } else {\n        handleOnFocus(event);\n      }\n    },\n    [format, handleOnBlur, handleOnFocus, onChange],\n  );\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setInputValue(e.target.value);\n\n    const parsedDate = parse(e.target.value, format, new Date());\n    if (isValid(parsedDate)) {\n      setSelectedDate(parsedDate);\n      onChange?.(parsedDate);\n    } else {\n      setSelectedDate(undefined);\n      onChange?.(undefined);\n    }\n  };\n\n  const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === ' ') {\n      event.preventDefault();\n      togglePicker();\n    }\n  };\n\n  return (\n    <Popover open={isPickerOpen} modal={true} onOpenChange={handleOnPickerOpenChange}>\n      <p\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        style={{\n          position: 'absolute',\n          width: '1px',\n          height: '1px',\n          padding: '0px',\n          margin: '-1px',\n          overflow: 'hidden',\n          clip: 'rect(0px, 0px, 0px, 0px)',\n          whiteSpace: 'nowrap',\n          borderWidth: '0px',\n        }}\n      >\n        {inputValue !== ''\n          ? `Selected date ${inputValue}`\n          : 'Please type or pick a date. Press space to open the calendar.'}\n      </p>\n      {picker === 'day' && (\n        <PopoverTrigger asChild={true}>\n          <SingleDatePickerTextInput\n            inputRef={inputRef}\n            className={classNames(DATE_PICKER_CLASS, className)}\n            data-focused={focusKind}\n            size={size}\n            disabled={disabled}\n            invalid={invalid}\n            onFocus={handleOnFocus}\n            onBlur={onBlurHandler}\n            placeholder={placeholder}\n            allowClear={allowClear ? () => Boolean(selectedDate) : undefined}\n            onClear={() => handleDayPickerSelect(undefined)}\n            wrapperProps={{\n              onMouseDownCapture: handleOnMouseDownCapture,\n              onClick: handleOnClick,\n            }}\n            onKeyDown={handleOnKeyDown}\n            suffix={{\n              node: <CalendarEvent />,\n              onClick: (e) => {\n                if (!disabled) {\n                  togglePicker();\n                  handleOnClick(e);\n                }\n              },\n            }}\n            value={inputValue}\n            onChange={handleInputChange}\n            type=\"text\"\n            aria-controls=\"dialog\"\n            aria-expanded={isPickerOpen}\n            aria-label=\"Open calendar to choose date\"\n            {...ariaProps}\n          />\n        </PopoverTrigger>\n      )}\n      {picker === 'month' && (\n        <Select\n          disabled={disabled}\n          invalid={invalid}\n          placeholder={placeholder}\n          className={classNames(DATE_PICKER_CLASS, className)}\n          optionLabelProp=\"label\"\n          options={[\n            {\n              label: 'Select Month',\n              options: availableMonths.map((month) => ({\n                label: formatDate(new Date(0, month), 'MMMM'),\n                value: `${month}`.padStart(2, '0'),\n              })),\n            },\n          ]}\n        />\n      )}\n      {picker === 'year' && (\n        <Select\n          disabled={disabled}\n          invalid={invalid}\n          placeholder={placeholder}\n          allowClear={allowClear}\n          className={classNames(DATE_PICKER_CLASS, className)}\n          optionLabelProp=\"label\"\n          options={[\n            {\n              label: 'Select Year',\n              options: availableYears.map((year) => ({ label: year.toString(), value: year.toString() })),\n            },\n          ]}\n        />\n      )}\n      <PopoverContent arrow={true} sideOffset={12}>\n        <Calendar\n          id={`calendar-${calendarId}`}\n          {...calendarProps}\n          autoFocus={true}\n          variant=\"single\"\n          selected={selectedDate}\n          month={selectedDate}\n          size={size === Sizes.XSmall ? Sizes.Small : size}\n          onSelect={handleDayPickerSelect}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nexport default SingleDatePicker;\n"],"names":["SingleDatePicker","size","Sizes","picker","format","disabled","invalid","defaultValue","value","onChange","open","calendarProps","onFocus","onBlur","onClick","onMouseDownCapture","placeholder","allowClear","className","ariaProps","calendarId","useId","inputRef","useRef","focusKind","handleOnClick","handleOnFocus","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","selectedDate","setSelectedDate","useState","useEffect","inputValue","setInputValue","isPickerOpen","setIsPickerOpen","availableMonths","getAvailableMonths","availableYears","getAvailableYears","togglePicker","useCallback","prev","handleOnPickerOpenChange","isOpen","_a","handleDayPickerSelect","date","formatDate","onBlurHandler","event","parsedDate","parse","isValid","handleInputChange","handleOnKeyDown","Popover","jsx","PopoverTrigger","SingleDatePickerTextInput","classNames","DATE_PICKER_CLASS","CalendarEvent","Select","month","year","PopoverContent","Calendar"],"mappings":"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"}
+{"version":3,"file":"SingleDatePicker.js","sources":["../../../../../../src/components/DatePicker/components/SingleDatePicker/SingleDatePicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport { format as formatDate, isValid, parse } from 'date-fns';\nimport { DATE_PICKER_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\n\nimport Select from '../../../Select/Select';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../../Popover/Popover';\nimport Calendar from '../Calendar/Calendar';\nimport { CalendarEvent } from '../../../Icon/components';\nimport { useFocusRingOnKeyboard } from '../../../../hooks/useFocusRingOnKeyboard';\nimport { SingleDatePickerTextInput } from './SingleDatePicker.styles';\nimport { getAvailableMonths, getAvailableYears } from '../../utils/dateAvailabilities';\nimport type { ISingleDatePickerProps } from './SingleDatePicker.types';\n\nconst SingleDatePicker = ({\n  size = Sizes.Medium,\n  picker = 'day',\n  format = 'dd/MM/yyyy',\n  disabled,\n  invalid,\n  defaultValue,\n  value,\n  onChange,\n  open,\n  calendarProps,\n  onFocus,\n  onBlur,\n  onClick,\n  onMouseDownCapture,\n  placeholder = 'DD/MM/YYYY',\n  allowClear,\n  className,\n  ...ariaProps\n}: ISingleDatePickerProps) => {\n  const calendarId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const { focusKind, handleOnClick, handleOnFocus, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n    onFocus,\n    onBlur,\n    onClick,\n    onMouseDownCapture,\n  });\n\n  // Hold the selected date in state\n  const [selectedDate, setSelectedDate] = useState<Date | undefined>(defaultValue);\n  // Hold the input value in state\n  const [inputValue, setInputValue] = useState<string>(defaultValue ? formatDate(defaultValue, format) : '');\n\n  useEffect(() => {\n    setSelectedDate(value);\n    setInputValue(value ? formatDate(value, format) : '');\n  }, [value, format]);\n\n  // Hold the dialog visibility in state\n  const [isPickerOpen, setIsPickerOpen] = useState(open);\n\n  const availableMonths = getAvailableMonths(calendarProps?.startMonth, calendarProps?.endMonth);\n  const availableYears = getAvailableYears(calendarProps?.startMonth, calendarProps?.endMonth);\n\n  useEffect(() => {\n    setIsPickerOpen(open);\n  }, [open]);\n\n  const togglePicker = useCallback(() => setIsPickerOpen((prev) => !prev), []);\n\n  const handleOnPickerOpenChange = (isOpen: boolean) => {\n    setIsPickerOpen(isOpen);\n\n    if (!isOpen) {\n      // If the picker is closed, focus the input\n      setTimeout(() => inputRef.current?.focus(), 0);\n    }\n  };\n\n  const handleDayPickerSelect = (date: Date | undefined) => {\n    if (!date) {\n      setInputValue('');\n      setSelectedDate(undefined);\n      onChange?.(undefined);\n    } else {\n      setInputValue(formatDate(date, format));\n      setSelectedDate(date);\n      onChange?.(date);\n    }\n\n    handleOnPickerOpenChange(false);\n  };\n\n  const onBlurHandler = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      // If the blur event is triggered by clicking outside the single date picker, trigger the onBlur handler\n      // Otherwise, trigger the onFocus handler\n      if (!event.relatedTarget || !(event.relatedTarget as HTMLElement).className.includes('rdp-')) {\n        handleOnBlur(event);\n        if (inputRef.current?.value) {\n          const parsedDate = parse(inputRef.current.value, format, new Date());\n          if (!isValid(parsedDate)) {\n            setSelectedDate(undefined);\n            onChange?.(undefined);\n            setInputValue('');\n          }\n        }\n      } else {\n        handleOnFocus(event);\n      }\n    },\n    [format, handleOnBlur, handleOnFocus, onChange],\n  );\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setInputValue(e.target.value);\n\n    const parsedDate = parse(e.target.value, format, new Date());\n    if (isValid(parsedDate)) {\n      setSelectedDate(parsedDate);\n      onChange?.(parsedDate);\n    } else {\n      setSelectedDate(undefined);\n      onChange?.(undefined);\n    }\n  };\n\n  const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === ' ') {\n      event.preventDefault();\n      togglePicker();\n    }\n  };\n\n  return (\n    <Popover open={isPickerOpen} modal={true} onOpenChange={handleOnPickerOpenChange}>\n      <p\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        style={{\n          position: 'absolute',\n          width: '1px',\n          height: '1px',\n          padding: '0px',\n          margin: '-1px',\n          overflow: 'hidden',\n          clip: 'rect(0px, 0px, 0px, 0px)',\n          whiteSpace: 'nowrap',\n          borderWidth: '0px',\n        }}\n      >\n        {inputValue !== ''\n          ? `Selected date ${inputValue}`\n          : 'Please type or pick a date. Press space to open the calendar.'}\n      </p>\n      {picker === 'day' && (\n        <PopoverTrigger asChild={true}>\n          <SingleDatePickerTextInput\n            inputRef={inputRef}\n            className={classNames(DATE_PICKER_CLASS, className)}\n            data-focused={focusKind}\n            size={size}\n            disabled={disabled}\n            invalid={invalid}\n            onFocus={handleOnFocus}\n            onBlur={onBlurHandler}\n            placeholder={placeholder}\n            allowClear={allowClear ? () => Boolean(selectedDate) : undefined}\n            onClear={() => handleDayPickerSelect(undefined)}\n            wrapperProps={{\n              onMouseDownCapture: handleOnMouseDownCapture,\n              onClick: handleOnClick,\n            }}\n            onKeyDown={handleOnKeyDown}\n            suffix={{\n              node: <CalendarEvent />,\n              onClick: (e) => {\n                if (!disabled) {\n                  togglePicker();\n                  handleOnClick(e);\n                }\n              },\n            }}\n            value={inputValue}\n            onChange={handleInputChange}\n            type=\"text\"\n            aria-controls=\"dialog\"\n            aria-expanded={isPickerOpen}\n            aria-label=\"Open calendar to choose date\"\n            {...ariaProps}\n          />\n        </PopoverTrigger>\n      )}\n      {picker === 'month' && (\n        <Select\n          disabled={disabled}\n          invalid={invalid}\n          placeholder={placeholder}\n          className={classNames(DATE_PICKER_CLASS, className)}\n          optionLabelProp=\"label\"\n          options={[\n            {\n              label: 'Select Month',\n              options: availableMonths.map((month) => ({\n                label: formatDate(new Date(0, month), 'MMMM'),\n                value: `${month}`.padStart(2, '0'),\n              })),\n            },\n          ]}\n        />\n      )}\n      {picker === 'year' && (\n        <Select\n          disabled={disabled}\n          invalid={invalid}\n          placeholder={placeholder}\n          allowClear={allowClear}\n          className={classNames(DATE_PICKER_CLASS, className)}\n          optionLabelProp=\"label\"\n          options={[\n            {\n              label: 'Select Year',\n              options: availableYears.map((year) => ({ label: year.toString(), value: year.toString() })),\n            },\n          ]}\n        />\n      )}\n      <PopoverContent arrow={true} sideOffset={12}>\n        <Calendar\n          id={`calendar-${calendarId}`}\n          {...calendarProps}\n          autoFocus={true}\n          variant=\"single\"\n          selected={selectedDate}\n          month={selectedDate}\n          size={size === Sizes.XSmall ? Sizes.Small : size}\n          onSelect={handleDayPickerSelect}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nexport default SingleDatePicker;\n"],"names":["SingleDatePicker","size","Sizes","picker","format","disabled","invalid","defaultValue","value","onChange","open","calendarProps","onFocus","onBlur","onClick","onMouseDownCapture","placeholder","allowClear","className","ariaProps","calendarId","useId","inputRef","useRef","focusKind","handleOnClick","handleOnFocus","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","selectedDate","setSelectedDate","useState","inputValue","setInputValue","formatDate","useEffect","isPickerOpen","setIsPickerOpen","availableMonths","getAvailableMonths","availableYears","getAvailableYears","togglePicker","useCallback","prev","handleOnPickerOpenChange","isOpen","handleDayPickerSelect","date","onBlurHandler","event","parsedDate","parse","isValid","handleInputChange","handleOnKeyDown","Popover","jsx","PopoverTrigger","SingleDatePickerTextInput","classNames","DATE_PICKER_CLASS","CalendarEvent","Select","month","year","PopoverContent","Calendar"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,KAAmB,CAAC;AAAA,EACxB,MAAAC,IAAOC,EAAM;AAAA,EACb,QAAAC,IAAS;AAAA,EAAA,QACTC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA8B;AAC5B,QAAMC,IAAaC,EAAA,GACbC,IAAWC,GAAyB,IAAI,GAExC,EAAE,WAAAC,GAAW,eAAAC,GAAe,eAAAC,GAAe,0BAAAC,GAA0B,cAAAC,EAAA,IAAiBC,GAAuB;AAAA,IACjH,SAAAjB;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,CACD,GAGK,CAACe,GAAcC,CAAe,IAAIC,EAA2BzB,CAAY,GAEzE,CAAC0B,GAAYC,CAAa,IAAIF,EAAiBzB,IAAe4B,EAAW5B,GAAcH,CAAM,IAAI,EAAE;AAEzG,EAAAgC,EAAU,MAAM;AACd,IAAAL,EAAgBvB,CAAK,GACrB0B,EAAc1B,IAAQ2B,EAAW3B,GAAOJ,CAAM,IAAI,EAAE;AAAA,EACtD,GAAG,CAACI,GAAOJ,CAAM,CAAC;AAGlB,QAAM,CAACiC,GAAcC,CAAe,IAAIN,EAAStB,CAAI,GAE/C6B,IAAkBC,GAAmB7B,GAAe,YAAYA,GAAe,QAAQ,GACvF8B,IAAiBC,GAAkB/B,GAAe,YAAYA,GAAe,QAAQ;AAE3F,EAAAyB,EAAU,MAAM;AACd,IAAAE,EAAgB5B,CAAI;AAAA,EACtB,GAAG,CAACA,CAAI,CAAC;AAET,QAAMiC,IAAeC,EAAY,MAAMN,EAAgB,CAACO,MAAS,CAACA,CAAI,GAAG,EAAE,GAErEC,IAA2B,CAACC,MAAoB;AACpD,IAAAT,EAAgBS,CAAM,GAEjBA,KAEH,WAAW,MAAMzB,EAAS,SAAS,MAAA,GAAS,CAAC;AAAA,EAEjD,GAEM0B,IAAwB,CAACC,MAA2B;AACxD,IAAKA,KAKHf,EAAcC,EAAWc,GAAM7C,CAAM,CAAC,GACtC2B,EAAgBkB,CAAI,GACpBxC,IAAWwC,CAAI,MANff,EAAc,EAAE,GAChBH,EAAgB,MAAS,GACzBtB,IAAW,MAAS,IAOtBqC,EAAyB,EAAK;AAAA,EAChC,GAEMI,IAAgBN;AAAA,IACpB,CAACO,MAA8C;AAG7C,UAAI,CAACA,EAAM,iBAAiB,CAAEA,EAAM,cAA8B,UAAU,SAAS,MAAM;AAEzF,YADAvB,EAAauB,CAAK,GACd7B,EAAS,SAAS,OAAO;AAC3B,gBAAM8B,IAAaC,EAAM/B,EAAS,QAAQ,OAAOlB,GAAQ,oBAAI,MAAM;AACnE,UAAKkD,EAAQF,CAAU,MACrBrB,EAAgB,MAAS,GACzBtB,IAAW,MAAS,GACpByB,EAAc,EAAE;AAAA,QAEpB;AAAA;AAEA,QAAAR,EAAcyB,CAAK;AAAA,IAEvB;AAAA,IACA,CAAC/C,GAAQwB,GAAcF,GAAejB,CAAQ;AAAA,EAAA,GAG1C8C,IAAoB,CAAC,MAA2C;AACpE,IAAArB,EAAc,EAAE,OAAO,KAAK;AAE5B,UAAMkB,IAAaC,EAAM,EAAE,OAAO,OAAOjD,GAAQ,oBAAI,MAAM;AAC3D,IAAIkD,EAAQF,CAAU,KACpBrB,EAAgBqB,CAAU,GAC1B3C,IAAW2C,CAAU,MAErBrB,EAAgB,MAAS,GACzBtB,IAAW,MAAS;AAAA,EAExB,GAEM+C,IAAkB,CAACL,MAAiD;AACxE,IAAIA,EAAM,QAAQ,QAChBA,EAAM,eAAA,GACNR,EAAA;AAAA,EAEJ;AAEA,2BACGc,IAAA,EAAQ,MAAMpB,GAAc,OAAO,IAAM,cAAcS,GACtD,UAAA;AAAA,IAAA,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,eAAY;AAAA,QACZ,OAAO;AAAA,UACL,UAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,MAAM;AAAA,UACN,YAAY;AAAA,UACZ,aAAa;AAAA,QAAA;AAAA,QAGd,UAAAzB,MAAe,KACZ,iBAAiBA,CAAU,KAC3B;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL9B,MAAW,SACV,gBAAAuD,EAACC,IAAA,EAAe,SAAS,IACvB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAAtC;AAAA,QACA,WAAWuC,EAAWC,GAAmB5C,CAAS;AAAA,QAClD,gBAAcM;AAAA,QACd,MAAAvB;AAAA,QACA,UAAAI;AAAA,QACA,SAAAC;AAAA,QACA,SAASoB;AAAA,QACT,QAAQwB;AAAA,QACR,aAAAlC;AAAA,QACA,YAAYC,IAAa,MAAM,EAAQa,IAAgB;AAAA,QACvD,SAAS,MAAMkB,EAAsB,MAAS;AAAA,QAC9C,cAAc;AAAA,UACZ,oBAAoBrB;AAAA,UACpB,SAASF;AAAA,QAAA;AAAA,QAEX,WAAW+B;AAAA,QACX,QAAQ;AAAA,UACN,wBAAOO,IAAA,EAAc;AAAA,UACrB,SAAS,CAAC,MAAM;AACd,YAAK1D,MACHsC,EAAA,GACAlB,EAAc,CAAC;AAAA,UAEnB;AAAA,QAAA;AAAA,QAEF,OAAOQ;AAAA,QACP,UAAUsB;AAAA,QACV,MAAK;AAAA,QACL,iBAAc;AAAA,QACd,iBAAelB;AAAA,QACf,cAAW;AAAA,QACV,GAAGlB;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IAEDhB,MAAW,WACV,gBAAAuD;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAA3D;AAAA,QACA,SAAAC;AAAA,QACA,aAAAU;AAAA,QACA,WAAW6C,EAAWC,GAAmB5C,CAAS;AAAA,QAClD,iBAAgB;AAAA,QAChB,SAAS;AAAA,UACP;AAAA,YACE,OAAO;AAAA,YACP,SAASqB,EAAgB,IAAI,CAAC0B,OAAW;AAAA,cACvC,OAAO9B,EAAW,IAAI,KAAK,GAAG8B,CAAK,GAAG,MAAM;AAAA,cAC5C,OAAO,GAAGA,CAAK,GAAG,SAAS,GAAG,GAAG;AAAA,YAAA,EACjC;AAAA,UAAA;AAAA,QACJ;AAAA,MACF;AAAA,IAAA;AAAA,IAGH9D,MAAW,UACV,gBAAAuD;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAA3D;AAAA,QACA,SAAAC;AAAA,QACA,aAAAU;AAAA,QACA,YAAAC;AAAA,QACA,WAAW4C,EAAWC,GAAmB5C,CAAS;AAAA,QAClD,iBAAgB;AAAA,QAChB,SAAS;AAAA,UACP;AAAA,YACE,OAAO;AAAA,YACP,SAASuB,EAAe,IAAI,CAACyB,OAAU,EAAE,OAAOA,EAAK,SAAA,GAAY,OAAOA,EAAK,SAAA,IAAa;AAAA,UAAA;AAAA,QAC5F;AAAA,MACF;AAAA,IAAA;AAAA,IAGJ,gBAAAR,EAACS,IAAA,EAAe,OAAO,IAAM,YAAY,IACvC,UAAA,gBAAAT;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,IAAI,YAAYhD,CAAU;AAAA,QACzB,GAAGT;AAAA,QACJ,WAAW;AAAA,QACX,SAAQ;AAAA,QACR,UAAUmB;AAAA,QACV,OAAOA;AAAA,QACP,MAAM7B,MAASC,EAAM,SAASA,EAAM,QAAQD;AAAA,QAC5C,UAAU+C;AAAA,MAAA;AAAA,IAAA,EACZ,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/build/esm/components/DatePicker/components/SingleDatePicker/SingleDatePicker.types.d.ts

@@ -1,10 +1,10 @@
 import type { AriaAttributes, FocusEvent, MouseEvent, CSSProperties } from 'react';
 import type { DatePickerTypes } from '../../../../react-base/src/components/DatePicker';
-import { DayPickerProps } from '../Calendar/Calendar';
+import type { ICalendarProps } from '../Calendar/Calendar.types';
 export type ISingleDatePickerProps = AriaAttributes & DatePickerTypes.ISinglePickerProps & {
     className?: string;
     style?: CSSProperties;
-    calendarProps?: DatePickerTypes.ICalendarProps & DayPickerProps<'single'>;
+    calendarProps?: ICalendarProps<'single'>;
     onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
     onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
     onClick?: (event: MouseEvent<HTMLInputElement>) => void;

package/build/esm/components/DatePicker/components/SingleDatePicker/SingleDatePicker.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDatePicker.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/SingleDatePicker/SingleDatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAErF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,MAAM,sBAAsB,GAAG,cAAc,GACjD,eAAe,CAAC,kBAAkB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,eAAe,CAAC,cAAc,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC1E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACpE,CAAC"}
+{"version":3,"file":"SingleDatePicker.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/SingleDatePicker/SingleDatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,MAAM,sBAAsB,GAAG,cAAc,GACjD,eAAe,CAAC,kBAAkB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACpE,CAAC"}

package/build/esm/components/DatePicker/utils/range.d.ts

@@ -0,0 +1,8 @@
+import type { DatePickerTypes } from '../../../react-base/src/components/DatePicker';
+export type Origin = 'from' | 'to' | undefined;
+export declare const originToBound: (origin: Origin) => "start" | "end";
+export declare const getNextOriginState: (newDate: DatePickerTypes.RangeDate | undefined, currentDate: DatePickerTypes.RangeDate | undefined, currentOrigin: Origin) => {
+    shouldClose: boolean;
+    newOrigin: Origin;
+};
+//# sourceMappingURL=range.d.ts.map

package/build/esm/components/DatePicker/utils/range.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/utils/range.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAErF,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAE/C,eAAO,MAAM,aAAa,WAAY,MAAM,KAAG,OAAO,GAAG,KAA4C,CAAC;AAEtG,eAAO,MAAM,kBAAkB,YACpB,eAAe,CAAC,SAAS,GAAG,SAAS,eACjC,eAAe,CAAC,SAAS,GAAG,SAAS,iBACnC,MAAM,KACpB;IAAE,WAAW,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CA+B3C,CAAC"}

package/build/esm/components/DatePicker/utils/range.js

@@ -0,0 +1,6 @@
+const s = (i) => i === "to" ? "end" : "start", l = (i, o, f) => f === "from" ? i?.from && (o?.from === i.from && !i.to || o?.to !== i.to || !o?.from && i?.to && o?.to) ? { shouldClose: !0, newOrigin: "to" } : { shouldClose: !1, newOrigin: "to" } : f === "to" ? i?.from && (o?.to !== i.to || !o?.from && i?.to && o?.to) ? { shouldClose: !0, newOrigin: "from" } : { shouldClose: !1, newOrigin: "from" } : !o?.from && !o?.to || o?.to ? { shouldClose: !1, newOrigin: "from" } : o?.from && !o?.to ? { shouldClose: !1, newOrigin: "to" } : { shouldClose: !0, newOrigin: void 0 };
+export {
+  l as getNextOriginState,
+  s as originToBound
+};
+//# sourceMappingURL=range.js.map

package/build/esm/components/DatePicker/utils/range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range.js","sources":["../../../../../src/components/DatePicker/utils/range.ts"],"sourcesContent":["import type { DatePickerTypes } from 'acinguiux-ds-react-base/components/DatePicker';\n\nexport type Origin = 'from' | 'to' | undefined;\n\nexport const originToBound = (origin: Origin): 'start' | 'end' => (origin === 'to' ? 'end' : 'start');\n\nexport const getNextOriginState = (\n  newDate: DatePickerTypes.RangeDate | undefined,\n  currentDate: DatePickerTypes.RangeDate | undefined,\n  currentOrigin: Origin,\n): { shouldClose: boolean; newOrigin: Origin } => {\n  if (currentOrigin === 'from') {\n    if (\n      newDate?.from &&\n      ((currentDate?.from === newDate.from && !newDate.to) ||\n        currentDate?.to !== newDate.to ||\n        (!currentDate?.from && newDate?.to && currentDate?.to))\n    ) {\n      return { shouldClose: true, newOrigin: 'to' };\n    }\n\n    return { shouldClose: false, newOrigin: 'to' };\n  }\n\n  if (currentOrigin === 'to') {\n    if (newDate?.from && (currentDate?.to !== newDate.to || (!currentDate?.from && newDate?.to && currentDate?.to))) {\n      return { shouldClose: true, newOrigin: 'from' };\n    }\n\n    return { shouldClose: false, newOrigin: 'from' };\n  }\n\n  // safety fallback, in case current origin is not known\n  if ((!currentDate?.from && !currentDate?.to) || currentDate?.to) {\n    return { shouldClose: false, newOrigin: 'from' };\n  }\n  if (currentDate?.from && !currentDate?.to) {\n    return { shouldClose: false, newOrigin: 'to' };\n  }\n\n  return { shouldClose: true, newOrigin: undefined };\n};\n"],"names":["originToBound","origin","getNextOriginState","newDate","currentDate","currentOrigin"],"mappings":"AAIO,MAAMA,IAAgB,CAACC,MAAqCA,MAAW,OAAO,QAAQ,SAEhFC,IAAqB,CAChCC,GACAC,GACAC,MAEIA,MAAkB,SAElBF,GAAS,SACPC,GAAa,SAASD,EAAQ,QAAQ,CAACA,EAAQ,MAC/CC,GAAa,OAAOD,EAAQ,MAC3B,CAACC,GAAa,QAAQD,GAAS,MAAMC,GAAa,MAE9C,EAAE,aAAa,IAAM,WAAW,KAAA,IAGlC,EAAE,aAAa,IAAO,WAAW,KAAA,IAGtCC,MAAkB,OAChBF,GAAS,SAASC,GAAa,OAAOD,EAAQ,MAAO,CAACC,GAAa,QAAQD,GAAS,MAAMC,GAAa,MAClG,EAAE,aAAa,IAAM,WAAW,OAAA,IAGlC,EAAE,aAAa,IAAO,WAAW,OAAA,IAIrC,CAACA,GAAa,QAAQ,CAACA,GAAa,MAAOA,GAAa,KACpD,EAAE,aAAa,IAAO,WAAW,OAAA,IAEtCA,GAAa,QAAQ,CAACA,GAAa,KAC9B,EAAE,aAAa,IAAO,WAAW,KAAA,IAGnC,EAAE,aAAa,IAAM,WAAW,OAAA;"}

package/build/esm/components/Divider/Divider.js

@@ -1,18 +1,18 @@
 import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import f from "classnames";
-import { DIVIDER_CLASS as d } from "../../react-base/src/consts/classes.js";
-import { useProps as $ } from "../../react-base/src/components/Divider/Divider.utils.js";
-import { Divider as D } from "./Divider.styles.js";
-const z = p(({ className: r, ...e }, i) => {
-  const { size: t, direction: o, contrast: s, sentiment: m, sentimentProminence: n, shape: a } = $(e);
+import { forwardRef as f } from "react";
+import d from "classnames";
+import { DIVIDER_CLASS as $ } from "../../react-base/src/consts/classes.js";
+import { useProps as D } from "../../react-base/src/components/Divider/Divider.utils.js";
+import { Divider as l } from "./Divider.styles.js";
+const I = f(({ className: e, ...r }, t) => {
+  const { size: i, direction: o, contrast: s, sentiment: m, sentimentProminence: n, shape: a, ...p } = D(r);
   return /* @__PURE__ */ c(
-    D,
+    l,
     {
-      ref: i,
-      className: f(d, r),
-      ...e,
-      $size: t,
+      ref: t,
+      className: d($, e),
+      ...p,
+      $size: i,
       $direction: o,
       $sentiment: m,
       $sentimentProminence: n,
@@ -22,6 +22,6 @@ const z = p(({ className: r, ...e }, i) => {
   );
 });
 export {
-  z as default
+  I as default
 };
 //# sourceMappingURL=Divider.js.map

package/build/esm/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { DIVIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { DividerUtils } from 'acinguiux-ds-react-base/components/Divider';\n\nimport * as Styled from './Divider.styles';\nimport type { IDividerProps } from './Divider.types';\n\nconst Divider = forwardRef<HTMLHRElement, IDividerProps>(({ className, ...rest }, ref) => {\n  const { size, direction, contrast, sentiment, sentimentProminence, shape } = DividerUtils.useProps(rest);\n\n  return (\n    <Styled.Divider\n      ref={ref}\n      className={classNames(DIVIDER_CLASS, className)}\n      {...rest}\n      $size={size}\n      $direction={direction}\n      $sentiment={sentiment}\n      $sentimentProminence={sentimentProminence}\n      $contrast={contrast}\n      $shape={shape}\n    />\n  );\n});\n\nexport default Divider;\n"],"names":["Divider","forwardRef","className","rest","ref","size","direction","contrast","sentiment","sentimentProminence","shape","DividerUtils.useProps","jsx","Styled.Divider","classNames","DIVIDER_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAUC,EAAyC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,MAAQ;AACxF,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,UAAAC,GAAU,WAAAC,GAAW,qBAAAC,GAAqB,OAAAC,EAAA,IAAUC,EAAsBR,CAAI;AAEvG,SACE,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAT;AAAA,MACA,WAAWU,EAAWC,GAAeb,CAAS;AAAA,MAC7C,GAAGC;AAAA,MACJ,OAAOE;AAAA,MACP,YAAYC;AAAA,MACZ,YAAYE;AAAA,MACZ,sBAAsBC;AAAA,MACtB,WAAWF;AAAA,MACX,QAAQG;AAAA,IAAA;AAAA,EAAA;AAGd,CAAC;"}
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { DIVIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { DividerUtils } from 'acinguiux-ds-react-base/components/Divider';\n\nimport * as Styled from './Divider.styles';\nimport type { IDividerProps } from './Divider.types';\n\nconst Divider = forwardRef<HTMLHRElement, IDividerProps>(({ className, ...rest }, ref) => {\n  const { size, direction, contrast, sentiment, sentimentProminence, shape, ...props } = DividerUtils.useProps(rest);\n\n  return (\n    <Styled.Divider\n      ref={ref}\n      className={classNames(DIVIDER_CLASS, className)}\n      {...props}\n      $size={size}\n      $direction={direction}\n      $sentiment={sentiment}\n      $sentimentProminence={sentimentProminence}\n      $contrast={contrast}\n      $shape={shape}\n    />\n  );\n});\n\nexport default Divider;\n"],"names":["Divider","forwardRef","className","rest","ref","size","direction","contrast","sentiment","sentimentProminence","shape","props","DividerUtils.useProps","jsx","Styled.Divider","classNames","DIVIDER_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAUC,EAAyC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,MAAQ;AACxF,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,UAAAC,GAAU,WAAAC,GAAW,qBAAAC,GAAqB,OAAAC,GAAO,GAAGC,MAAUC,EAAsBT,CAAI;AAEjH,SACE,gBAAAU;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,WAAWW,EAAWC,GAAed,CAAS;AAAA,MAC7C,GAAGS;AAAA,MACJ,OAAON;AAAA,MACP,YAAYC;AAAA,MACZ,YAAYE;AAAA,MACZ,sBAAsBC;AAAA,MACtB,WAAWF;AAAA,MACX,QAAQG;AAAA,IAAA;AAAA,EAAA;AAGd,CAAC;"}

package/build/esm/components/Divider/Divider.styles.js

@@ -1,30 +1,30 @@
-import { css as r, styled as $ } from "styled-components";
+import { css as t, styled as $ } from "styled-components";
 import { Directions as i } from "../../react-base/src/consts/index.js";
 import { useStyles as l } from "../../react-base/src/components/Divider/Divider.utils.js";
 const g = $.hr`
-  ${({ $size: s, $direction: o, $contrast: d, $sentiment: n, $sentimentProminence: h, $shape: m, theme: c }) => {
-  const { borderRadius: p, borderWidth: a, color: t, width: e } = l({
+  ${({ $size: s, $direction: o, $contrast: n, $sentiment: d, $sentimentProminence: a, $shape: h, theme: m }) => {
+  const { borderRadius: p, borderWidth: c, color: e, width: r } = l({
     size: s,
-    contrast: d,
-    sentimentProminence: h,
-    sentiment: n,
-    shape: m,
-    theme: c
+    contrast: n,
+    sentimentProminence: a,
+    sentiment: d,
+    shape: h,
+    theme: m
   });
-  return r`
+  return t`
       margin: 0;
       border-radius: ${p}px;
-      border: ${a}px solid ${t};
-      background-color: ${t};
+      border: ${c}px solid ${e};
+      background-color: ${r === 1 ? e : "transparent"};
 
-      ${o === i.Horizontal && r`
+      ${o === i.Horizontal && t`
         width: 100%;
-        height: ${e}px;
+        height: ${r}px;
       `}
 
-      ${o === i.Vertical && r`
+      ${o === i.Vertical && t`
         height: 100%;
-        width: ${e}px;
+        width: ${r}px;
       `}
     `;
 }}

package/build/esm/components/Divider/Divider.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.styles.js","sources":["../../../../src/components/Divider/Divider.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { DividerUtils } from 'acinguiux-ds-react-base/components/Divider';\n\nimport type { IDividerProps } from './Divider.types';\n\nexport const Divider = styled.hr<\n  Required<PickTransient<IDividerProps, 'size' | 'contrast' | 'shape'>> &\n    PickTransient<IDividerProps, 'direction' | 'sentiment' | 'sentimentProminence'>\n>`\n  ${({ $size, $direction, $contrast, $sentiment, $sentimentProminence, $shape, theme }) => {\n    const { borderRadius, borderWidth, color, width } = DividerUtils.useStyles({\n      size: $size,\n      contrast: $contrast,\n      sentimentProminence: $sentimentProminence,\n      sentiment: $sentiment,\n      shape: $shape,\n      theme,\n    });\n\n    return css`\n      margin: 0;\n      border-radius: ${borderRadius}px;\n      border: ${borderWidth}px solid ${color};\n      background-color: ${color};\n\n      ${$direction === Directions.Horizontal &&\n      css`\n        width: 100%;\n        height: ${width}px;\n      `}\n\n      ${$direction === Directions.Vertical &&\n      css`\n        height: 100%;\n        width: ${width}px;\n      `}\n    `;\n  }}\n`;\n"],"names":["Divider","styled","$size","$direction","$contrast","$sentiment","$sentimentProminence","$shape","theme","borderRadius","borderWidth","color","width","DividerUtils.useStyles","css","Directions"],"mappings":";;;AAOO,MAAMA,IAAUC,EAAO;AAAA,IAI1B,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,sBAAAC,GAAsB,QAAAC,GAAQ,OAAAC,QAAY;AACvF,QAAM,EAAE,cAAAC,GAAc,aAAAC,GAAa,OAAAC,GAAO,OAAAC,EAAA,IAAUC,EAAuB;AAAA,IACzE,MAAMX;AAAA,IACN,UAAUE;AAAA,IACV,qBAAqBE;AAAA,IACrB,WAAWD;AAAA,IACX,OAAOE;AAAA,IACP,OAAAC;AAAA,EAAA,CACD;AAED,SAAOM;AAAA;AAAA,uBAEYL,CAAY;AAAA,gBACnBC,CAAW,YAAYC,CAAK;AAAA,0BAClBA,CAAK;AAAA;AAAA,QAEvBR,MAAeY,EAAW,cAC5BD;AAAA;AAAA,kBAEYF,CAAK;AAAA,OAChB;AAAA;AAAA,QAECT,MAAeY,EAAW,YAC5BD;AAAA;AAAA,iBAEWF,CAAK;AAAA,OACf;AAAA;AAEL,CAAC;AAAA;"}
+{"version":3,"file":"Divider.styles.js","sources":["../../../../src/components/Divider/Divider.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { DividerUtils } from 'acinguiux-ds-react-base/components/Divider';\n\nimport type { IDividerProps } from './Divider.types';\n\nexport const Divider = styled.hr<\n  Required<PickTransient<IDividerProps, 'size' | 'contrast' | 'shape'>> &\n    PickTransient<IDividerProps, 'direction' | 'sentiment' | 'sentimentProminence'>\n>`\n  ${({ $size, $direction, $contrast, $sentiment, $sentimentProminence, $shape, theme }) => {\n    const { borderRadius, borderWidth, color, width } = DividerUtils.useStyles({\n      size: $size,\n      contrast: $contrast,\n      sentimentProminence: $sentimentProminence,\n      sentiment: $sentiment,\n      shape: $shape,\n      theme,\n    });\n\n    return css`\n      margin: 0;\n      border-radius: ${borderRadius}px;\n      border: ${borderWidth}px solid ${color};\n      background-color: ${width === 1 ? color : 'transparent'};\n\n      ${$direction === Directions.Horizontal &&\n      css`\n        width: 100%;\n        height: ${width}px;\n      `}\n\n      ${$direction === Directions.Vertical &&\n      css`\n        height: 100%;\n        width: ${width}px;\n      `}\n    `;\n  }}\n`;\n"],"names":["Divider","styled","$size","$direction","$contrast","$sentiment","$sentimentProminence","$shape","theme","borderRadius","borderWidth","color","width","DividerUtils.useStyles","css","Directions"],"mappings":";;;AAOO,MAAMA,IAAUC,EAAO;AAAA,IAI1B,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,sBAAAC,GAAsB,QAAAC,GAAQ,OAAAC,QAAY;AACvF,QAAM,EAAE,cAAAC,GAAc,aAAAC,GAAa,OAAAC,GAAO,OAAAC,EAAA,IAAUC,EAAuB;AAAA,IACzE,MAAMX;AAAA,IACN,UAAUE;AAAA,IACV,qBAAqBE;AAAA,IACrB,WAAWD;AAAA,IACX,OAAOE;AAAA,IACP,OAAAC;AAAA,EAAA,CACD;AAED,SAAOM;AAAA;AAAA,uBAEYL,CAAY;AAAA,gBACnBC,CAAW,YAAYC,CAAK;AAAA,0BAClBC,MAAU,IAAID,IAAQ,aAAa;AAAA;AAAA,QAErDR,MAAeY,EAAW,cAC5BD;AAAA;AAAA,kBAEYF,CAAK;AAAA,OAChB;AAAA;AAAA,QAECT,MAAeY,EAAW,YAC5BD;AAAA;AAAA,iBAEWF,CAAK;AAAA,OACf;AAAA;AAEL,CAAC;AAAA;"}

package/build/esm/components/Drawer/Drawer.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
 import type { IDrawerProps } from './Drawer.types';
-declare const Drawer: ({ children, className, size, header, actionsAlignment, actionsDirection, sticky, elevation, onClose, closeButton, backButton, padding, bgColor, headerBorder, footerBorder, actions, getContainer, maskMotion, motion, open, ...rest }: IDrawerProps) => ReactElement;
+declare const Drawer: ({ children, className, size, header, actionsAlignment, actionsDirection, sticky, zIndex, elevation, onClose, closeButton, backButton, padding, bgColor, headerBorder, footerBorder, actions, getContainer, maskMotion, motion, open, ...rest }: IDrawerProps) => ReactElement;
 export default Drawer;
 //# sourceMappingURL=Drawer.d.ts.map

package/build/esm/components/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAA2B,MAAM,OAAO,CAAC;AAWnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQnD,QAAA,MAAM,MAAM,2OAsBT,YAAY,KAAG,YA8EjB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAA2B,MAAM,OAAO,CAAC;AAWnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQnD,QAAA,MAAM,MAAM,mPAuBT,YAAY,KAAG,YA+EjB,CAAC;AAEF,eAAe,MAAM,CAAC"}