@wipco/sdui 1.6.1 → 1.7.0

package/dist/chunk-MUXGTVEA.js

@@ -0,0 +1,421 @@
+import { OverlayContainerContext, getOverlayRoot, useOverlayLayer } from './chunk-R2ORCOTG.js';
+import { HoistedStyle } from './chunk-RIZRM7OO.js';
+import { IconButton } from './chunk-OWM7E55U.js';
+import React2, { useState, useRef, useEffect, useLayoutEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createPortal } from 'react-dom';
+
+var KO_CALENDAR_NAV_LOCALE = {
+  formatCaption: (year, month) => `${year}\uB144 ${month}\uC6D4`,
+  formatYear: (year) => `${year}\uB144`,
+  formatMonth: (month) => `${month}\uC6D4`,
+  formatDecade: (from, to) => `${from}~${to}`,
+  prevMonthLabel: "\uC774\uC804 \uB2EC",
+  nextMonthLabel: "\uB2E4\uC74C \uB2EC",
+  prevYearLabel: "\uC774\uC804 \uD574",
+  nextYearLabel: "\uB2E4\uC74C \uD574",
+  prevDecadeLabel: "\uC774\uC804 10\uB144",
+  nextDecadeLabel: "\uB2E4\uC74C 10\uB144",
+  prevCenturyLabel: "\uC774\uC804 100\uB144",
+  nextCenturyLabel: "\uB2E4\uC74C 100\uB144",
+  zoomLabel: "\uB2EC\xB7\uC5F0\uB3C4 \uACE0\uB974\uAE30",
+  monthGridLabel: "\uB2EC \uC120\uD0DD",
+  yearGridLabel: "\uC5F0\uB3C4 \uC120\uD0DD"
+};
+function resolveCalendarNavLocale(locale) {
+  const out = { ...KO_CALENDAR_NAV_LOCALE };
+  if (!locale) return out;
+  for (const key of Object.keys(KO_CALENDAR_NAV_LOCALE)) {
+    const given = locale[key];
+    if (given !== void 0) out[key] = given;
+  }
+  return out;
+}
+function CalendarNav({
+  title,
+  onZoomOut,
+  zoomLabel,
+  titleProps,
+  titleRef,
+  labels,
+  disabled,
+  onStep,
+  sides = "both",
+  size = "sm",
+  className
+}) {
+  const showStart = sides === "both" || sides === "start";
+  const showEnd = sides === "both" || sides === "end";
+  const btn = (step, icon) => {
+    const off = Boolean(disabled?.[step]);
+    return /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        className: "wp-calnav__btn",
+        size,
+        icon,
+        label: labels[step],
+        "aria-disabled": off || void 0,
+        onClick: off ? void 0 : () => onStep(step)
+      }
+    );
+  };
+  const blank = /* @__PURE__ */ jsx("span", { className: `wp-iconbtn wp-iconbtn--${size} wp-calnav__btn wp-calnav__btn--blank`, "aria-hidden": true });
+  const classes = ["wp-calnav", `wp-calnav--${size}`];
+  if (className) classes.push(className);
+  return /* @__PURE__ */ jsxs("div", { className: classes.join(" "), children: [
+    /* @__PURE__ */ jsx(HoistedStyle, { id: "wp-calnav", css: CALNAV_CSS }),
+    /* @__PURE__ */ jsxs("span", { className: "wp-calnav__side wp-calnav__side--start", children: [
+      showStart ? btn("prevBig", "chevrons-left") : blank,
+      showStart ? btn("prev", "chevron-left") : blank
+    ] }),
+    onZoomOut ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "wp-calnav__title",
+        title: zoomLabel,
+        onClick: onZoomOut,
+        ref: titleRef,
+        ...titleProps,
+        children: title
+      }
+    ) : /* @__PURE__ */ jsx("span", { className: "wp-calnav__title wp-calnav__title--static", children: title }),
+    /* @__PURE__ */ jsxs("span", { className: "wp-calnav__side wp-calnav__side--end", children: [
+      showEnd ? btn("next", "chevron-right") : blank,
+      showEnd ? btn("nextBig", "chevrons-right") : blank
+    ] })
+  ] });
+}
+var ZOOM_COLUMNS = 4;
+function decadeOf(year) {
+  return Math.floor(year / 10) * 10;
+}
+function clampIndex(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function moveZoomCursor(level, cursor, key) {
+  const page = level === "month" ? 12 : 10;
+  const first = level === "month" ? Math.floor(cursor / 12) * 12 : decadeOf(cursor);
+  switch (key) {
+    case "ArrowLeft":
+      return cursor - 1;
+    case "ArrowRight":
+      return cursor + 1;
+    case "ArrowUp":
+      return cursor - ZOOM_COLUMNS;
+    case "ArrowDown":
+      return cursor + ZOOM_COLUMNS;
+    case "Home":
+      return first;
+    case "End":
+      return first + page - 1;
+    case "PageUp":
+      return cursor - page;
+    case "PageDown":
+      return cursor + page;
+    default:
+      return void 0;
+  }
+}
+function zoomNavDisabled(level, cursor, minMonthIndex, maxMonthIndex) {
+  if (level === "month") {
+    const year = Math.floor(cursor / 12);
+    return { prev: year * 12 <= minMonthIndex, next: (year + 1) * 12 > maxMonthIndex };
+  }
+  const decade = decadeOf(cursor);
+  return { prev: decade * 12 <= minMonthIndex, next: (decade + 10) * 12 > maxMonthIndex };
+}
+function CalendarZoom({
+  monthIndex,
+  initialLevel = "month",
+  selectedMonthIndexes = [],
+  minMonthIndex = -Infinity,
+  maxMonthIndex = Infinity,
+  onPick,
+  onExit,
+  autoFocus = false,
+  locale,
+  navSize = "sm",
+  className,
+  style,
+  todayMonthIndex
+}) {
+  const minIdx = minMonthIndex;
+  const maxIdx = maxMonthIndex;
+  const minYear = Number.isFinite(minIdx) ? Math.floor(minIdx / 12) : -Infinity;
+  const maxYear = Number.isFinite(maxIdx) ? Math.floor(maxIdx / 12) : Infinity;
+  const [level, setLevel] = useState(initialLevel);
+  const [cursor, setCursor] = useState(() => clampIndex(monthIndex, minIdx, maxIdx));
+  const [yearCursor, setYearCursor] = useState(() => clampIndex(Math.floor(monthIndex / 12), minYear, maxYear));
+  const rootRef = useRef(null);
+  useEffect(() => {
+    setCursor(clampIndex(monthIndex, minIdx, maxIdx));
+    setYearCursor(clampIndex(Math.floor(monthIndex / 12), minYear, maxYear));
+  }, [monthIndex, minIdx, maxIdx, minYear, maxYear]);
+  const claimRef = useRef(false);
+  useEffect(() => {
+    if (autoFocus) rootRef.current?.querySelector('.wp-calzoom__cell[tabindex="0"]')?.focus();
+  }, []);
+  const now = /* @__PURE__ */ new Date();
+  const todayIdx = todayMonthIndex ?? now.getFullYear() * 12 + now.getMonth();
+  const todayYear = Math.floor(todayIdx / 12);
+  const viewYear = Math.floor(cursor / 12);
+  const decade = decadeOf(yearCursor);
+  const selected = new Set(selectedMonthIndexes);
+  const selectedYears = new Set(selectedMonthIndexes.map((idx) => Math.floor(idx / 12)));
+  useLayoutEffect(() => {
+    const root = rootRef.current;
+    if (!root) return;
+    const active = document.activeElement;
+    const holdsFocus = active instanceof HTMLElement && root.contains(active) && active.classList.contains("wp-calzoom__cell");
+    const claim = claimRef.current || holdsFocus;
+    claimRef.current = false;
+    if (claim) root.querySelector('.wp-calzoom__cell[tabindex="0"]')?.focus();
+  }, [level, cursor, yearCursor]);
+  const toYearLevel = () => {
+    setYearCursor(clampIndex(viewYear, minYear, maxYear));
+    claimRef.current = true;
+    setLevel("year");
+  };
+  const pickYear = (year) => {
+    setCursor(clampIndex(year * 12 + cursor % 12, minIdx, maxIdx));
+    claimRef.current = true;
+    setLevel("month");
+  };
+  const stepMonths = (delta) => setCursor((c) => clampIndex(c + delta, minIdx, maxIdx));
+  const stepYears = (delta) => setYearCursor((y) => clampIndex(y + delta, minYear, maxYear));
+  const handleKeyDown = (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      if (level === "year") {
+        claimRef.current = true;
+        setLevel("month");
+      } else {
+        onExit();
+      }
+      return;
+    }
+    const next = moveZoomCursor(level, level === "month" ? cursor : yearCursor, event.key);
+    if (next === void 0) return;
+    event.preventDefault();
+    event.stopPropagation();
+    claimRef.current = true;
+    if (level === "month") setCursor(clampIndex(next, minIdx, maxIdx));
+    else setYearCursor(clampIndex(next, minYear, maxYear));
+  };
+  const classes = ["wp-calzoom", `wp-calzoom--${level}`];
+  if (className) classes.push(className);
+  const nav = level === "month" ? /* @__PURE__ */ jsx(
+    CalendarNav,
+    {
+      size: navSize,
+      title: locale.formatYear(viewYear),
+      onZoomOut: toYearLevel,
+      zoomLabel: locale.zoomLabel,
+      labels: {
+        prevBig: locale.prevDecadeLabel,
+        prev: locale.prevYearLabel,
+        next: locale.nextYearLabel,
+        nextBig: locale.nextDecadeLabel
+      },
+      disabled: (() => {
+        const d = zoomNavDisabled("month", cursor, minIdx, maxIdx);
+        return { prev: d.prev, prevBig: d.prev, next: d.next, nextBig: d.next };
+      })(),
+      onStep: (step) => stepMonths(step === "prevBig" ? -120 : step === "prev" ? -12 : step === "next" ? 12 : 120)
+    }
+  ) : /* @__PURE__ */ jsx(
+    CalendarNav,
+    {
+      size: navSize,
+      title: locale.formatDecade(decade, decade + 9),
+      labels: {
+        prevBig: locale.prevCenturyLabel,
+        prev: locale.prevDecadeLabel,
+        next: locale.nextDecadeLabel,
+        nextBig: locale.nextCenturyLabel
+      },
+      disabled: (() => {
+        const d = zoomNavDisabled("year", yearCursor, minIdx, maxIdx);
+        return { prev: d.prev, prevBig: d.prev, next: d.next, nextBig: d.next };
+      })(),
+      onStep: (step) => stepYears(step === "prevBig" ? -100 : step === "prev" ? -10 : step === "next" ? 10 : 100)
+    }
+  );
+  const cells = level === "month" ? Array.from({ length: 12 }, (_, m) => {
+    const idx = viewYear * 12 + m;
+    const isSelected = selected.has(idx);
+    const classNames = ["wp-calzoom__cell"];
+    if (isSelected) classNames.push("wp-calzoom__cell--selected");
+    if (idx === todayIdx) classNames.push("wp-calzoom__cell--today");
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: classNames.join(" "),
+        tabIndex: idx === cursor ? 0 : -1,
+        disabled: idx < minIdx || idx > maxIdx,
+        "aria-pressed": isSelected || void 0,
+        "aria-current": idx === todayIdx ? "date" : void 0,
+        "aria-label": locale.formatCaption(viewYear, m + 1),
+        onClick: () => {
+          setCursor(idx);
+          onPick(idx);
+        },
+        children: locale.formatMonth(m + 1)
+      },
+      idx
+    );
+  }) : Array.from({ length: 12 }, (_, i) => {
+    const year = decade - 1 + i;
+    const outside = year < decade || year > decade + 9;
+    const isSelected = selectedYears.has(year);
+    const classNames = ["wp-calzoom__cell"];
+    if (isSelected) classNames.push("wp-calzoom__cell--selected");
+    if (year === todayYear) classNames.push("wp-calzoom__cell--today");
+    if (outside) classNames.push("wp-calzoom__cell--outside");
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: classNames.join(" "),
+        tabIndex: year === yearCursor ? 0 : -1,
+        disabled: year * 12 + 11 < minIdx || year * 12 > maxIdx,
+        "aria-pressed": isSelected || void 0,
+        "aria-current": year === todayYear ? "date" : void 0,
+        "aria-label": locale.formatYear(year),
+        onClick: () => pickYear(year),
+        children: year
+      },
+      year
+    );
+  });
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: classes.join(" "), style, onKeyDown: handleKeyDown, children: [
+    nav,
+    /* @__PURE__ */ jsx("div", { className: "wp-calzoom__grid", role: "group", "aria-label": level === "month" ? locale.monthGridLabel : locale.yearGridLabel, children: cells })
+  ] });
+}
+var CALNAV_CSS = `
+.wp-calnav{display:flex;align-items:center;gap:var(--wp-space-1);min-width:0}
+.wp-calnav__side{display:inline-flex;align-items:center;gap:2px;flex:none}
+.wp-calnav__btn{flex:none}
+.wp-calnav__btn--blank{visibility:hidden;pointer-events:none}
+/* \uBE44\uD65C\uC131 \uBAA8\uC591\uC740 hover\xB7active \uC5D0\uC11C\uB3C4 \uACE0\uC815 \u2014 DS \uC758 .wp-iconbtn:hover:not(:disabled)(\uBA85\uC2DC\uB3C4 0,3,0)\uC640 \uAC19\uC740 \uBA85\uC2DC\uB3C4\uBA74
+   \uC2DC\uD2B8 \uC21C\uC11C\uC5D0 \uB530\uB77C \uC838\uC11C \uBC30\uACBD\xB7\uC9C4\uD55C \uC0C9\uC774 \uB4E4\uC5B4\uAC14\uACE0, \uD130\uCE58\uB294 \uD0ED \uB4A4 hover \uAC00 \uB0A8\uC544 \uACC4\uC18D \uD65C\uC131\uCC98\uB7FC \uBCF4\uC600\uB2E4(\uC2E4\uCE21). .wp-calnav \uB97C
+   \uC55E\uC5D0 \uB46C \uD55C \uB2E8\uACC4 \uB192\uC778\uB2E4(0,4,0). */
+.wp-calnav .wp-calnav__btn[aria-disabled="true"],.wp-calnav .wp-calnav__btn[aria-disabled="true"]:hover,.wp-calnav .wp-calnav__btn[aria-disabled="true"]:active{background:transparent;color:var(--wp-text-disabled);cursor:default}
+.wp-calnav__title{flex:1 1 auto;min-width:0;height:28px;margin:0;padding:0 var(--wp-space-1);border:none;background:transparent;border-radius:var(--wp-radius-sm);font:inherit;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;color:var(--wp-text-strong);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;justify-content:center}
+button.wp-calnav__title{cursor:pointer;transition:background 0.12s}
+button.wp-calnav__title:hover{background:var(--wp-surface-hover)}
+button.wp-calnav__title:focus-visible{outline:2px solid var(--wp-border-focus);outline-offset:1px}
+.wp-calnav--md .wp-calnav__title{height:32px;font-size:15px;font-weight:700}
+.wp-calzoom{display:flex;flex-direction:column;gap:var(--wp-space-2);width:224px;font-size:13px;color:var(--wp-text-default)}
+.wp-calzoom__grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(40px,1fr);gap:var(--wp-space-1)}
+.wp-calzoom__cell{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:0;border:none;background:transparent;border-radius:var(--wp-radius-sm);font:inherit;font-variant-numeric:tabular-nums;color:inherit;cursor:pointer;transition:background 0.12s,color 0.12s}
+.wp-calzoom__cell:hover:not(:disabled):not(.wp-calzoom__cell--selected){background:var(--wp-surface-hover)}
+.wp-calzoom__cell:focus-visible{outline:2px solid var(--wp-border-focus);outline-offset:-1px}
+.wp-calzoom__cell--today{box-shadow:inset 0 0 0 1px var(--wp-border-focus)}
+.wp-calzoom__cell--outside{color:var(--wp-text-subtle)}
+/* \uBABB \uACE0\uB974\uB294 \uCE78(min/max \uBC16)\uC740 \uC55E\uB4A4 \uD68C\uC0C9 \uD574(--outside, \uACE0\uB97C \uC218 \uC788\uB2E4)\uBCF4\uB2E4 \uB69C\uB837\uC774 \uD750\uB9AC\uAC8C */
+.wp-calzoom__cell:disabled{color:var(--wp-text-disabled);opacity:0.45;cursor:default}
+.wp-calzoom__cell--selected{background:var(--wp-action-primary-bg);color:var(--wp-action-primary-fg);font-weight:500;box-shadow:none}
+@media (pointer:coarse){
+  .wp-calnav__btn,.wp-calnav__title{min-width:32px;min-height:32px}
+  .wp-calzoom__grid{grid-auto-rows:minmax(44px,1fr)}
+}
+`;
+var ANCHOR_GAP = 8;
+var VIEWPORT_EDGE = 8;
+function anchorTo(rect, viewportHeight, height) {
+  const below = viewportHeight - rect.bottom;
+  const up = below < height && rect.top > below;
+  const room = (up ? rect.top : below) - ANCHOR_GAP - VIEWPORT_EDGE;
+  return {
+    left: rect.left,
+    top: up ? void 0 : rect.bottom + ANCHOR_GAP,
+    bottom: up ? viewportHeight - rect.top + ANCHOR_GAP : void 0,
+    minWidth: rect.width,
+    available: Math.max(MIN_AVAILABLE, Math.floor(room))
+  };
+}
+var MIN_AVAILABLE = 120;
+function anchorToHost(host, height) {
+  if (!host || typeof window === "undefined") return null;
+  return anchorTo(host.getBoundingClientRect(), window.innerHeight, height);
+}
+function usePopoverAnchor(open, hostRef, popRef, height) {
+  const [anchor, setAnchor] = useState(null);
+  useLayoutEffect(() => {
+    if (!open) {
+      setAnchor(null);
+      return;
+    }
+    const place = () => setAnchor(anchorToHost(hostRef.current, height));
+    place();
+    window.addEventListener("scroll", place, true);
+    window.addEventListener("resize", place);
+    return () => {
+      window.removeEventListener("scroll", place, true);
+      window.removeEventListener("resize", place);
+    };
+  }, [open, hostRef, height]);
+  useLayoutEffect(() => {
+    const el = popRef.current;
+    if (!open || !el || !anchor) return;
+    const overflow = el.getBoundingClientRect().right - (window.innerWidth - VIEWPORT_EDGE);
+    if (overflow <= 1) return;
+    setAnchor((prev) => {
+      if (!prev) return prev;
+      const left = Math.max(VIEWPORT_EDGE, prev.left - overflow);
+      return Math.abs(left - prev.left) < 1 ? prev : { ...prev, left };
+    });
+  }, [open, anchor, popRef]);
+  return anchor;
+}
+function AnchoredPopoverStyles() {
+  return /* @__PURE__ */ jsx(HoistedStyle, { id: "wp-anchored-pop", css: ANCHORED_POP_CSS });
+}
+var ANCHORED_POP_CSS = `
+.wp-anchored-pop{position:fixed;width:max-content;max-width:min(92vw,400px);background:var(--wp-surface-card);border:1px solid var(--wp-border-subtle);border-radius:var(--wp-radius-lg);box-shadow:var(--wp-shadow-lg);z-index:var(--wp-z-dialog);pointer-events:auto}
+`;
+function anchorStyle(anchor) {
+  if (!anchor) return void 0;
+  const style = {
+    left: anchor.left,
+    top: anchor.top,
+    bottom: anchor.bottom,
+    minWidth: anchor.minWidth
+  };
+  if (anchor.available !== void 0) style["--wp-pop-avail"] = `${anchor.available}px`;
+  return style;
+}
+function usePortalTo() {
+  const container = React2.useContext(OverlayContainerContext);
+  return (anchor, node) => {
+    if (!anchor) return null;
+    const root = container ?? getOverlayRoot();
+    return root ? createPortal(node, root) : node;
+  };
+}
+function useDismiss(open, hostRef, popRef, onDismiss) {
+  useEffect(() => {
+    if (!open) return;
+    const handlePointerDown = (event) => {
+      const target = event.target;
+      if (target instanceof Node && (hostRef.current?.contains(target) || popRef.current?.contains(target))) return;
+      onDismiss("outside");
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+    };
+  }, [open, hostRef, popRef, onDismiss]);
+  useOverlayLayer(open, () => onDismiss("escape"), hostRef);
+}
+function focusStaysInside(next, hostRef, popRef) {
+  return next instanceof Node && Boolean(hostRef.current?.contains(next) || popRef.current?.contains(next));
+}
+
+export { AnchoredPopoverStyles, CalendarNav, CalendarZoom, KO_CALENDAR_NAV_LOCALE, anchorStyle, clampIndex, focusStaysInside, resolveCalendarNavLocale, useDismiss, usePopoverAnchor, usePortalTo };

