se-design 1.0.74 → 1.0.76-dev1

package/dist/index23.js

@@ -1,26 +1,88 @@
-import e from "react";
-import { Badge as c } from "./index9.js";
-const m = (t) => {
-  const {
-    label: a,
-    color: l,
-    onClick: r = () => {
-    },
-    tag: o
-  } = t;
-  return /* @__PURE__ */ e.createElement("div", {
-    className: "se-design-color-coded-label flex items-center gap-2",
-    onClick: r
-  }, l && /* @__PURE__ */ e.createElement("span", {
-    className: "w-[15px] h-[15px] rounded-[3px] inline-block",
-    style: {
-      backgroundColor: l
+import s, { useState as _, useEffect as j } from "react";
+import { useStableId as B } from "./index199.js";
+import { getA11yNameAttributes as K } from "./index78.js";
+import "./index72.js";
+import { mergeIds as L } from "./index200.js";
+/* empty css         */
+function h() {
+  return h = Object.assign ? Object.assign.bind() : function(u) {
+    for (var i = 1; i < arguments.length; i++) {
+      var r = arguments[i];
+      for (var e in r) ({}).hasOwnProperty.call(r, e) && (u[e] = r[e]);
     }
-  }), /* @__PURE__ */ e.createElement("div", null, a), o && /* @__PURE__ */ e.createElement(c, {
-    label: o
-  }));
+    return u;
+  }, h.apply(null, arguments);
+}
+const J = ({
+  className: u = "",
+  automationId: i = "",
+  defaultChecked: r = !1,
+  checked: e,
+  disabled: n = !1,
+  onChange: x,
+  checkMarkType: c = "",
+  label: l = "",
+  disabledLabel: g = "",
+  containerAutomationId: E = "",
+  ariaLabel: y,
+  ariaLabelledBy: C,
+  ariaDescribedBy: N,
+  tabIndex: k,
+  ariaHidden: I = !1
+}) => {
+  const o = e !== void 0, [t, m] = _(o ? e : r);
+  j(() => {
+    m(o ? e : r);
+  }, [e, r]);
+  const w = (a) => {
+    n || (o || m((b) => !b), x?.(o ? !e : !t, a));
+  }, A = (a) => {
+    if (!n && (a.key === "Enter" || a.key === " ")) {
+      a.preventDefault(), a.stopPropagation();
+      const b = o ? !e : !t;
+      o || m(b);
+      const d = a.currentTarget.closest("label")?.querySelector("input");
+      d && x?.(b, {
+        target: d,
+        currentTarget: d
+      });
+    }
+  }, $ = () => n ? t && c === "tick" ? "disabled-tick" : t && c === "minus-checkbox" ? "disabled-minus-checkbox" : t && !c ? "disabled-tick" : "disabled-default" : c === "minus-checkbox" && t ? "minus-checkbox" : t ? "checked" : "unchecked", D = () => n ? "checkbox-label-disabled" : "checkbox-label", p = () => n && g ? g : l, f = B(void 0, "checkbox-input"), v = l ? `${f}-label` : void 0, O = K({
+    ariaLabelledBy: L(v, C),
+    ariaLabel: y,
+    ariaDescribedBy: N
+  }), S = () => c === "minus-checkbox" && t ? "mixed" : t ? "true" : "false";
+  return /* @__PURE__ */ s.createElement("div", {
+    className: "se-design-checkbox-ctn",
+    "aria-hidden": I ? "true" : void 0
+  }, /* @__PURE__ */ s.createElement("label", h({
+    role: "checkbox",
+    htmlFor: f,
+    className: `se-design-checkbox ${u} ${$()}`,
+    "data-automation-id": E || "checkbox-container",
+    tabIndex: k !== void 0 ? k : n ? -1 : 0,
+    "aria-checked": S(),
+    "aria-disabled": n ? "true" : "false"
+  }, O, {
+    onKeyDown: A
+  }), /* @__PURE__ */ s.createElement("input", {
+    id: f,
+    type: "checkbox",
+    checked: t,
+    onChange: w,
+    disabled: n,
+    tabIndex: -1,
+    "aria-hidden": "true"
+  }), /* @__PURE__ */ s.createElement("span", {
+    className: "checkbox-item",
+    "data-automation-id": i
+  }), p()?.length > 0 && /* @__PURE__ */ s.createElement("span", {
+    id: v,
+    className: D(),
+    "data-automation-id": i || (l ? `checkbox-label-${l}` : "checkbox-label")
+  }, p())));
 };
 export {
-  m as ColorCodedLabel
+  J as Checkbox
 };
 //# sourceMappingURL=index23.js.map

package/dist/index23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index23.js","sources":["../src/components/ColorCodedLabel/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Badge } from 'src/components/Badge';\n\nexport type ColorCodedLabelProps = {\n  label: string;\n  tag?: string;\n  color?: string;\n  onClick?: () => void;\n};\n\nexport const ColorCodedLabel: FC<ColorCodedLabelProps> = (props) => {\n  const { label, color, onClick = () => {}, tag } = props;\n  return (\n    <div\n      className=\"se-design-color-coded-label flex items-center gap-2\"\n      onClick={onClick}\n    >\n      {color && <span className=\"w-[15px] h-[15px] rounded-[3px] inline-block\" style={{ backgroundColor: color }}></span>}\n      <div>{label}</div>\n      {tag && <Badge label={tag} />}\n    </div>\n  );\n};\n"],"names":["React__default","Badge","ColorCodedLabel","props","label","color","onClick","tag","React","createElement","className","style","backgroundColor"],"mappings":"AAUO,OAAAA,OAAA;AAAA,SAAA,SAAAC,SAAA;AAAA,MAAMC,IAA6CC,CAAAA,MAAU;AAClE,QAAM;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,SAAAA,IAAUA,MAAM;AAAA,IAAC;AAAA,IAAGC,KAAAA;AAAAA,EAAAA,IAAQJ;AAClD,SACEK,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAU;AAAA,IACVJ,SAAAA;AAAAA,EAAAA,GAECD,KAASG,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,IAA+CC,OAAO;AAAA,MAAEC,iBAAiBP;AAAAA,IAAAA;AAAAA,EAAM,CAAS,GAClHG,gBAAAA,EAAAC,cAAA,OAAA,MAAML,CAAW,GAChBG,KAAOC,gBAAAA,EAAAC,cAACR,GAAK;AAAA,IAACG,OAAOG;AAAAA,EAAAA,CAAM,CACzB;AAET;"}
+{"version":3,"file":"index23.js","sources":["../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect } from 'react';\nimport { useStableId } from '../../utils/useStableId';\nimport { getA11yNameAttributes } from '../../utils/a11y';\nimport { mergeIds } from '../../utils/mergeIds';\nimport './style.scss';\n\nexport interface CheckboxProps {\n  className?: string;\n  automationId?: string;\n  defaultChecked?: boolean;\n  /**\n   * Controlled checked value. When provided, the checkbox is controlled by the parent\n   * and its visual state always reflects this prop. Use `onChange` to update the parent state.\n   */\n  checked?: boolean;\n  onChange?: (checked: boolean, e: React.ChangeEvent<HTMLInputElement>) => void;\n  disabled?: boolean;\n  checkMarkType?: 'tick' | 'minus-checkbox' | '';\n  label?: string;\n  disabledLabel?: string;\n  containerAutomationId?: string;\n  /**\n   * Explicit accessible name for the checkbox.\n   * Used as fallback when ariaLabelledBy is not provided and no internal label exists.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of element(s) that label this checkbox (for screen reader association).\n   * Typically used when checkbox is part of a larger labelled context.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this checkbox (provides additional context).\n   * Often used for help text or instructions.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Override the default tabIndex. Pass -1 when the checkbox is used as a\n   * visual-only indicator inside a composite widget (e.g. listbox option).\n   */\n  tabIndex?: number;\n  /**\n   * When true, sets aria-hidden=\"true\" on the checkbox container so the\n   * checkbox role and state are hidden from assistive technology. Use when\n   * the checkbox is purely visual (e.g. inside a role=\"option\" that already\n   * conveys selection state via aria-selected).\n   */\n  ariaHidden?: boolean;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({\n  className = '',\n  automationId = '',\n  defaultChecked = false,\n  checked,\n  disabled = false,\n  onChange,\n  checkMarkType = '',\n  label = '',\n  disabledLabel = '',\n  containerAutomationId = '',\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  tabIndex: tabIndexProp,\n  ariaHidden = false\n}) => {\n  const isControlled = checked !== undefined;\n  const [isChecked, setIsChecked] = useState(isControlled ? checked : defaultChecked);\n\n  useEffect(() => {\n    if (isControlled) {\n      setIsChecked(checked!);\n    } else {\n      setIsChecked(defaultChecked);\n    }\n  }, [checked, defaultChecked]);\n\n  const handleClick = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (disabled) return;\n    if (!isControlled) {\n      setIsChecked((prev) => !prev);\n    }\n    onChange?.(isControlled ? !checked : !isChecked, e);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLLabelElement | HTMLSpanElement>) => {\n    if (disabled) return;\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      e.stopPropagation();\n      const newChecked = isControlled ? !checked : !isChecked;\n      if (!isControlled) {\n        setIsChecked(newChecked);\n      }\n\n      // Create a proper synthetic event for the onChange callback\n      const inputElement = e.currentTarget.closest('label')?.querySelector('input');\n      if (inputElement) {\n        const syntheticEvent = {\n          target: inputElement,\n          currentTarget: inputElement\n        } as React.ChangeEvent<HTMLInputElement>;\n        onChange?.(newChecked, syntheticEvent);\n      }\n    }\n  };\n\n  const getCheckBoxClassName = () => {\n    // Handle disabled states with proper checked status\n    if (disabled) {\n      if (isChecked && checkMarkType === 'tick') return 'disabled-tick';\n      if (isChecked && checkMarkType === 'minus-checkbox') return 'disabled-minus-checkbox';\n      if (isChecked && !checkMarkType) return 'disabled-tick'; // Default to tick for checked disabled\n      return 'disabled-default'; // Unchecked disabled\n    }\n\n    // Handle enabled states\n    if (checkMarkType === 'minus-checkbox' && isChecked) return 'minus-checkbox';\n    return isChecked ? 'checked' : 'unchecked';\n  };\n\n  const getLabelClassName = () => {\n    return disabled ? 'checkbox-label-disabled' : 'checkbox-label';\n  };\n\n  const getLabelText = () => {\n    if (disabled && disabledLabel) {\n      return disabledLabel;\n    }\n    return label;\n  };\n\n  // Generate stable IDs (persists across renders)\n  const inputId = useStableId(undefined, 'checkbox-input');\n  const labelId = label ? `${inputId}-label` : undefined;\n\n  const a11yNameAttributes = getA11yNameAttributes({\n    ariaLabelledBy: mergeIds(labelId, ariaLabelledBy),\n    ariaLabel,\n    ariaDescribedBy\n  });\n\n  // Determine aria-checked value: \"mixed\" for indeterminate, \"true\" for checked, \"false\" for unchecked\n  const getAriaChecked = () => {\n    if (checkMarkType === 'minus-checkbox' && isChecked) {\n      return 'mixed'; // Indeterminate/half-checked state\n    }\n    return isChecked ? 'true' : 'false';\n  };\n\n  return (\n    <div className=\"se-design-checkbox-ctn\" aria-hidden={ariaHidden ? 'true' : undefined}>\n      <label\n        role=\"checkbox\"\n        htmlFor={inputId}\n        className={`se-design-checkbox ${className} ${getCheckBoxClassName()}`}\n        data-automation-id={containerAutomationId || 'checkbox-container'}\n        tabIndex={tabIndexProp !== undefined ? tabIndexProp : disabled ? -1 : 0}\n        aria-checked={getAriaChecked()}\n        aria-disabled={disabled ? 'true' : 'false'}\n        {...a11yNameAttributes}\n        onKeyDown={handleKeyDown}\n      >\n        <input\n          id={inputId}\n          type=\"checkbox\"\n          checked={isChecked}\n          onChange={handleClick}\n          disabled={disabled}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n        />\n        <span className=\"checkbox-item\" data-automation-id={automationId}></span>\n        {getLabelText()?.length > 0 && (\n          <span\n            id={labelId}\n            className={getLabelClassName()}\n            data-automation-id={automationId || (label ? `checkbox-label-${label}` : 'checkbox-label')}\n          >\n            {getLabelText()}\n          </span>\n        )}\n      </label>\n    </div>\n  );\n};\n"],"names":["Checkbox","className","automationId","defaultChecked","checked","disabled","onChange","checkMarkType","label","disabledLabel","containerAutomationId","ariaLabel","ariaLabelledBy","ariaDescribedBy","tabIndex","tabIndexProp","ariaHidden","isControlled","undefined","isChecked","setIsChecked","useState","useEffect","handleClick","e","prev","handleKeyDown","key","preventDefault","stopPropagation","newChecked","inputElement","currentTarget","closest","querySelector","target","getCheckBoxClassName","getLabelClassName","getLabelText","inputId","useStableId","labelId","a11yNameAttributes","getA11yNameAttributes","mergeIds","getAriaChecked","React","createElement","_extends","role","htmlFor","onKeyDown","id","type","length"],"mappings":"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"}

package/dist/index235.js

@@ -1,13 +1,176 @@
-function e() {
-  return e = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var a = arguments[n];
-      for (var r in a) ({}).hasOwnProperty.call(a, r) && (t[r] = a[r]);
-    }
-    return t;
-  }, e.apply(null, arguments);
+import { useState as W, useMemo as F, useEffect as N, useCallback as $ } from "react";
+import { useRovingFocus as C } from "./index70.js";
+const z = (e, o, a, g, m) => {
+  const u = e.toLocaleDateString("en-US", {
+    weekday: "long",
+    month: "long",
+    day: "numeric",
+    year: "numeric"
+  });
+  return m ? u : g ? `${u}, start and end of range` : o ? `${u}, start of range` : a ? `${u}, end of range` : u;
+}, y = (e) => {
+  const o = e.getFullYear(), a = String(e.getMonth() + 1).padStart(2, "0"), g = String(e.getDate()).padStart(2, "0");
+  return `date-${o}-${a}-${g}`;
+}, k = (e, o) => new Date(e, o + 1, 0).getDate(), L = (e) => {
+  const o = e.getFullYear(), a = e.getMonth();
+  return Array.from({
+    length: k(o, a)
+  }, (g, m) => y(new Date(o, a, m + 1)));
+}, x = (e, o, a) => {
+  const g = e.getFullYear(), m = e.getMonth(), u = (r) => r.getFullYear() === g && r.getMonth() === m;
+  if (a.startDate && u(a.startDate)) {
+    const r = new Date(a.startDate);
+    r.setHours(0, 0, 0, 0);
+    const l = y(r);
+    if (o.includes(l)) return l;
+  }
+  if (a.endDate && u(a.endDate)) {
+    const r = new Date(a.endDate);
+    r.setHours(0, 0, 0, 0);
+    const l = y(r);
+    if (o.includes(l)) return l;
+  }
+  const P = /* @__PURE__ */ new Date();
+  if (u(P)) {
+    const r = y(P);
+    if (o.includes(r)) return r;
+  }
+  return o[0] || "";
+};
+function B({
+  leftMonth: e,
+  rightMonth: o,
+  showSingleMonth: a,
+  selectedRange: g,
+  onMonthChange: m
+}) {
+  const [u, P] = W(null), r = F(() => L(e), [e]), l = F(() => L(o), [o]), E = F(() => x(e, r, g), [e, r, g]), H = F(() => x(o, l, g), [o, l, g]), {
+    getRovingItemProps: Y,
+    focusItem: I,
+    getContainerProps: U
+  } = C({
+    itemIds: r,
+    defaultFocusedId: E,
+    orientation: "grid",
+    cols: 7,
+    loop: !1,
+    role: "grid"
+  }), {
+    getRovingItemProps: M,
+    focusItem: h,
+    getContainerProps: G
+  } = C({
+    itemIds: l,
+    defaultFocusedId: H,
+    orientation: "grid",
+    cols: 7,
+    loop: !1,
+    role: "grid"
+  });
+  N(() => {
+    if (!u) return;
+    const f = y(u);
+    r.includes(f) ? (I(f), P(null)) : l.includes(f) && (h(f), P(null));
+  }, [u, r, l, I, h]);
+  const b = $((f, K) => {
+    const v = a || K === "left";
+    m(new Date(f.getFullYear(), f.getMonth(), 1), v), P(new Date(f));
+  }, [a, m]);
+  return {
+    getGridCellProps: $(({
+      isLeftCalendar: f,
+      isDateDisabled: K,
+      handleDateClick: v
+    }) => {
+      const A = f ? "left" : "right", S = f ? I : h, O = f ? Y : M, R = (t, d) => {
+        const s = d.getFullYear(), n = d.getMonth(), p = d.getDate(), w = (c) => {
+          if (c.getFullYear() !== s || c.getMonth() !== n) {
+            b(c, A);
+            return;
+          }
+          S(y(c));
+        };
+        switch (t.key) {
+          case "ArrowLeft":
+            t.preventDefault(), t.stopPropagation(), w(new Date(s, n, p - 1));
+            break;
+          case "ArrowRight":
+            t.preventDefault(), t.stopPropagation(), w(new Date(s, n, p + 1));
+            break;
+          case "ArrowUp":
+            t.preventDefault(), t.stopPropagation(), w(new Date(s, n, p - 7));
+            break;
+          case "ArrowDown":
+            t.preventDefault(), t.stopPropagation(), w(new Date(s, n, p + 7));
+            break;
+          case "Home": {
+            t.preventDefault(), t.stopPropagation();
+            const c = d.getDay(), i = new Date(s, n, p - c), D = i.getMonth() !== n ? new Date(s, n, 1) : i;
+            S(y(D));
+            break;
+          }
+          case "End": {
+            t.preventDefault(), t.stopPropagation();
+            const c = d.getDay(), i = new Date(s, n, p + (6 - c)), D = k(s, n), T = i.getMonth() !== n ? new Date(s, n, D) : i;
+            S(y(T));
+            break;
+          }
+          case "PageUp": {
+            t.preventDefault(), t.stopPropagation();
+            const c = t.shiftKey ? s - 1 : s, i = t.shiftKey ? n : n - 1, D = Math.min(p, k(c, i));
+            b(new Date(c, i, D), A);
+            break;
+          }
+          case "PageDown": {
+            t.preventDefault(), t.stopPropagation();
+            const c = t.shiftKey ? s + 1 : s, i = t.shiftKey ? n : n + 1, D = Math.min(p, k(c, i));
+            b(new Date(c, i, D), A);
+            break;
+          }
+          case "Enter":
+          case " ":
+            t.preventDefault(), K(d) || v(d);
+            break;
+        }
+      };
+      return ({
+        cellId: t,
+        cellDate: d,
+        disabled: s,
+        ariaLabel: n,
+        ariaSelected: p,
+        ariaCurrent: w,
+        ariaDisabled: c
+      }) => {
+        const i = O(t);
+        return {
+          id: t,
+          role: "gridcell",
+          ref: i.ref,
+          tabIndex: i.tabIndex,
+          onFocus: i.onFocus,
+          "aria-label": n,
+          "aria-selected": p,
+          "aria-current": w,
+          "aria-disabled": c,
+          onKeyDown: (D) => R(D, d),
+          onClick: () => {
+            s || v(d);
+          }
+        };
+      };
+    }, [b, I, h, Y, M]),
+    getLeftRovingItemProps: Y,
+    getRightRovingItemProps: M,
+    getLeftContainerProps: U,
+    getRightContainerProps: G,
+    focusLeftItem: I,
+    focusRightItem: h
+  };
 }
 export {
-  e as default
+  y as formatDateId,
+  z as getCellAriaLabel,
+  B as useDatePickerA11y
 };
 //# sourceMappingURL=index235.js.map

