se-design 1.0.81 → 1.0.83-dev.0

package/dist/index229.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index229.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index241.js

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

package/dist/index241.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index241.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  inRange: boolean = false\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  if (inRange) return `${base}, in 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  ariaCurrent: 'date' | undefined;\n  ariaDisabled: true | undefined;\n}\n\nexport interface GridCellElementProps {\n  id: string;\n  ref: (el: HTMLElement | null) => void;\n  tabIndex: number;\n  onFocus: () => void;\n  'aria-label': string;\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, ariaCurrent, ariaDisabled }: GridCellItemInput): GridCellElementProps => {\n        const rovingProps = getRovingItemProps(cellId);\n        return {\n          id: cellId,\n          ref: rovingProps.ref,\n          tabIndex: rovingProps.tabIndex,\n          onFocus: rovingProps.onFocus,\n          'aria-label': ariaLabel,\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","inRange","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","ariaCurrent","ariaDisabled","rovingProps","ref","tabIndex","onFocus","onKeyDown","onClick"],"mappings":"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"}

package/dist/index242.js

@@ -1,7 +0,0 @@
-function n(e) {
-  return new Promise((t) => setTimeout(t, e));
-}
-export {
-  n as delay
-};
-//# sourceMappingURL=index242.js.map

package/dist/index242.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index242.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/index246.js

@@ -1,8 +0,0 @@
-import e from "./index249.js";
-function p(o, t) {
-  o.prototype = Object.create(t.prototype), o.prototype.constructor = o, e(o, t);
-}
-export {
-  p as default
-};
-//# sourceMappingURL=index246.js.map

package/dist/index246.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index246.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]}

package/dist/index49.js

@@ -1,152 +0,0 @@
-import t, { useState as C, useMemo as f, useEffect as D } from "react";
-import "./index3.js";
-import "./index4.js";
-import { Icon as w } from "./index6.js";
-import "./index72.js";
-import { useTabsA11y as O } from "./index73.js";
-import { MenuList as _ } from "./index18.js";
-import "./index9.js";
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-import "react-dom";
-import "./index17.js";
-import { Popover as $ } from "./index19.js";
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-import { TabButton as j } from "./index232.js";
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-import "./index60.js";
-/* empty css         */
-/* empty css         */
-import "./index64.js";
-/* empty css         */
-function c() {
-  return c = Object.assign ? Object.assign.bind() : function(i) {
-    for (var o = 1; o < arguments.length; o++) {
-      var n = arguments[o];
-      for (var s in n) ({}).hasOwnProperty.call(n, s) && (i[s] = n[s]);
-    }
-    return i;
-  }, c.apply(null, arguments);
-}
-const Se = ({
-  defaultActiveNavigationItem: i,
-  navigationItems: o,
-  onNavigationItemChange: n,
-  isCompactView: s = !1,
-  keyboardActivationMode: x = "automatic",
-  orientation: y = "horizontal",
-  ariaLabel: E = "Sections",
-  ariaLabelledBy: P,
-  idBase: h = ""
-}) => {
-  const N = i || o[0]?.id || "", [l, m] = C(N), v = f(() => o.filter((e) => !e.disabled).map((e) => e.id), [o]), {
-    getTabProps: T,
-    setFocusedTabId: d,
-    handleKeyDown: k,
-    getPanelProps: b,
-    getTabListProps: F
-  } = O({
-    itemIds: v,
-    orientation: y,
-    activeItem: l,
-    idBase: h
-  });
-  D(() => {
-    i && (m(i), d(i));
-  }, [i, d]);
-  const u = (e) => {
-    e?.disabled || (m(e?.id), n?.(e?.id));
-  }, S = (e) => {
-    const r = o.find((a) => a.id === e);
-    !r || r.disabled || (m(e), n?.(e));
-  }, g = f(() => o.map((e) => {
-    const r = e.id === l, a = r && e.panelHasFocusableContent === !1 ? 0 : void 0;
-    return /* @__PURE__ */ t.createElement("div", c({
-      key: e.id
-    }, b(e.id), {
-      hidden: !r,
-      tabIndex: a,
-      className: `navigation-item-content ${r ? "block" : "hidden"}`
-    }), r && e?.renderNavigationItemContent?.(e));
-  }), [o, l, b]), B = o.find((e) => e.id === l);
-  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", c({
-    className: "se-design-navigation-bar flex items-center gap-4",
-    "data-automation-id": "navigation-bar-container"
-  }, F({
-    ariaLabel: E,
-    ariaLabelledBy: P
-  })), !s && o.map((e) => {
-    const r = l === e.id, a = e.disabled, p = T(e.id);
-    return /* @__PURE__ */ t.createElement(j, {
-      key: e.id,
-      ref: p.ref,
-      tabIndex: p.tabIndex,
-      id: p.id,
-      label: e.label,
-      isSelected: r,
-      isDisabled: a,
-      panelId: p["aria-controls"],
-      onClick: () => u(e),
-      onFocus: () => {
-        p.onFocus(), x === "automatic" && !a && S(e.id);
-      },
-      onKeyDown: k,
-      className: `text-base ${a ? "text-[var(--color-gray-400)] cursor-not-allowed" : r ? "text-[var(--color-gray-900)] font-bold hover:cursor-pointer" : "text-[var(--color-gray-700)] font-normal hover:text-[var(--color-gray-900)] cursor-pointer"} focus-outline rounded-[6px]`,
-      automationId: `navigation-item-${e.id}`
-    });
-  }), s && /* @__PURE__ */ t.createElement($, {
-    className: "navigation-bar-popover",
-    position: "bottom-left",
-    noBorder: !0,
-    renderPopoverSrcElement: ({
-      displayPopover: e
-    }) => /* @__PURE__ */ t.createElement("div", {
-      className: "navigation-bar-popover-src-element flex items-center gap-1 cursor-pointer"
-    }, /* @__PURE__ */ t.createElement("label", {
-      className: "font-semibold cursor-pointer"
-    }, B?.label), /* @__PURE__ */ t.createElement(w, {
-      name: "chevron",
-      rotation: e ? "180" : "0"
-    })),
-    renderPopoverContents: ({
-      closePopoverCb: e
-    }) => /* @__PURE__ */ t.createElement(_, {
-      items: o.map((r) => ({
-        id: r.id,
-        label: r.label,
-        onClick: () => {
-          u(r), e();
-        }
-      }))
-    })
-  })), /* @__PURE__ */ t.createElement("div", {
-    className: "se-design-navigation-bar-content"
-  }, g));
-};
-export {
-  Se as NavigationBar
-};
-//# sourceMappingURL=index49.js.map

package/dist/index49.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index49.js","sources":["../src/components/NavigationBar/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useState,useMemo, useEffect } from 'react';\nimport { Popover, MenuList, Icon } from 'src/components';\nimport { TabButton } from './TabButton';\nimport { useTabsA11y } from '../../utils/a11y';\n\nexport interface NavigationItemProps {\n  label: string;\n  id: string;\n  disabled?: boolean;\n  panelHasFocusableContent?: boolean; // If false, the panel itself will be tabbable when active\n  renderNavigationItemContent?: (navigationItem: NavigationItemProps) => ReactNode;\n}\n\ninterface NavigationBarProps {\n  defaultActiveNavigationItem?: string;\n  navigationItems: NavigationItemProps[];\n  isCompactView?: boolean;\n  onNavigationItemChange?: (navigationItemId: string) => void;\n  keyboardActivationMode?: 'automatic' | 'manual'; //manual: arrow keys move focus only; Enter/Space activates the focused tab\n  orientation?: 'horizontal' | 'vertical'; // required for aria and arrow shortcuts\n  ariaLabel?: string; // Used when ariaLabelledBy is not provided\n  ariaLabelledBy?: string; // ID of element that labels this tablist (preferred over ariaLabel when visible label exists)\n  idBase?: string; //optional ID namespace to avoid collisions\n}\n\nexport const NavigationBar: FC<NavigationBarProps> = ({\n  defaultActiveNavigationItem,\n  navigationItems,\n  onNavigationItemChange,\n  isCompactView = false,\n  keyboardActivationMode = 'automatic',\n  orientation = 'horizontal',\n  ariaLabel = 'Sections',\n  ariaLabelledBy,\n  idBase = ''\n}) => {\n  const defaultNavigationItemId = defaultActiveNavigationItem || navigationItems[0]?.id || '';\n  const [activeNavigationItem, setActiveNavigationItem] = useState<string>(defaultNavigationItemId);\n\n  // Exclude disabled tabs from roving focus (keeps native disabled buttons, avoids focus-on-disabled).\n  const itemIds = useMemo(\n    () => navigationItems.filter((item) => !item.disabled).map((item) => item.id),\n    [navigationItems]\n  );\n\n  // Hook for managing Tabs (NavigationBar) focus and ARIA props.\n  const { getTabProps, setFocusedTabId, handleKeyDown, getPanelProps, getTabListProps } = useTabsA11y({\n    itemIds,\n    orientation,\n    activeItem: activeNavigationItem,\n    idBase\n  });\n\n  useEffect(() => {\n    if (defaultActiveNavigationItem) {\n      setActiveNavigationItem(defaultActiveNavigationItem);\n      setFocusedTabId(defaultActiveNavigationItem);\n    }\n  }, [defaultActiveNavigationItem, setFocusedTabId]);\n\n  const handleNavigationItemClick = (navigationItem: NavigationItemProps) => {\n    if (navigationItem?.disabled) return;\n    setActiveNavigationItem(navigationItem?.id);\n    onNavigationItemChange?.(navigationItem?.id);\n  };\n\n  const activateTabById = (id: string) => {\n    const item = navigationItems.find((i) => i.id === id);\n    if (!item || item.disabled) return;\n    setActiveNavigationItem(id);\n    onNavigationItemChange?.(id);\n  };\n\n  const renderPanels = useMemo(() => {\n    return navigationItems.map((navigationItem) => {\n      const isSelected = navigationItem.id === activeNavigationItem;\n      const panelTabIndex = isSelected && navigationItem.panelHasFocusableContent === false ? 0 : undefined;\n\n      return (\n        <div\n          key={navigationItem.id}\n          {...getPanelProps(navigationItem.id)}\n          hidden={!isSelected}\n          tabIndex={panelTabIndex}\n          className={`navigation-item-content ${isSelected ? 'block' : 'hidden'}`}\n        >\n          {isSelected && navigationItem?.renderNavigationItemContent?.(navigationItem)}\n        </div>\n      );\n    });\n  }, [navigationItems, activeNavigationItem, getPanelProps]);\n\n  const activeNavigationItemData = navigationItems.find((item) => item.id === activeNavigationItem);\n\n  return (\n    <>\n      <div\n        className=\"se-design-navigation-bar flex items-center gap-4\"\n        data-automation-id=\"navigation-bar-container\"\n        {...getTabListProps({ ariaLabel, ariaLabelledBy })}\n      >\n        {!isCompactView && navigationItems.map((navigationItem) => {\n          const isSelected = activeNavigationItem === navigationItem.id;\n          const isDisabled = navigationItem.disabled;\n\n          const tabProps = getTabProps(navigationItem.id);\n\n          return (\n            <TabButton\n              key={navigationItem.id}\n              ref={tabProps.ref as (el: HTMLButtonElement | null) => void}\n              tabIndex={tabProps.tabIndex}\n              id={tabProps.id}\n              label={navigationItem.label}\n              isSelected={isSelected}\n              isDisabled={isDisabled}\n              panelId={tabProps['aria-controls']}\n              onClick={() => handleNavigationItemClick(navigationItem)}\n              onFocus={() => {\n                tabProps.onFocus();\n                if (keyboardActivationMode === 'automatic' && !isDisabled) {\n                  activateTabById(navigationItem.id);\n                }\n              }}\n              onKeyDown={handleKeyDown}\n              className={`text-base ${\n                isDisabled\n                  ? 'text-[var(--color-gray-400)] cursor-not-allowed'\n                  : isSelected\n                  ? 'text-[var(--color-gray-900)] font-bold hover:cursor-pointer'\n                  : 'text-[var(--color-gray-700)] font-normal hover:text-[var(--color-gray-900)] cursor-pointer'\n              } focus-outline rounded-[6px]`}\n              automationId={`navigation-item-${navigationItem.id}`}\n            />\n          );\n        })}\n        {isCompactView && (\n          <Popover\n            className=\"navigation-bar-popover\"\n            position=\"bottom-left\"\n            noBorder\n            renderPopoverSrcElement={({ displayPopover }) => (\n              <div className=\"navigation-bar-popover-src-element flex items-center gap-1 cursor-pointer\">\n                <label className=\"font-semibold cursor-pointer\">{activeNavigationItemData?.label}</label>\n                <Icon name=\"chevron\" rotation={displayPopover ? '180' : '0'} />\n              </div>\n            )}\n            renderPopoverContents={({ closePopoverCb }) => (\n              <MenuList items={navigationItems.map((item) => ({\n                id: item.id,\n                label: item.label,\n                onClick: () => {\n                  handleNavigationItemClick(item);\n                  closePopoverCb();\n                }\n              }))}\n              />\n            )}\n          />\n        )}\n      </div>\n\n      <div className=\"se-design-navigation-bar-content\">\n        {renderPanels}\n      </div>\n    </>\n  );\n};\n"],"names":["NavigationBar","defaultActiveNavigationItem","navigationItems","onNavigationItemChange","isCompactView","keyboardActivationMode","orientation","ariaLabel","ariaLabelledBy","idBase","defaultNavigationItemId","id","activeNavigationItem","setActiveNavigationItem","useState","itemIds","useMemo","filter","item","disabled","map","getTabProps","setFocusedTabId","handleKeyDown","getPanelProps","getTabListProps","useTabsA11y","activeItem","useEffect","handleNavigationItemClick","navigationItem","activateTabById","find","i","renderPanels","isSelected","panelTabIndex","panelHasFocusableContent","undefined","React","createElement","_extends","key","hidden","tabIndex","className","renderNavigationItemContent","activeNavigationItemData","Fragment","isDisabled","tabProps","TabButton","ref","label","panelId","onClick","onFocus","onKeyDown","automationId","Popover","position","noBorder","renderPopoverSrcElement","displayPopover","Icon","name","rotation","renderPopoverContents","closePopoverCb","MenuList","items"],"mappings":"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"}

package/dist/index83.js

@@ -1,9 +0,0 @@
-import { useRef as n } from "react";
-function u(e, t = "se-id") {
-  const r = n("");
-  return r.current || (r.current = `${t}-${crypto.randomUUID()}`), e || r.current;
-}
-export {
-  u as useStableId
-};
-//# sourceMappingURL=index83.js.map

package/dist/index83.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index83.js","sources":["../src/utils/useStableId.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/**\n * Generates a stable unique ID for component instances (React 16 compatible).\n * Returns the provided id if given, otherwise generates a stable per-mount id.\n * \n * @param id - Optional explicit id\n * @param prefix - Prefix for auto-generated ids (default: 'se-id')\n * @returns Stable id string\n */\nexport function useStableId(id?: string, prefix: string = 'se-id'): string {\n  const autoIdRef = useRef<string>('');\n  \n  if (!autoIdRef.current) {\n    autoIdRef.current = `${prefix}-${crypto.randomUUID()}`;\n  }\n  \n  return id || autoIdRef.current;\n}\n\n\n\n\n\n\n\n"],"names":["useRef","useStableId","id","prefix","autoIdRef","current","crypto","randomUUID"],"mappings":"AAUO,SAAA,UAAAA,SAAA;AAAA,SAASC,EAAYC,GAAaC,IAAiB,SAAiB;AACzE,QAAMC,IAAYJ,EAAe,EAAE;AAEnC,SAAKI,EAAUC,YACbD,EAAUC,UAAU,GAAGF,CAAM,IAAIG,OAAOC,YAAY,KAG/CL,KAAME,EAAUC;AACzB;"}