package/dist/{chunk-3PCR73OC.js → chunk-MWBCQHKQ.js}

@@ -1,6 +1,6 @@
-import { includesLooseSearch } from './chunk-A57GKV5F.js';
-import { OverlayLayer } from './chunk-BITS7UJY.js';
-import { Button, Dialog, Input, Tag, Checkbox } from './chunk-YYAGE733.js';
+import { includesLooseSearch } from './chunk-LN4KPZIX.js';
+import { OverlayLayer } from './chunk-R2ORCOTG.js';
+import { Button, Dialog, Input, Tag, Checkbox } from './chunk-OWM7E55U.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useMemo, useState } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-XFKNU6QN.js → chunk-NI3LMETK.js}

@@ -1,5 +1,5 @@
-import { useSduiAssetResolver } from './chunk-JHFA5RDN.js';
-import { Spinner, Icon } from './chunk-YYAGE733.js';
+import { useSduiAssetResolver } from './chunk-ZBX2CAOO.js';
+import { Spinner, Icon } from './chunk-OWM7E55U.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-ESAFQXEU.js → chunk-NJTIJAFU.js}

@@ -1,5 +1,5 @@
-import { Text } from './chunk-UC725BGW.js';
-import { Field, Input, Select, IconButton, Button } from './chunk-YYAGE733.js';
+import { Text } from './chunk-5FZBH3T5.js';
+import { Field, Input, Select, IconButton, Button } from './chunk-OWM7E55U.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-PCFH74RD.js → chunk-NQDHGK7C.js}