package/dist/index235.js.map

@@ -1 +1 @@
-{"version":3,"file":"index235.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js"],"sourcesContent":["function _extends() {\n  return _extends = Object.assign ? Object.assign.bind() : function (n) {\n    for (var e = 1; e < arguments.length; e++) {\n      var t = arguments[e];\n      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n    }\n    return n;\n  }, _extends.apply(null, arguments);\n}\nexport { _extends as default };"],"names":["_extends","n","e","t"],"mappings":"AAAA,SAASA,IAAW;AAClB,SAAOA,IAAW,OAAO,SAAS,OAAO,OAAO,KAAI,IAAK,SAAUC,GAAG;AACpE,aAASC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AACzC,UAAIC,IAAI,UAAUD,CAAC;AACnB,eAAS,KAAKC,EAAG,EAAC,CAAA,GAAI,eAAe,KAAKA,GAAG,CAAC,MAAMF,EAAE,CAAC,IAAIE,EAAE,CAAC;AAAA,IAChE;AACA,WAAOF;AAAA,EACT,GAAGD,EAAS,MAAM,MAAM,SAAS;AACnC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index235.js","sources":["../src/components/DatePicker/useDatePickerA11y.ts"],"sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react';\n\nimport { useRovingFocus, RovingItemProps, RovingContainerProps, AccessibleNameInput } from '../../utils/a11y/useRovingFocus';\nimport type { DateRange } from './index';\n\nexport const getCellAriaLabel = (\n  date: Date,\n  isStart: boolean,\n  isEnd: boolean,\n  isSameStartEnd: boolean,\n  singleDateSelection: boolean\n): string => {\n  const base = date.toLocaleDateString('en-US', {\n    weekday: 'long',\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric'\n  });\n  if (singleDateSelection) return base;\n  if (isSameStartEnd) return `${base}, start and end of range`;\n  if (isStart) return `${base}, start of range`;\n  if (isEnd) return `${base}, end of range`;\n  return base;\n};\n\nexport const formatDateId = (d: Date) => {\n  const y = d.getFullYear();\n  const m = String(d.getMonth() + 1).padStart(2, '0');\n  const dd = String(d.getDate()).padStart(2, '0');\n  return `date-${y}-${m}-${dd}`;\n};\n\nconst getDaysInMonth = (year: number, month: number) => new Date(year, month + 1, 0).getDate();\n\nconst getPanelItemIds = (panelDate: Date): string[] => {\n  const year = panelDate.getFullYear();\n  const month = panelDate.getMonth();\n  return Array.from({ length: getDaysInMonth(year, month) }, (_, i) =>\n    formatDateId(new Date(year, month, i + 1))\n  );\n};\n\nconst getPanelDefaultFocusId = (panelDate: Date, itemIds: string[], selectedRange: DateRange): string => {\n  const year = panelDate.getFullYear();\n  const month = panelDate.getMonth();\n  const isInPanel = (d: Date) => d.getFullYear() === year && d.getMonth() === month;\n\n  // Prefer startDate if it falls in this panel\n  if (selectedRange.startDate && isInPanel(selectedRange.startDate)) {\n    const d = new Date(selectedRange.startDate);\n    d.setHours(0, 0, 0, 0);\n    const id = formatDateId(d);\n    if (itemIds.includes(id)) return id;\n  }\n  // Fall back to endDate if it falls in this panel (e.g. right panel when start is in left panel)\n  if (selectedRange.endDate && isInPanel(selectedRange.endDate)) {\n    const d = new Date(selectedRange.endDate);\n    d.setHours(0, 0, 0, 0);\n    const id = formatDateId(d);\n    if (itemIds.includes(id)) return id;\n  }\n  const today = new Date();\n  if (isInPanel(today)) {\n    const id = formatDateId(today);\n    if (itemIds.includes(id)) return id;\n  }\n  return itemIds[0] || '';\n};\n\ninterface UseDatePickerA11yOptions {\n  leftMonth: Date;\n  rightMonth: Date;\n  showSingleMonth: boolean;\n  selectedRange: DateRange;\n  onMonthChange: (date: Date, isLeft: boolean) => void;\n}\n\ninterface CellKeyDownOptions {\n  isLeftCalendar: boolean;\n  isDateDisabled: (date: Date) => boolean;\n  handleDateClick: (date: Date) => void;\n}\n\ninterface GridCellItemInput {\n  cellId: string;\n  cellDate: Date;\n  disabled: boolean;\n  ariaLabel: string;\n  ariaSelected: boolean;\n  ariaCurrent: 'date' | undefined;\n  ariaDisabled: true | undefined;\n}\n\nexport interface GridCellElementProps {\n  id: string;\n  role: 'gridcell';\n  ref: (el: HTMLElement | null) => void;\n  tabIndex: number;\n  onFocus: () => void;\n  'aria-label': string;\n  'aria-selected': boolean;\n  'aria-current': 'date' | undefined;\n  'aria-disabled': true | undefined;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  onClick: () => void;\n}\n\ninterface UseDatePickerA11yReturn {\n  getGridCellProps: (options: CellKeyDownOptions) => (item: GridCellItemInput) => GridCellElementProps;\n  getLeftRovingItemProps: (id: string) => RovingItemProps;\n  getRightRovingItemProps: (id: string) => RovingItemProps;\n  getLeftContainerProps: (nameInput?: AccessibleNameInput) => RovingContainerProps;\n  getRightContainerProps: (nameInput?: AccessibleNameInput) => RovingContainerProps;\n  focusLeftItem: (id: string) => void;\n  focusRightItem: (id: string) => void;\n}\n\nexport function useDatePickerA11y({\n  leftMonth,\n  rightMonth,\n  showSingleMonth,\n  selectedRange,\n  onMonthChange\n}: UseDatePickerA11yOptions): UseDatePickerA11yReturn {\n  const [keyboardFocusDate, setKeyboardFocusDate] = useState<Date | null>(null);\n\n  const leftItemIds = useMemo(() => getPanelItemIds(leftMonth), [leftMonth]);\n  const rightItemIds = useMemo(() => getPanelItemIds(rightMonth), [rightMonth]);\n\n  const leftDefaultFocusId = useMemo(\n    () => getPanelDefaultFocusId(leftMonth, leftItemIds, selectedRange),\n    [leftMonth, leftItemIds, selectedRange]\n  );\n  const rightDefaultFocusId = useMemo(\n    () => getPanelDefaultFocusId(rightMonth, rightItemIds, selectedRange),\n    [rightMonth, rightItemIds, selectedRange]\n  );\n\n  const { getRovingItemProps: getLeftRovingItemProps, focusItem: focusLeftItem, getContainerProps: getLeftContainerProps } = useRovingFocus({\n    itemIds: leftItemIds,\n    defaultFocusedId: leftDefaultFocusId,\n    orientation: 'grid',\n    cols: 7,\n    loop: false,\n    role: 'grid'\n  });\n\n  const { getRovingItemProps: getRightRovingItemProps, focusItem: focusRightItem, getContainerProps: getRightContainerProps } = useRovingFocus({\n    itemIds: rightItemIds,\n    defaultFocusedId: rightDefaultFocusId,\n    orientation: 'grid',\n    cols: 7,\n    loop: false,\n    role: 'grid'\n  });\n\n  // After keyboard navigation shifts a panel to a new month, focus the target cell via roving focus refs\n  useEffect(() => {\n    if (!keyboardFocusDate) return;\n    const id = formatDateId(keyboardFocusDate);\n    if (leftItemIds.includes(id)) {\n      focusLeftItem(id);\n      setKeyboardFocusDate(null);\n    } else if (rightItemIds.includes(id)) {\n      focusRightItem(id);\n      setKeyboardFocusDate(null);\n    }\n  }, [keyboardFocusDate, leftItemIds, rightItemIds, focusLeftItem, focusRightItem]);\n\n  // Navigate the keyboard focus to a date that may be in a different month.\n  // Each panel advances completely independently — never touches the other panel.\n  const handleKeyboardNavigate = useCallback(\n    (targetDate: Date, sourcePanel: 'left' | 'right') => {\n      const isLeft = showSingleMonth || sourcePanel === 'left';\n      onMonthChange(new Date(targetDate.getFullYear(), targetDate.getMonth(), 1), isLeft);\n      setKeyboardFocusDate(new Date(targetDate));\n    },\n    [showSingleMonth, onMonthChange]\n  );\n\n  const getGridCellProps = useCallback(\n    ({ isLeftCalendar, isDateDisabled, handleDateClick }: CellKeyDownOptions) => {\n      const panel: 'left' | 'right' = isLeftCalendar ? 'left' : 'right';\n      const focusPanelItem = isLeftCalendar ? focusLeftItem : focusRightItem;\n      const getRovingItemProps = isLeftCalendar ? getLeftRovingItemProps : getRightRovingItemProps;\n\n      const handleKeyDown = (e: React.KeyboardEvent, cellDate: Date) => {\n        const cellYear = cellDate.getFullYear();\n        const cellMonth = cellDate.getMonth();\n        const cellDay = cellDate.getDate();\n\n        const navigateTo = (targetDate: Date) => {\n          if (targetDate.getFullYear() !== cellYear || targetDate.getMonth() !== cellMonth) {\n            handleKeyboardNavigate(targetDate, panel);\n            return;\n          }\n          focusPanelItem(formatDateId(targetDate));\n        };\n\n        switch (e.key) {\n          case 'ArrowLeft':\n            e.preventDefault(); e.stopPropagation();\n            navigateTo(new Date(cellYear, cellMonth, cellDay - 1));\n            break;\n          case 'ArrowRight':\n            e.preventDefault(); e.stopPropagation();\n            navigateTo(new Date(cellYear, cellMonth, cellDay + 1));\n            break;\n          case 'ArrowUp':\n            e.preventDefault(); e.stopPropagation();\n            navigateTo(new Date(cellYear, cellMonth, cellDay - 7));\n            break;\n          case 'ArrowDown':\n            e.preventDefault(); e.stopPropagation();\n            navigateTo(new Date(cellYear, cellMonth, cellDay + 7));\n            break;\n          case 'Home': {\n            // First day of the current week row (Sunday), clamped to month start\n            e.preventDefault(); e.stopPropagation();\n            const dayOfWeek = cellDate.getDay();\n            const homeDate = new Date(cellYear, cellMonth, cellDay - dayOfWeek);\n            const clamped = homeDate.getMonth() !== cellMonth ? new Date(cellYear, cellMonth, 1) : homeDate;\n            focusPanelItem(formatDateId(clamped));\n            break;\n          }\n          case 'End': {\n            // Last day of the current week row (Saturday), clamped to month end\n            e.preventDefault(); e.stopPropagation();\n            const dayOfWeek = cellDate.getDay();\n            const endDate = new Date(cellYear, cellMonth, cellDay + (6 - dayOfWeek));\n            const daysInThisMonth = getDaysInMonth(cellYear, cellMonth);\n            const clamped =\n              endDate.getMonth() !== cellMonth ? new Date(cellYear, cellMonth, daysInThisMonth) : endDate;\n            focusPanelItem(formatDateId(clamped));\n            break;\n          }\n          case 'PageUp': {\n            // Shift+PageUp = previous year, PageUp = previous month\n            e.preventDefault(); e.stopPropagation();\n            const tYear = e.shiftKey ? cellYear - 1 : cellYear;\n            const tMonth = e.shiftKey ? cellMonth : cellMonth - 1;\n            const tDay = Math.min(cellDay, getDaysInMonth(tYear, tMonth));\n            handleKeyboardNavigate(new Date(tYear, tMonth, tDay), panel);\n            break;\n          }\n          case 'PageDown': {\n            // Shift+PageDown = next year, PageDown = next month\n            e.preventDefault(); e.stopPropagation();\n            const tYear = e.shiftKey ? cellYear + 1 : cellYear;\n            const tMonth = e.shiftKey ? cellMonth : cellMonth + 1;\n            const tDay = Math.min(cellDay, getDaysInMonth(tYear, tMonth));\n            handleKeyboardNavigate(new Date(tYear, tMonth, tDay), panel);\n            break;\n          }\n          case 'Enter':\n          case ' ':\n            e.preventDefault();\n            if (!isDateDisabled(cellDate)) {\n              handleDateClick(cellDate);\n            }\n            break;\n        }\n      };\n\n      return ({ cellId, cellDate, disabled, ariaLabel, ariaSelected, ariaCurrent, ariaDisabled }: GridCellItemInput): GridCellElementProps => {\n        const rovingProps = getRovingItemProps(cellId);\n        return {\n          id: cellId,\n          role: 'gridcell',\n          ref: rovingProps.ref,\n          tabIndex: rovingProps.tabIndex,\n          onFocus: rovingProps.onFocus,\n          'aria-label': ariaLabel,\n          'aria-selected': ariaSelected,\n          'aria-current': ariaCurrent,\n          'aria-disabled': ariaDisabled,\n          onKeyDown: (e: React.KeyboardEvent) => handleKeyDown(e, cellDate),\n          onClick: () => { if (!disabled) handleDateClick(cellDate); }\n        };\n      };\n    },\n    [handleKeyboardNavigate, focusLeftItem, focusRightItem, getLeftRovingItemProps, getRightRovingItemProps]\n  );\n\n  return {\n    getGridCellProps,\n    getLeftRovingItemProps,\n    getRightRovingItemProps,\n    getLeftContainerProps,\n    getRightContainerProps,\n    focusLeftItem,\n    focusRightItem\n  };\n}\n"],"names":["useState","useMemo","useEffect","useCallback","useRovingFocus","getCellAriaLabel","date","isStart","isEnd","isSameStartEnd","singleDateSelection","base","toLocaleDateString","weekday","month","day","year","formatDateId","d","y","getFullYear","m","String","getMonth","padStart","dd","getDate","getDaysInMonth","Date","getPanelItemIds","panelDate","Array","from","length","_","i","getPanelDefaultFocusId","itemIds","selectedRange","isInPanel","startDate","setHours","id","includes","endDate","today","useDatePickerA11y","leftMonth","rightMonth","showSingleMonth","onMonthChange","keyboardFocusDate","setKeyboardFocusDate","leftItemIds","rightItemIds","leftDefaultFocusId","rightDefaultFocusId","getRovingItemProps","getLeftRovingItemProps","focusItem","focusLeftItem","getContainerProps","getLeftContainerProps","defaultFocusedId","orientation","cols","loop","role","getRightRovingItemProps","focusRightItem","getRightContainerProps","handleKeyboardNavigate","targetDate","sourcePanel","isLeft","getGridCellProps","isLeftCalendar","isDateDisabled","handleDateClick","panel","focusPanelItem","handleKeyDown","e","cellDate","cellYear","cellMonth","cellDay","navigateTo","key","preventDefault","stopPropagation","dayOfWeek","getDay","homeDate","clamped","daysInThisMonth","tYear","shiftKey","tMonth","tDay","Math","min","cellId","disabled","ariaLabel","ariaSelected","ariaCurrent","ariaDisabled","rovingProps","ref","tabIndex","onFocus","onKeyDown","onClick"],"mappings":"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"}

package/dist/index236.js

@@ -1,8 +1,7 @@
-import e from "./index239.js";
-function p(o, t) {
-  o.prototype = Object.create(t.prototype), o.prototype.constructor = o, e(o, t);
+function n(e) {
+  return new Promise((t) => setTimeout(t, e));
 }
 export {
-  p as default
+  n as delay
 };
 //# sourceMappingURL=index236.js.map

package/dist/index236.js.map

@@ -1 +1 @@
-{"version":3,"file":"index236.js","sources":["../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js"],"sourcesContent":["import setPrototypeOf from \"./setPrototypeOf.js\";\nfunction _inheritsLoose(t, o) {\n  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, setPrototypeOf(t, o);\n}\nexport { _inheritsLoose as default };"],"names":["_setPrototypeOf","_inheritsLoose","t","o","setPrototypeOf"],"mappings":"AACA,OAAAA,OAAA;AAAA,SAASC,EAAeC,GAAGC,GAAG;AAC5B,EAAAD,EAAE,YAAY,OAAO,OAAOC,EAAE,SAAS,GAAGD,EAAE,UAAU,cAAcA,GAAGE,EAAeF,GAAGC,CAAC;AAC5F;","x_google_ignoreList":[0]}
+{"version":3,"file":"index236.js","sources":["../src/utils/delay.ts"],"sourcesContent":["/**\n * Delays execution by the specified number of milliseconds\n * @param ms - The number of milliseconds to delay\n * @returns A Promise that resolves after the specified delay\n */\nexport function delay(ms: number): Promise<void> {\n    return new Promise(resolve => setTimeout(resolve, ms));\n} "],"names":["delay","ms","Promise","resolve","setTimeout"],"mappings":"AAKO,SAASA,EAAMC,GAA2B;AAC7C,SAAO,IAAIC,QAAQC,CAAAA,MAAWC,WAAWD,GAASF,CAAE,CAAC;AACzD;"}

package/dist/index238.js

@@ -1,14 +1,22 @@
-import { __module as r } from "./index242.js";
-import { __require as e } from "./index243.js";
-import { __require as o } from "./index244.js";
-import { __require as p } from "./index245.js";
-if (process.env.NODE_ENV !== "production") {
-  var s = e(), i = !0;
-  r.exports = o()(s.isElement, i);
-} else
-  r.exports = p()();
-var _ = r.exports;
+import { useEffect as s } from "react";
+const u = {
+  block: "nearest"
+};
+function m({
+  containerRef: t,
+  activeIndex: o,
+  itemSelector: r = '[role="option"]',
+  enabled: c = !0,
+  scrollOptions: e = u
+}) {
+  s(() => {
+    if (!c || o < 0 || !t?.current)
+      return;
+    const n = t.current.querySelectorAll(r)[o];
+    n && n.scrollIntoView(e);
+  }, [o, t, r, c, e]);
+}
 export {
-  _ as p
+  m as useScrollActiveIntoView
 };
 //# sourceMappingURL=index238.js.map

package/dist/index238.js.map

@@ -1 +1 @@
-{"version":3,"file":"index238.js","sources":["../node_modules/prop-types/index.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n"],"names":["ReactIs","require$$0","throwOnDirectAccess","propTypesModule","require$$1","require$$2"],"mappings":";;;;AAOA,IAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,MAAIA,IAAUC,EAAA,GAIVC,IAAsB;AAC1BC,EAAAA,EAAA,UAAiBC,EAAA,EAAqCJ,EAAQ,WAAWE,CAAmB;AAC9F;AAGEC,EAAAA,EAAA,UAAiBE,IAAqC;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index238.js","sources":["../src/utils/a11y/useScrollActiveIntoView.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nconst DEFAULT_SCROLL_OPTIONS: ScrollIntoViewOptions = { block: 'nearest' };\n\nexport interface UseScrollActiveIntoViewOptions {\n  /**\n   * Ref to the container element\n   */\n  containerRef?: RefObject<HTMLElement | null>;\n  \n  /**\n   * Index of the currently active/highlighted item (-1 if none)\n   */\n  activeIndex: number;\n  \n  /**\n   * CSS selector for item elements\n   * Default: '[role=\"option\"]'\n   */\n  itemSelector?: string;\n  \n  /**\n   * Whether scrolling is enabled\n   * Default: true\n   */\n  enabled?: boolean;\n  \n  /**\n   * ScrollIntoView options\n   * Default: { block: 'nearest' }\n   */\n  scrollOptions?: ScrollIntoViewOptions;\n}\n\n/**\n * Hook to automatically scroll the active item into view.\n * \n * Useful for aria-activedescendant patterns where DOM focus stays\n * on the container (e.g., input field) but we need to visually show\n * which descendant option is logically active.\n * \n * Common use cases:\n * - Combobox dropdown options\n * - Menu items with virtual focus\n * - Grid cells with keyboard navigation\n * - Tree view items\n * - Listbox options\n * \n * @example\n * ```tsx\n * const [highlightedIndex, setHighlightedIndex] = useState(-1);\n * const listboxRef = useRef<HTMLDivElement>(null);\n * \n * useScrollActiveIntoView({\n *   containerRef: listboxRef,\n *   activeIndex: highlightedIndex,\n *   itemSelector: '[role=\"option\"]'\n * });\n * \n * // Now when highlightedIndex changes, the item scrolls into view\n * ```\n * \n * @example Custom scroll behavior\n * ```tsx\n * useScrollActiveIntoView({\n *   containerRef: menuRef,\n *   activeIndex: activeMenuIndex,\n *   itemSelector: '[role=\"menuitem\"]',\n *   scrollOptions: { block: 'center', behavior: 'smooth' }\n * });\n * ```\n */\nexport function useScrollActiveIntoView({\n  containerRef,\n  activeIndex,\n  itemSelector = '[role=\"option\"]',\n  enabled = true,\n  scrollOptions = DEFAULT_SCROLL_OPTIONS\n}: UseScrollActiveIntoViewOptions): void {\n  useEffect(() => {\n    // Early returns for disabled states\n    if (!enabled || activeIndex < 0 || !containerRef?.current) {\n      return;\n    }\n    \n    const container = containerRef.current;\n    const items = container.querySelectorAll(itemSelector);\n    const activeItem = items[activeIndex] as HTMLElement;\n    \n    if (activeItem) {\n      activeItem.scrollIntoView(scrollOptions);\n    }\n  }, [activeIndex, containerRef, itemSelector, enabled, scrollOptions]);\n}\n"],"names":["useEffect","DEFAULT_SCROLL_OPTIONS","block","useScrollActiveIntoView","containerRef","activeIndex","itemSelector","enabled","scrollOptions","current","activeItem","querySelectorAll","scrollIntoView"],"mappings":"AAGA,SAAA,aAAAA,SAAA;AAAA,MAAMC,IAAgD;AAAA,EAAEC,OAAO;AAAU;AAsElE,SAASC,EAAwB;AAAA,EACtCC,cAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA,IAAe;AAAA,EACfC,SAAAA,IAAU;AAAA,EACVC,eAAAA,IAAgBP;AACc,GAAS;AACvCD,EAAAA,EAAU,MAAM;AAEd,QAAI,CAACO,KAAWF,IAAc,KAAK,CAACD,GAAcK;AAChD;AAKF,UAAMC,IAFYN,EAAaK,QACPE,iBAAiBL,CAAY,EAC5BD,CAAW;AAEpC,IAAIK,KACFA,EAAWE,eAAeJ,CAAa;AAAA,EAE3C,GAAG,CAACH,GAAaD,GAAcE,GAAcC,GAASC,CAAa,CAAC;AACtE;"}

package/dist/index239.js

@@ -1,9 +1,13 @@
-function e(o, r) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
-    return t.__proto__ = n, t;
-  }, e(o, r);
+function r(t, i) {
+  if (t == null) return {};
+  var o = {};
+  for (var e in t) if ({}.hasOwnProperty.call(t, e)) {
+    if (i.indexOf(e) !== -1) continue;
+    o[e] = t[e];
+  }
+  return o;
 }
 export {
-  e as default
+  r as default
 };
 //# sourceMappingURL=index239.js.map