@@ -1,6 +1,6 @@
-import { fetchAllPages } from './chunk-VAXRTBJH.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-JHFA5RDN.js';
-import { Alert, Badge, Spinner, Button, Input, Checkbox } from './chunk-YYAGE733.js';
+import { fetchAllPages } from './chunk-63GM4S25.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-ZBX2CAOO.js';
+import { Alert, Badge, Spinner, Button, Input, Checkbox } from './chunk-OWM7E55U.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useMemo, useState, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-YYAGE733.js → chunk-OWM7E55U.js}

@@ -641,6 +641,14 @@ var ICON_NODES = {
   "chevron-up": [
     { t: "path", d: "m18 15-6-6-6 6" }
   ],
+  "chevrons-left": [
+    { t: "path", d: "m11 17-5-5 5-5" },
+    { t: "path", d: "m18 17-5-5 5-5" }
+  ],
+  "chevrons-right": [
+    { t: "path", d: "m6 17 5-5-5-5" },
+    { t: "path", d: "m13 17 5-5-5-5" }
+  ],
   "chevrons-up-down": [
     { t: "path", d: "m7 15 5 5 5-5" },
     { t: "path", d: "m7 9 5-5 5 5" }

package/dist/{chunk-OCYJ2ZOV.js → chunk-P62INTQ5.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-YYAGE733.js';
+import { Icon } from './chunk-OWM7E55U.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useId, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-7G6J6QFC.js → chunk-Q56LZJFX.js}

@@ -1,4 +1,4 @@
-import { Badge, Checkbox, IconButton, Icon } from './chunk-YYAGE733.js';
+import { Badge, Checkbox, IconButton, Icon } from './chunk-OWM7E55U.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-BITS7UJY.js → chunk-R2ORCOTG.js}

@@ -1,5 +1,5 @@
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
-import { MOBILE_MEDIA_QUERY } from './chunk-GSM664TX.js';
+import { MOBILE_MEDIA_QUERY } from './chunk-TAVKGYH5.js';
 import React, { useSyncExternalStore, useRef, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -330,4 +330,4 @@ function OverlayLayer({
 }
 var OVERLAY_FOCUS_CSS = `.wp-overlay-layer [role="dialog"][tabindex="-1"]:focus{outline:none}`;
 
-export { OverlayContainerContext, OverlayLayer, getOverlayRoot, useAnyModalOpen, useOverlayLayer };
+export { OverlayContainerContext, OverlayLayer, getOverlayRoot, tabbablesIn, useAnyModalOpen, useOverlayLayer };

package/dist/{chunk-VQKX5PJ4.js → chunk-RA74PUMP.js}

@@ -1,7 +1,7 @@
 import { fetchAllJobPositions } from './chunk-XRHR452N.js';
-import { useSduiDispatch, useSduiCan, SduiDialog } from './chunk-VR5MFUD2.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-JHFA5RDN.js';
-import { Card, Input, Button, Icon, Badge, IconButton } from './chunk-YYAGE733.js';
+import { useSduiDispatch, useSduiCan, SduiDialog } from './chunk-FUNCQCKN.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-ZBX2CAOO.js';
+import { Card, Input, Button, Icon, Badge, IconButton } from './chunk-OWM7E55U.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useState, useEffect, useCallback, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-GSM664TX.js → chunk-TAVKGYH5.js}

@@ -34,5 +34,28 @@ function mobileServerSnapshot() {
 function useIsMobile() {
   return useSyncExternalStore(subscribeMobile, mobileSnapshot, mobileServerSnapshot);
 }
+var TABLET_DOWN_MEDIA_QUERY = "screen and (max-width: 1023.98px)";
+function tabletDownQueryList() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return null;
+  return window.matchMedia(TABLET_DOWN_MEDIA_QUERY);
+}
+function subscribeTabletDown(onChange) {
+  const list = tabletDownQueryList();
+  if (!list) return () => {
+  };
+  if (typeof list.addEventListener === "function") {
+    list.addEventListener("change", onChange);
+    return () => list.removeEventListener("change", onChange);
+  }
+  list.addListener(onChange);
+  return () => list.removeListener(onChange);
+}
+function useIsTabletDown() {
+  return useSyncExternalStore(
+    subscribeTabletDown,
+    () => tabletDownQueryList()?.matches ?? false,
+    () => false
+  );
+}
 
-export { DEV, MOBILE_MEDIA_QUERY, useIsMobile };
+export { DEV, MOBILE_MEDIA_QUERY, useIsMobile, useIsTabletDown };

package/dist/{chunk-BV37UCDF.js → chunk-UBVYPV7H.js}

@@ -1,6 +1,6 @@
 import { fetchAllJobPositions } from './chunk-XRHR452N.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-JHFA5RDN.js';
-import { Select, Button } from './chunk-YYAGE733.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-ZBX2CAOO.js';
+import { Select, Button } from './chunk-OWM7E55U.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useState, useEffect, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';