package/dist/index239.js.map

@@ -1 +1 @@
-{"version":3,"file":"index239.js","sources":["../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js"],"sourcesContent":["function _setPrototypeOf(t, e) {\n  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {\n    return t.__proto__ = e, t;\n  }, _setPrototypeOf(t, e);\n}\nexport { _setPrototypeOf as default };"],"names":["_setPrototypeOf","t","e"],"mappings":"AAAA,SAASA,EAAgBC,GAAGC,GAAG;AAC7B,SAAOF,IAAkB,OAAO,iBAAiB,OAAO,eAAe,KAAI,IAAK,SAAU,GAAGE,GAAG;AAC9F,WAAO,EAAE,YAAYA,GAAG;AAAA,EAC1B,GAAGF,EAAgBC,GAAGC,CAAC;AACzB;","x_google_ignoreList":[0]}
+{"version":3,"file":"index239.js","sources":["../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["function _objectWithoutPropertiesLoose(r, e) {\n  if (null == r) return {};\n  var t = {};\n  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n    if (-1 !== e.indexOf(n)) continue;\n    t[n] = r[n];\n  }\n  return t;\n}\nexport { _objectWithoutPropertiesLoose as default };"],"names":["_objectWithoutPropertiesLoose","r","e","t","n"],"mappings":"AAAA,SAASA,EAA8BC,GAAGC,GAAG;AAC3C,MAAYD,KAAR,KAAW,QAAO,CAAA;AACtB,MAAIE,IAAI,CAAA;AACR,WAASC,KAAKH,EAAG,KAAI,CAAA,EAAG,eAAe,KAAKA,GAAGG,CAAC,GAAG;AACjD,QAAWF,EAAE,QAAQE,CAAC,MAAlB,GAAqB;AACzB,IAAAD,EAAEC,CAAC,IAAIH,EAAEG,CAAC;AAAA,EACZ;AACA,SAAOD;AACT;","x_google_ignoreList":[0]}