@mieweb/ui 0.10.0-dev.9 → 0.11.0-dev.0

package/dist/chunk-YG7BR76Y.js

@@ -0,0 +1,281 @@
+import * as React from 'react';
+import { useState, useEffect, useCallback } from 'react';
+
+// src/hooks/useKeyboardInset.ts
+var KEYBOARD_INSET_VAR = "--mieweb-keyboard-inset";
+var VISUAL_VIEWPORT_HEIGHT_VAR = "--mieweb-visual-viewport-height";
+var VISUAL_VIEWPORT_OFFSET_TOP_VAR = "--mieweb-visual-viewport-offset-top";
+var KEYBOARD_OPEN_ATTRIBUTE = "data-keyboard-open";
+var KEYBOARD_SOURCE_ATTRIBUTE = "data-keyboard-source";
+var CLOSED = { keyboardInset: 0, isKeyboardOpen: false };
+function useKeyboardInset(options = {}) {
+  const { enabled = true, source = "visual-viewport" } = options;
+  const [state, setState] = useState(CLOSED);
+  useEffect(() => {
+    if (!enabled || typeof window === "undefined") return;
+    const root = document.documentElement;
+    const publish = (keyboardInset) => {
+      const isKeyboardOpen = keyboardInset > 0;
+      root.style.setProperty(KEYBOARD_INSET_VAR, `${keyboardInset}px`);
+      root.toggleAttribute(KEYBOARD_OPEN_ATTRIBUTE, isKeyboardOpen);
+      setState(
+        (previous) => previous.keyboardInset === keyboardInset ? previous : { keyboardInset, isKeyboardOpen }
+      );
+    };
+    const clear = () => {
+      root.style.removeProperty(KEYBOARD_INSET_VAR);
+      root.style.removeProperty(VISUAL_VIEWPORT_HEIGHT_VAR);
+      root.style.removeProperty(VISUAL_VIEWPORT_OFFSET_TOP_VAR);
+      root.removeAttribute(KEYBOARD_OPEN_ATTRIBUTE);
+      root.removeAttribute(KEYBOARD_SOURCE_ATTRIBUTE);
+      setState(CLOSED);
+    };
+    if (source === "native") {
+      const handleWillShow = (event) => {
+        publish(
+          Math.max(
+            0,
+            Math.round(event.keyboardHeight ?? 0)
+          )
+        );
+      };
+      const handleWillHide = () => publish(0);
+      root.setAttribute(KEYBOARD_SOURCE_ATTRIBUTE, source);
+      publish(0);
+      window.addEventListener("keyboardWillShow", handleWillShow);
+      window.addEventListener("keyboardWillHide", handleWillHide);
+      return () => {
+        window.removeEventListener("keyboardWillShow", handleWillShow);
+        window.removeEventListener("keyboardWillHide", handleWillHide);
+        clear();
+      };
+    }
+    const viewport = window.visualViewport;
+    if (!viewport) return;
+    let frame = 0;
+    const measure = () => {
+      frame = 0;
+      const zoomed = Math.abs(viewport.scale - 1) > 0.01;
+      const keyboardInset = zoomed ? 0 : Math.max(
+        0,
+        Math.round(
+          window.innerHeight - viewport.height - viewport.offsetTop
+        )
+      );
+      root.style.setProperty(
+        VISUAL_VIEWPORT_HEIGHT_VAR,
+        `${zoomed ? window.innerHeight : Math.round(viewport.height)}px`
+      );
+      root.style.setProperty(
+        VISUAL_VIEWPORT_OFFSET_TOP_VAR,
+        `${zoomed ? 0 : Math.round(viewport.offsetTop)}px`
+      );
+      publish(keyboardInset);
+    };
+    const schedule = () => {
+      if (frame === 0) frame = requestAnimationFrame(measure);
+    };
+    root.setAttribute(KEYBOARD_SOURCE_ATTRIBUTE, source);
+    measure();
+    viewport.addEventListener("resize", schedule);
+    viewport.addEventListener("scroll", schedule);
+    return () => {
+      cancelAnimationFrame(frame);
+      viewport.removeEventListener("resize", schedule);
+      viewport.removeEventListener("scroll", schedule);
+      clear();
+    };
+  }, [enabled, source]);
+  return state;
+}
+function useKeyboardShortcut(key, callback, options = {}) {
+  const {
+    enabled = true,
+    modifiers = {},
+    preventDefault = true,
+    stopPropagation = false,
+    ignoreInputs = true
+  } = options;
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (ignoreInputs) {
+        const target = event.target;
+        const tagName = target.tagName.toUpperCase();
+        if (tagName === "INPUT" || tagName === "TEXTAREA" || tagName === "SELECT" || target.isContentEditable) {
+          return;
+        }
+      }
+      const { ctrl, shift, alt, meta } = modifiers;
+      const metaOrCtrl = meta || ctrl;
+      if (metaOrCtrl) {
+        if (!(event.metaKey || event.ctrlKey)) return;
+      } else {
+        if (event.metaKey || event.ctrlKey) return;
+      }
+      if (shift && !event.shiftKey) return;
+      if (alt && !event.altKey) return;
+      const eventKey = event.key.length === 1 ? event.key.toLowerCase() : event.key;
+      const targetKey = key.length === 1 ? key.toLowerCase() : key;
+      if (eventKey !== targetKey) return;
+      if (preventDefault) {
+        event.preventDefault();
+      }
+      if (stopPropagation) {
+        event.stopPropagation();
+      }
+      callback(event);
+    },
+    [key, callback, modifiers, preventDefault, stopPropagation, ignoreInputs]
+  );
+  useEffect(() => {
+    if (!enabled) return;
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [handleKeyDown, enabled]);
+}
+function useCommandK(callback, enabled = true) {
+  useKeyboardShortcut("k", callback, {
+    enabled,
+    modifiers: { meta: true, ctrl: true },
+    ignoreInputs: false
+    // Cmd+K should work even in inputs
+  });
+}
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState(() => {
+    if (typeof window === "undefined") return false;
+    return window.matchMedia(query).matches;
+  });
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mediaQuery = window.matchMedia(query);
+    setMatches(mediaQuery.matches);
+    const handler = (event) => {
+      setMatches(event.matches);
+    };
+    if (mediaQuery.addEventListener) {
+      mediaQuery.addEventListener("change", handler);
+      return () => mediaQuery.removeEventListener("change", handler);
+    }
+    mediaQuery.addListener(handler);
+    return () => mediaQuery.removeListener(handler);
+  }, [query]);
+  return matches;
+}
+function useIsMobile() {
+  return useMediaQuery("(max-width: 639px)");
+}
+function useIsSmallTablet() {
+  return useMediaQuery("(min-width: 640px) and (max-width: 767px)");
+}
+function useIsTablet() {
+  return useMediaQuery("(min-width: 768px) and (max-width: 1023px)");
+}
+function useIsDesktop() {
+  return useMediaQuery("(min-width: 1024px)");
+}
+function useIsLargeDesktop() {
+  return useMediaQuery("(min-width: 1280px)");
+}
+function useIsMobileOrTablet() {
+  return useMediaQuery("(max-width: 1023px)");
+}
+function mergeOrder(saved, ids) {
+  if (!saved) return ids;
+  const known = new Set(ids);
+  const kept = [...new Set(saved)].filter((id) => known.has(id));
+  const keptSet = new Set(kept);
+  return [...kept, ...ids.filter((id) => !keptSet.has(id))];
+}
+function useOrderPersistence(ids, { load, save, debounceMs = 500, onError }) {
+  const [saved, setSaved] = React.useState(null);
+  const callbacks = React.useRef({ load, save, onError });
+  callbacks.current = { load, save, onError };
+  const pending = React.useRef(null);
+  const timer = React.useRef(
+    void 0
+  );
+  const touched = React.useRef(false);
+  const saving = React.useRef(0);
+  const lastStarted = React.useRef(null);
+  const overlapped = React.useRef(false);
+  const flush = React.useCallback(function flushPending(force = false) {
+    clearTimeout(timer.current);
+    const next = pending.current;
+    if (!next || saving.current > 0 && !force) return;
+    pending.current = null;
+    if (saving.current > 0) overlapped.current = true;
+    saving.current += 1;
+    lastStarted.current = next;
+    const { save: run, onError: fail } = callbacks.current;
+    let result;
+    try {
+      result = run(next);
+    } catch (e) {
+      result = Promise.reject(e);
+    }
+    void Promise.resolve(result).catch((e) => fail?.(e)).finally(() => {
+      saving.current -= 1;
+      if (saving.current > 0) return;
+      if (overlapped.current) {
+        overlapped.current = false;
+        pending.current ??= lastStarted.current;
+      }
+      flushPending();
+    });
+  }, []);
+  React.useEffect(() => {
+    let active = true;
+    const { load: read, onError: fail } = callbacks.current;
+    Promise.resolve().then(read).then((value) => {
+      if (active && value && !touched.current) setSaved(value);
+    }).catch((e) => fail?.(e));
+    return () => {
+      active = false;
+      flush();
+    };
+  }, [flush]);
+  React.useEffect(() => {
+    const onPageHide = () => flush(true);
+    window.addEventListener("pagehide", onPageHide);
+    return () => window.removeEventListener("pagehide", onPageHide);
+  }, [flush]);
+  const setOrder = React.useCallback(
+    (next) => {
+      touched.current = true;
+      setSaved(next);
+      pending.current = next;
+      clearTimeout(timer.current);
+      timer.current = setTimeout(flush, debounceMs);
+    },
+    [debounceMs, flush]
+  );
+  const order = React.useMemo(() => mergeOrder(saved, ids), [saved, ids]);
+  return { order, setOrder };
+}
+function localStorageOrderAdapter(key) {
+  return {
+    load: () => {
+      try {
+        if (typeof window === "undefined") return null;
+        const raw = JSON.parse(
+          window.localStorage.getItem(key) ?? "null"
+        );
+        return Array.isArray(raw) && raw.every((v) => typeof v === "string") ? raw : null;
+      } catch {
+        return null;
+      }
+    },
+    save: (order) => {
+      try {
+        if (typeof window !== "undefined")
+          window.localStorage.setItem(key, JSON.stringify(order));
+      } catch {
+      }
+    }
+  };
+}
+
+export { KEYBOARD_INSET_VAR, KEYBOARD_OPEN_ATTRIBUTE, KEYBOARD_SOURCE_ATTRIBUTE, VISUAL_VIEWPORT_HEIGHT_VAR, VISUAL_VIEWPORT_OFFSET_TOP_VAR, localStorageOrderAdapter, mergeOrder, useCommandK, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardInset, useKeyboardShortcut, useMediaQuery, useOrderPersistence };
+//# sourceMappingURL=chunk-YG7BR76Y.js.map
+//# sourceMappingURL=chunk-YG7BR76Y.js.map

package/dist/chunk-YG7BR76Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useKeyboardInset.ts","../src/hooks/useKeyboardShortcut.ts","../src/hooks/useMediaQuery.ts","../src/hooks/useOrderPersistence.ts"],"names":["useEffect","useState"],"mappings":";;;;AAGO,IAAM,kBAAA,GAAqB;AAC3B,IAAM,0BAAA,GAA6B;AACnC,IAAM,8BAAA,GACX;AAEK,IAAM,uBAAA,GAA0B;AAEhC,IAAM,yBAAA,GAA4B;AAgCzC,IAAM,MAAA,GAA6B,EAAE,aAAA,EAAe,CAAA,EAAG,gBAAgB,KAAA,EAAM;AA4EtE,SAAS,gBAAA,CACd,OAAA,GAAmC,EAAC,EAChB;AACpB,EAAA,MAAM,EAAE,OAAA,GAAU,IAAA,EAAM,MAAA,GAAS,mBAAkB,GAAI,OAAA;AACvD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAA6B,MAAM,CAAA;AAE7D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,IAAW,OAAO,MAAA,KAAW,WAAA,EAAa;AAC/C,IAAA,MAAM,OAAO,QAAA,CAAS,eAAA;AAEtB,IAAA,MAAM,OAAA,GAAU,CAAC,aAAA,KAA0B;AACzC,MAAA,MAAM,iBAAiB,aAAA,GAAgB,CAAA;AACvC,MAAA,IAAA,CAAK,KAAA,CAAM,WAAA,CAAY,kBAAA,EAAoB,CAAA,EAAG,aAAa,CAAA,EAAA,CAAI,CAAA;AAC/D,MAAA,IAAA,CAAK,eAAA,CAAgB,yBAAyB,cAAc,CAAA;AAC5D,MAAA,QAAA;AAAA,QAAS,CAAC,aACR,QAAA,CAAS,aAAA,KAAkB,gBACvB,QAAA,GACA,EAAE,eAAe,cAAA;AAAe,OACtC;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,IAAA,CAAK,KAAA,CAAM,eAAe,kBAAkB,CAAA;AAC5C,MAAA,IAAA,CAAK,KAAA,CAAM,eAAe,0BAA0B,CAAA;AACpD,MAAA,IAAA,CAAK,KAAA,CAAM,eAAe,8BAA8B,CAAA;AACxD,MAAA,IAAA,CAAK,gBAAgB,uBAAuB,CAAA;AAC5C,MAAA,IAAA,CAAK,gBAAgB,yBAAyB,CAAA;AAC9C,MAAA,QAAA,CAAS,MAAM,CAAA;AAAA,IACjB,CAAA;AAEA,IAAA,IAAI,WAAW,QAAA,EAAU;AACvB,MAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAAiB;AACvC,QAAA,OAAA;AAAA,UACE,IAAA,CAAK,GAAA;AAAA,YACH,CAAA;AAAA,YACA,IAAA,CAAK,KAAA,CAAO,KAAA,CAA8B,cAAA,IAAkB,CAAC;AAAA;AAC/D,SACF;AAAA,MACF,CAAA;AACA,MAAA,MAAM,cAAA,GAAiB,MAAM,OAAA,CAAQ,CAAC,CAAA;AAEtC,MAAA,IAAA,CAAK,YAAA,CAAa,2BAA2B,MAAM,CAAA;AACnD,MAAA,OAAA,CAAQ,CAAC,CAAA;AACT,MAAA,MAAA,CAAO,gBAAA,CAAiB,oBAAoB,cAAc,CAAA;AAC1D,MAAA,MAAA,CAAO,gBAAA,CAAiB,oBAAoB,cAAc,CAAA;AAE1D,MAAA,OAAO,MAAM;AACX,QAAA,MAAA,CAAO,mBAAA,CAAoB,oBAAoB,cAAc,CAAA;AAC7D,QAAA,MAAA,CAAO,mBAAA,CAAoB,oBAAoB,cAAc,CAAA;AAC7D,QAAA,KAAA,EAAM;AAAA,MACR,CAAA;AAAA,IACF;AAEA,IAAA,MAAM,WAAW,MAAA,CAAO,cAAA;AACxB,IAAA,IAAI,CAAC,QAAA,EAAU;AAEf,IAAA,IAAI,KAAA,GAAQ,CAAA;AAEZ,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,KAAA,GAAQ,CAAA;AAER,MAAA,MAAM,SAAS,IAAA,CAAK,GAAA,CAAI,QAAA,CAAS,KAAA,GAAQ,CAAC,CAAA,GAAI,IAAA;AAC9C,MAAA,MAAM,aAAA,GAAgB,MAAA,GAClB,CAAA,GACA,IAAA,CAAK,GAAA;AAAA,QACH,CAAA;AAAA,QACA,IAAA,CAAK,KAAA;AAAA,UACH,MAAA,CAAO,WAAA,GAAc,QAAA,CAAS,MAAA,GAAS,QAAA,CAAS;AAAA;AAClD,OACF;AAEJ,MAAA,IAAA,CAAK,KAAA,CAAM,WAAA;AAAA,QACT,0BAAA;AAAA,QACA,CAAA,EAAG,SAAS,MAAA,CAAO,WAAA,GAAc,KAAK,KAAA,CAAM,QAAA,CAAS,MAAM,CAAC,CAAA,EAAA;AAAA,OAC9D;AACA,MAAA,IAAA,CAAK,KAAA,CAAM,WAAA;AAAA,QACT,8BAAA;AAAA,QACA,GAAG,MAAA,GAAS,CAAA,GAAI,KAAK,KAAA,CAAM,QAAA,CAAS,SAAS,CAAC,CAAA,EAAA;AAAA,OAChD;AACA,MAAA,OAAA,CAAQ,aAAa,CAAA;AAAA,IACvB,CAAA;AAIA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,IAAI,KAAA,KAAU,CAAA,EAAG,KAAA,GAAQ,qBAAA,CAAsB,OAAO,CAAA;AAAA,IACxD,CAAA;AAEA,IAAA,IAAA,CAAK,YAAA,CAAa,2BAA2B,MAAM,CAAA;AACnD,IAAA,OAAA,EAAQ;AACR,IAAA,QAAA,CAAS,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AAC5C,IAAA,QAAA,CAAS,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AAE5C,IAAA,OAAO,MAAM;AACX,MAAA,oBAAA,CAAqB,KAAK,CAAA;AAC1B,MAAA,QAAA,CAAS,mBAAA,CAAoB,UAAU,QAAQ,CAAA;AAC/C,MAAA,QAAA,CAAS,mBAAA,CAAoB,UAAU,QAAQ,CAAA;AAC/C,MAAA,KAAA,EAAM;AAAA,IACR,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAEpB,EAAA,OAAO,KAAA;AACT;ACjLO,SAAS,mBAAA,CACd,GAAA,EACA,QAAA,EACA,OAAA,GAAmC,EAAC,EAC9B;AACN,EAAA,MAAM;AAAA,IACJ,OAAA,GAAU,IAAA;AAAA,IACV,YAAY,EAAC;AAAA,IACb,cAAA,GAAiB,IAAA;AAAA,IACjB,eAAA,GAAkB,KAAA;AAAA,IAClB,YAAA,GAAe;AAAA,GACjB,GAAI,OAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,KAAA,KAAyB;AAExB,MAAA,IAAI,YAAA,EAAc;AAChB,QAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,QAAA,MAAM,OAAA,GAAU,MAAA,CAAO,OAAA,CAAQ,WAAA,EAAY;AAC3C,QAAA,IACE,YAAY,OAAA,IACZ,OAAA,KAAY,cACZ,OAAA,KAAY,QAAA,IACZ,OAAO,iBAAA,EACP;AACA,UAAA;AAAA,QACF;AAAA,MACF;AAGA,MAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,GAAA,EAAK,MAAK,GAAI,SAAA;AAGnC,MAAA,MAAM,aAAa,IAAA,IAAQ,IAAA;AAC3B,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,IAAI,EAAE,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,OAAA,CAAA,EAAU;AAAA,MACzC,CAAA,MAAO;AAEL,QAAA,IAAI,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,OAAA,EAAS;AAAA,MACtC;AAEA,MAAA,IAAI,KAAA,IAAS,CAAC,KAAA,CAAM,QAAA,EAAU;AAC9B,MAAA,IAAI,GAAA,IAAO,CAAC,KAAA,CAAM,MAAA,EAAQ;AAG1B,MAAA,MAAM,QAAA,GACJ,MAAM,GAAA,CAAI,MAAA,KAAW,IAAI,KAAA,CAAM,GAAA,CAAI,WAAA,EAAY,GAAI,KAAA,CAAM,GAAA;AAC3D,MAAA,MAAM,YAAY,GAAA,CAAI,MAAA,KAAW,CAAA,GAAI,GAAA,CAAI,aAAY,GAAI,GAAA;AACzD,MAAA,IAAI,aAAa,SAAA,EAAW;AAE5B,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,KAAA,CAAM,cAAA,EAAe;AAAA,MACvB;AACA,MAAA,IAAI,eAAA,EAAiB;AACnB,QAAA,KAAA,CAAM,eAAA,EAAgB;AAAA,MACxB;AAEA,MAAA,QAAA,CAAS,KAAK,CAAA;AAAA,IAChB,CAAA;AAAA,IACA,CAAC,GAAA,EAAK,QAAA,EAAU,SAAA,EAAW,cAAA,EAAgB,iBAAiB,YAAY;AAAA,GAC1E;AAEA,EAAAA,UAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,aAAa,CAAA;AAClD,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,SAAA,EAAW,aAAa,CAAA;AAAA,EACpE,CAAA,EAAG,CAAC,aAAA,EAAe,OAAO,CAAC,CAAA;AAC7B;AAaO,SAAS,WAAA,CAAY,QAAA,EAAsB,OAAA,GAAU,IAAA,EAAY;AACtE,EAAA,mBAAA,CAAoB,KAAK,QAAA,EAAU;AAAA,IACjC,OAAA;AAAA,IACA,SAAA,EAAW,EAAE,IAAA,EAAM,IAAA,EAAM,MAAM,IAAA,EAAK;AAAA,IACpC,YAAA,EAAc;AAAA;AAAA,GACf,CAAA;AACH;ACxGO,SAAS,cAAc,KAAA,EAAwB;AAEpD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,SAAkB,MAAM;AAEpD,IAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,KAAA;AAC1C,IAAA,OAAO,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA,CAAE,OAAA;AAAA,EAClC,CAAC,CAAA;AAED,EAAAD,UAAU,MAAM;AACd,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAEnC,IAAA,MAAM,UAAA,GAAa,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AAG1C,IAAA,UAAA,CAAW,WAAW,OAAO,CAAA;AAG7B,IAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAA+B;AAC9C,MAAA,UAAA,CAAW,MAAM,OAAO,CAAA;AAAA,IAC1B,CAAA;AAGA,IAAA,IAAI,WAAW,gBAAA,EAAkB;AAC/B,MAAA,UAAA,CAAW,gBAAA,CAAiB,UAAU,OAAO,CAAA;AAC7C,MAAA,OAAO,MAAM,UAAA,CAAW,mBAAA,CAAoB,QAAA,EAAU,OAAO,CAAA;AAAA,IAC/D;AAGA,IAAA,UAAA,CAAW,YAAY,OAAO,CAAA;AAC9B,IAAA,OAAO,MAAM,UAAA,CAAW,cAAA,CAAe,OAAO,CAAA;AAAA,EAChD,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO,OAAA;AACT;AAOO,SAAS,WAAA,GAAuB;AACrC,EAAA,OAAO,cAAc,oBAAoB,CAAA;AAC3C;AAGO,SAAS,gBAAA,GAA4B;AAC1C,EAAA,OAAO,cAAc,2CAA2C,CAAA;AAClE;AAGO,SAAS,WAAA,GAAuB;AACrC,EAAA,OAAO,cAAc,4CAA4C,CAAA;AACnE;AAGO,SAAS,YAAA,GAAwB;AACtC,EAAA,OAAO,cAAc,qBAAqB,CAAA;AAC5C;AAGO,SAAS,iBAAA,GAA6B;AAC3C,EAAA,OAAO,cAAc,qBAAqB,CAAA;AAC5C;AAGO,SAAS,mBAAA,GAA+B;AAC7C,EAAA,OAAO,cAAc,qBAAqB,CAAA;AAC5C;ACpEO,SAAS,UAAA,CAAW,OAAwB,GAAA,EAAyB;AAC1E,EAAA,IAAI,CAAC,OAAO,OAAO,GAAA;AACnB,EAAA,MAAM,KAAA,GAAQ,IAAI,GAAA,CAAI,GAAG,CAAA;AACzB,EAAA,MAAM,IAAA,GAAO,CAAC,GAAG,IAAI,IAAI,KAAK,CAAC,CAAA,CAAE,MAAA,CAAO,CAAC,EAAA,KAAO,KAAA,CAAM,GAAA,CAAI,EAAE,CAAC,CAAA;AAC7D,EAAA,MAAM,OAAA,GAAU,IAAI,GAAA,CAAI,IAAI,CAAA;AAC5B,EAAA,OAAO,CAAC,GAAG,IAAA,EAAM,GAAG,GAAA,CAAI,MAAA,CAAO,CAAC,EAAA,KAAO,CAAC,OAAA,CAAQ,GAAA,CAAI,EAAE,CAAC,CAAC,CAAA;AAC1D;AAkBO,SAAS,mBAAA,CACd,KACA,EAAE,IAAA,EAAM,MAAM,UAAA,GAAa,GAAA,EAAK,SAAQ,EACb;AAC3B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,eAA0B,IAAI,CAAA;AAC9D,EAAA,MAAM,YAAkB,KAAA,CAAA,MAAA,CAAO,EAAE,IAAA,EAAM,IAAA,EAAM,SAAS,CAAA;AACtD,EAAA,SAAA,CAAU,OAAA,GAAU,EAAE,IAAA,EAAM,IAAA,EAAM,OAAA,EAAQ;AAC1C,EAAA,MAAM,OAAA,GAAgB,aAAwB,IAAI,CAAA;AAClD,EAAA,MAAM,KAAA,GAAc,KAAA,CAAA,MAAA;AAAA,IAClB;AAAA,GACF;AACA,EAAA,MAAM,OAAA,GAAgB,aAAO,KAAK,CAAA;AAGlC,EAAA,MAAM,MAAA,GAAe,aAAO,CAAC,CAAA;AAG7B,EAAA,MAAM,WAAA,GAAoB,aAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,UAAA,GAAmB,aAAO,KAAK,CAAA;AAIrC,EAAA,MAAM,KAAA,GAAc,KAAA,CAAA,WAAA,CAAY,SAAS,YAAA,CAAa,QAAQ,KAAA,EAAO;AACnE,IAAA,YAAA,CAAa,MAAM,OAAO,CAAA;AAC1B,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,IAAA,IAAI,CAAC,IAAA,IAAS,MAAA,CAAO,OAAA,GAAU,CAAA,IAAK,CAAC,KAAA,EAAQ;AAC7C,IAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAClB,IAAA,IAAI,MAAA,CAAO,OAAA,GAAU,CAAA,EAAG,UAAA,CAAW,OAAA,GAAU,IAAA;AAC7C,IAAA,MAAA,CAAO,OAAA,IAAW,CAAA;AAClB,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,IAAA,MAAM,EAAE,IAAA,EAAM,GAAA,EAAK,OAAA,EAAS,IAAA,KAAS,SAAA,CAAU,OAAA;AAC/C,IAAA,IAAI,MAAA;AACJ,IAAA,IAAI;AACF,MAAA,MAAA,GAAS,IAAI,IAAI,CAAA;AAAA,IACnB,SAAS,CAAA,EAAG;AACV,MAAA,MAAA,GAAS,OAAA,CAAQ,OAAO,CAAC,CAAA;AAAA,IAC3B;AACA,IAAA,KAAK,OAAA,CAAQ,OAAA,CAAQ,MAAM,CAAA,CACxB,KAAA,CAAM,CAAC,CAAA,KAAe,IAAA,GAAO,CAAC,CAAC,CAAA,CAC/B,OAAA,CAAQ,MAAM;AACb,MAAA,MAAA,CAAO,OAAA,IAAW,CAAA;AAClB,MAAA,IAAI,MAAA,CAAO,UAAU,CAAA,EAAG;AACxB,MAAA,IAAI,WAAW,OAAA,EAAS;AACtB,QAAA,UAAA,CAAW,OAAA,GAAU,KAAA;AACrB,QAAA,OAAA,CAAQ,YAAY,WAAA,CAAY,OAAA;AAAA,MAClC;AACA,MAAA,YAAA,EAAa;AAAA,IACf,CAAC,CAAA;AAAA,EACL,CAAA,EAAG,EAAE,CAAA;AAEL,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,MAAA,GAAS,IAAA;AACb,IAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAM,OAAA,EAAS,IAAA,KAAS,SAAA,CAAU,OAAA;AAChD,IAAA,OAAA,CAAQ,SAAQ,CACb,IAAA,CAAK,IAAI,CAAA,CACT,IAAA,CAAK,CAAC,KAAA,KAAU;AAEf,MAAA,IAAI,UAAU,KAAA,IAAS,CAAC,OAAA,CAAQ,OAAA,WAAkB,KAAK,CAAA;AAAA,IACzD,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,CAAA,KAAe,IAAA,GAAO,CAAC,CAAC,CAAA;AAClC,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,GAAS,KAAA;AACT,MAAA,KAAA,EAAM;AAAA,IACR,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAM,gBAAU,MAAM;AACpB,IAAA,MAAM,UAAA,GAAa,MAAM,KAAA,CAAM,IAAI,CAAA;AACnC,IAAA,MAAA,CAAO,gBAAA,CAAiB,YAAY,UAAU,CAAA;AAC9C,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,UAAA,EAAY,UAAU,CAAA;AAAA,EAChE,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,QAAA,GAAiB,KAAA,CAAA,WAAA;AAAA,IACrB,CAAC,IAAA,KAAmB;AAClB,MAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAClB,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAClB,MAAA,YAAA,CAAa,MAAM,OAAO,CAAA;AAC1B,MAAA,KAAA,CAAM,OAAA,GAAU,UAAA,CAAW,KAAA,EAAO,UAAU,CAAA;AAAA,IAC9C,CAAA;AAAA,IACA,CAAC,YAAY,KAAK;AAAA,GACpB;AAEA,EAAA,MAAM,KAAA,GAAc,KAAA,CAAA,OAAA,CAAQ,MAAM,UAAA,CAAW,KAAA,EAAO,GAAG,CAAA,EAAG,CAAC,KAAA,EAAO,GAAG,CAAC,CAAA;AACtE,EAAA,OAAO,EAAE,OAAO,QAAA,EAAS;AAC3B;AAGO,SAAS,yBAAyB,GAAA,EAAsC;AAC7E,EAAA,OAAO;AAAA,IACL,MAAM,MAAM;AACV,MAAA,IAAI;AACF,QAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,IAAA;AAC1C,QAAA,MAAM,MAAe,IAAA,CAAK,KAAA;AAAA,UACxB,MAAA,CAAO,YAAA,CAAa,OAAA,CAAQ,GAAG,CAAA,IAAK;AAAA,SACtC;AACA,QAAA,OAAO,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,IAAK,GAAA,CAAI,KAAA,CAAM,CAAC,CAAA,KAAM,OAAO,CAAA,KAAM,QAAQ,CAAA,GAC9D,GAAA,GACD,IAAA;AAAA,MACN,CAAA,CAAA,MAAQ;AACN,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM,CAAC,KAAA,KAAU;AACf,MAAA,IAAI;AACF,QAAA,IAAI,OAAO,MAAA,KAAW,WAAA;AACpB,UAAA,MAAA,CAAO,aAAa,OAAA,CAAQ,GAAA,EAAK,IAAA,CAAK,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,MAC1D,CAAA,CAAA,MAAQ;AAAA,MAER;AAAA,IACF;AAAA,GACF;AACF","file":"chunk-YG7BR76Y.js","sourcesContent":["import { useEffect, useState } from 'react';\n\n/** CSS custom properties written to `<html>` while the hook is mounted. */\nexport const KEYBOARD_INSET_VAR = '--mieweb-keyboard-inset';\nexport const VISUAL_VIEWPORT_HEIGHT_VAR = '--mieweb-visual-viewport-height';\nexport const VISUAL_VIEWPORT_OFFSET_TOP_VAR =\n  '--mieweb-visual-viewport-offset-top';\n/** Boolean attribute set on `<html>` while an on-screen keyboard is open. */\nexport const KEYBOARD_OPEN_ATTRIBUTE = 'data-keyboard-open';\n/** Attribute on `<html>` naming the active {@link KeyboardInsetSource}. */\nexport const KEYBOARD_SOURCE_ATTRIBUTE = 'data-keyboard-source';\n\n/**\n * Where keyboard metrics come from.\n *\n * - `'visual-viewport'` — the Visual Viewport API. Works in any browser, but\n *   iOS only reports the keyboard once its slide-in animation has finished.\n * - `'native'` — `keyboardWillShow` / `keyboardWillHide` window events with a\n *   `keyboardHeight` property, as fired by `cordova-plugin-ionic-keyboard` and\n *   Capacitor's Keyboard plugin. They arrive *before* the keyboard animates,\n *   so layout can move in step with it.\n */\nexport type KeyboardInsetSource = 'visual-viewport' | 'native';\n\nexport interface KeyboardInsetState {\n  /** Pixels of the layout viewport covered by the on-screen keyboard. */\n  keyboardInset: number;\n  /** Whether an on-screen keyboard currently covers part of the page. */\n  isKeyboardOpen: boolean;\n}\n\nexport interface UseKeyboardInsetOptions {\n  /** Track the keyboard; `false` stops tracking and clears the CSS variables. @default true */\n  enabled?: boolean;\n  /** Where keyboard metrics come from. @default 'visual-viewport' */\n  source?: KeyboardInsetSource;\n}\n\ninterface NativeKeyboardEvent extends Event {\n  keyboardHeight?: number;\n}\n\nconst CLOSED: KeyboardInsetState = { keyboardInset: 0, isKeyboardOpen: false };\n\n/**\n * Tracks the on-screen keyboard and publishes it on `<html>`.\n *\n * ### `source: 'native'` (Cordova / Capacitor apps)\n *\n * Listens for the native keyboard plugin's `keyboardWillShow` /\n * `keyboardWillHide` window events. Configure the plugin so the WebView is\n * neither resized nor panned (for `cordova-plugin-ionic-keyboard`:\n * `KeyboardResize=false`), keep the app shell at full height, and move only\n * the composer dock by `--mieweb-keyboard-inset` with a short transition\n * (~250ms) so it rides up with the keyboard. Only `--mieweb-keyboard-inset`,\n * `data-keyboard-open` and `data-keyboard-source` are published; the\n * visual-viewport variables stay unset.\n *\n * ### `source: 'visual-viewport'` (browsers, default)\n *\n * Uses the Visual Viewport API.\n *\n * iOS Safari and WKWebView (Cordova) ignore\n * `interactive-widget=resizes-content`, and `dvh` does not shrink for the\n * keyboard: the page keeps its full height and iOS pans the visual viewport\n * to reveal the focused input, pushing headers off-screen. This hook\n * measures what is actually visible and publishes it on `<html>` so an app\n * shell can follow the visible area instead:\n *\n * - `--mieweb-keyboard-inset` — keyboard height in px (0 when closed)\n * - `--mieweb-visual-viewport-height` — visible height in px\n * - `--mieweb-visual-viewport-offset-top` — how far iOS panned the page\n * - `data-keyboard-open` — present while the keyboard is open\n *\n * On browsers that already resize the layout for the keyboard (Chrome on\n * Android with `interactive-widget=resizes-content`) the inset stays 0 and\n * the variables simply mirror the layout viewport.\n *\n * iOS reports the visual viewport only after the keyboard has finished\n * animating, so a shell sized this way snaps into place once the keyboard\n * lands. Prefer `source: 'native'` wherever a native keyboard plugin exists.\n *\n * Mount it once, near the app root.\n *\n * @example\n * ```tsx\n * function AppShell({ children }) {\n *   useKeyboardInset();\n *   return (\n *     <div\n *       style={{\n *         height: 'var(--mieweb-visual-viewport-height, 100dvh)',\n *         transform: 'translateY(var(--mieweb-visual-viewport-offset-top, 0px))',\n *       }}\n *     >\n *       {children}\n *     </div>\n *   );\n * }\n * ```\n *\n * @example Native app (keyboard plugin with WebView resizing disabled)\n * ```tsx\n * function ComposerDock({ children }) {\n *   useKeyboardInset({ source: 'native' });\n *   return (\n *     <div\n *       style={{\n *         paddingBottom: 'calc(var(--mieweb-keyboard-inset, 0px) + 0.5rem)',\n *         transition: 'padding-bottom 250ms ease',\n *       }}\n *     >\n *       {children}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useKeyboardInset(\n  options: UseKeyboardInsetOptions = {}\n): KeyboardInsetState {\n  const { enabled = true, source = 'visual-viewport' } = options;\n  const [state, setState] = useState<KeyboardInsetState>(CLOSED);\n\n  useEffect(() => {\n    if (!enabled || typeof window === 'undefined') return;\n    const root = document.documentElement;\n\n    const publish = (keyboardInset: number) => {\n      const isKeyboardOpen = keyboardInset > 0;\n      root.style.setProperty(KEYBOARD_INSET_VAR, `${keyboardInset}px`);\n      root.toggleAttribute(KEYBOARD_OPEN_ATTRIBUTE, isKeyboardOpen);\n      setState((previous) =>\n        previous.keyboardInset === keyboardInset\n          ? previous\n          : { keyboardInset, isKeyboardOpen }\n      );\n    };\n\n    const clear = () => {\n      root.style.removeProperty(KEYBOARD_INSET_VAR);\n      root.style.removeProperty(VISUAL_VIEWPORT_HEIGHT_VAR);\n      root.style.removeProperty(VISUAL_VIEWPORT_OFFSET_TOP_VAR);\n      root.removeAttribute(KEYBOARD_OPEN_ATTRIBUTE);\n      root.removeAttribute(KEYBOARD_SOURCE_ATTRIBUTE);\n      setState(CLOSED);\n    };\n\n    if (source === 'native') {\n      const handleWillShow = (event: Event) => {\n        publish(\n          Math.max(\n            0,\n            Math.round((event as NativeKeyboardEvent).keyboardHeight ?? 0)\n          )\n        );\n      };\n      const handleWillHide = () => publish(0);\n\n      root.setAttribute(KEYBOARD_SOURCE_ATTRIBUTE, source);\n      publish(0);\n      window.addEventListener('keyboardWillShow', handleWillShow);\n      window.addEventListener('keyboardWillHide', handleWillHide);\n\n      return () => {\n        window.removeEventListener('keyboardWillShow', handleWillShow);\n        window.removeEventListener('keyboardWillHide', handleWillHide);\n        clear();\n      };\n    }\n\n    const viewport = window.visualViewport;\n    if (!viewport) return;\n\n    let frame = 0;\n\n    const measure = () => {\n      frame = 0;\n      // Pinch-zoom shrinks the visual viewport too; that is not a keyboard.\n      const zoomed = Math.abs(viewport.scale - 1) > 0.01;\n      const keyboardInset = zoomed\n        ? 0\n        : Math.max(\n            0,\n            Math.round(\n              window.innerHeight - viewport.height - viewport.offsetTop\n            )\n          );\n\n      root.style.setProperty(\n        VISUAL_VIEWPORT_HEIGHT_VAR,\n        `${zoomed ? window.innerHeight : Math.round(viewport.height)}px`\n      );\n      root.style.setProperty(\n        VISUAL_VIEWPORT_OFFSET_TOP_VAR,\n        `${zoomed ? 0 : Math.round(viewport.offsetTop)}px`\n      );\n      publish(keyboardInset);\n    };\n\n    // Coalesce the resize + scroll bursts iOS fires while the keyboard\n    // animates into one write per frame.\n    const schedule = () => {\n      if (frame === 0) frame = requestAnimationFrame(measure);\n    };\n\n    root.setAttribute(KEYBOARD_SOURCE_ATTRIBUTE, source);\n    measure();\n    viewport.addEventListener('resize', schedule);\n    viewport.addEventListener('scroll', schedule);\n\n    return () => {\n      cancelAnimationFrame(frame);\n      viewport.removeEventListener('resize', schedule);\n      viewport.removeEventListener('scroll', schedule);\n      clear();\n    };\n  }, [enabled, source]);\n\n  return state;\n}\n","import { useEffect, useCallback } from 'react';\n\n/**\n * Options for keyboard shortcut hook\n */\nexport interface KeyboardShortcutOptions {\n  /** Whether the shortcut is currently enabled (default: true) */\n  enabled?: boolean;\n  /** Modifier keys required (default: none) */\n  modifiers?: {\n    ctrl?: boolean;\n    shift?: boolean;\n    alt?: boolean;\n    meta?: boolean;\n  };\n  /** Whether to prevent default browser behavior (default: true) */\n  preventDefault?: boolean;\n  /** Whether to stop event propagation (default: false) */\n  stopPropagation?: boolean;\n  /** Element types to ignore when the shortcut is pressed (default: ['INPUT', 'TEXTAREA', 'SELECT']) */\n  ignoreInputs?: boolean;\n}\n\n/**\n * Hook that triggers a callback when a specific keyboard shortcut is pressed.\n * Supports modifier keys (Ctrl, Shift, Alt, Meta) and ignores input fields by default.\n *\n * @param key - The key to listen for (e.g., 'k', 'Enter', 'Escape', '/')\n * @param callback - Function to call when the shortcut is pressed\n * @param options - Configuration options\n *\n * @example\n * ```tsx\n * // Cmd/Ctrl+K to open search\n * useKeyboardShortcut('k', openSearch, { modifiers: { meta: true, ctrl: true } });\n *\n * // Forward slash to focus search (ignoring when typing)\n * useKeyboardShortcut('/', focusSearch);\n *\n * // Escape to close modal\n * useKeyboardShortcut('Escape', closeModal);\n * ```\n */\nexport function useKeyboardShortcut(\n  key: string,\n  callback: (event: KeyboardEvent) => void,\n  options: KeyboardShortcutOptions = {}\n): void {\n  const {\n    enabled = true,\n    modifiers = {},\n    preventDefault = true,\n    stopPropagation = false,\n    ignoreInputs = true,\n  } = options;\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // Check if we should ignore input fields\n      if (ignoreInputs) {\n        const target = event.target as HTMLElement;\n        const tagName = target.tagName.toUpperCase();\n        if (\n          tagName === 'INPUT' ||\n          tagName === 'TEXTAREA' ||\n          tagName === 'SELECT' ||\n          target.isContentEditable\n        ) {\n          return;\n        }\n      }\n\n      // Check modifiers\n      const { ctrl, shift, alt, meta } = modifiers;\n\n      // For Cmd+K style shortcuts, allow either meta (Mac) or ctrl (Windows/Linux)\n      const metaOrCtrl = meta || ctrl;\n      if (metaOrCtrl) {\n        if (!(event.metaKey || event.ctrlKey)) return;\n      } else {\n        // If no meta/ctrl modifier specified, ensure neither is pressed\n        if (event.metaKey || event.ctrlKey) return;\n      }\n\n      if (shift && !event.shiftKey) return;\n      if (alt && !event.altKey) return;\n\n      // Check key match (case-insensitive for letters)\n      const eventKey =\n        event.key.length === 1 ? event.key.toLowerCase() : event.key;\n      const targetKey = key.length === 1 ? key.toLowerCase() : key;\n      if (eventKey !== targetKey) return;\n\n      if (preventDefault) {\n        event.preventDefault();\n      }\n      if (stopPropagation) {\n        event.stopPropagation();\n      }\n\n      callback(event);\n    },\n    [key, callback, modifiers, preventDefault, stopPropagation, ignoreInputs]\n  );\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [handleKeyDown, enabled]);\n}\n\n/**\n * Hook for the common Cmd/Ctrl+K shortcut pattern (command palette, search, etc.)\n *\n * @param callback - Function to call when Cmd/Ctrl+K is pressed\n * @param enabled - Whether the shortcut is active (default: true)\n *\n * @example\n * ```tsx\n * useCommandK(() => setIsOpen(true));\n * ```\n */\nexport function useCommandK(callback: () => void, enabled = true): void {\n  useKeyboardShortcut('k', callback, {\n    enabled,\n    modifiers: { meta: true, ctrl: true },\n    ignoreInputs: false, // Cmd+K should work even in inputs\n  });\n}\n","import { useState, useEffect } from 'react';\n\n/**\n * Hook that tracks whether a media query matches.\n * Uses the native `matchMedia` API for efficient media query tracking.\n *\n * @param query - CSS media query string (e.g., '(min-width: 768px)')\n * @returns Boolean indicating whether the media query matches\n *\n * @example\n * ```tsx\n * function ResponsiveComponent() {\n *   const isMobile = useMediaQuery('(max-width: 767px)');\n *   const isTablet = useMediaQuery('(min-width: 768px) and (max-width: 1023px)');\n *   const isDesktop = useMediaQuery('(min-width: 1024px)');\n *\n *   return (\n *     <div>\n *       {isMobile && <MobileLayout />}\n *       {isTablet && <TabletLayout />}\n *       {isDesktop && <DesktopLayout />}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useMediaQuery(query: string): boolean {\n  // Initialize with null to indicate SSR/initial state\n  const [matches, setMatches] = useState<boolean>(() => {\n    // Check if we're in a browser environment\n    if (typeof window === 'undefined') return false;\n    return window.matchMedia(query).matches;\n  });\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const mediaQuery = window.matchMedia(query);\n\n    // Set initial value\n    setMatches(mediaQuery.matches);\n\n    // Handler for media query changes\n    const handler = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    // Modern browsers use addEventListener\n    if (mediaQuery.addEventListener) {\n      mediaQuery.addEventListener('change', handler);\n      return () => mediaQuery.removeEventListener('change', handler);\n    }\n\n    // Fallback for older browsers\n    mediaQuery.addListener(handler);\n    return () => mediaQuery.removeListener(handler);\n  }, [query]);\n\n  return matches;\n}\n\n/**\n * Preset breakpoint hooks following common responsive design patterns\n */\n\n/** Returns true when viewport is smaller than 640px (mobile) */\nexport function useIsMobile(): boolean {\n  return useMediaQuery('(max-width: 639px)');\n}\n\n/** Returns true when viewport is 640px-767px (large mobile / small tablet) */\nexport function useIsSmallTablet(): boolean {\n  return useMediaQuery('(min-width: 640px) and (max-width: 767px)');\n}\n\n/** Returns true when viewport is 768px-1023px (tablet) */\nexport function useIsTablet(): boolean {\n  return useMediaQuery('(min-width: 768px) and (max-width: 1023px)');\n}\n\n/** Returns true when viewport is 1024px or larger (desktop) */\nexport function useIsDesktop(): boolean {\n  return useMediaQuery('(min-width: 1024px)');\n}\n\n/** Returns true when viewport is 1280px or larger (large desktop) */\nexport function useIsLargeDesktop(): boolean {\n  return useMediaQuery('(min-width: 1280px)');\n}\n\n/** Returns true when viewport is smaller than 1024px (mobile/tablet) */\nexport function useIsMobileOrTablet(): boolean {\n  return useMediaQuery('(max-width: 1023px)');\n}\n","'use client';\n\nimport * as React from 'react';\n\nexport interface OrderPersistenceAdapter {\n  /** Previously saved order, or null when there is none */\n  load: () => string[] | null | Promise<string[] | null>;\n  save: (order: string[]) => void | Promise<void>;\n}\n\nexport interface UseOrderPersistenceOptions extends OrderPersistenceAdapter {\n  /** Delay before `save` runs; rapid changes collapse into one save. */\n  debounceMs?: number;\n  /** Called when `load` or `save` throws or rejects */\n  onError?: (error: unknown) => void;\n}\n\nexport interface UseOrderPersistenceReturn {\n  /** Saved order merged with the current `ids` */\n  order: string[];\n  /** Update the order immediately and schedule a debounced save */\n  setOrder: (order: string[]) => void;\n}\n\n/** Keep saved ids that still exist, then append new ids in their given order. */\nexport function mergeOrder(saved: string[] | null, ids: string[]): string[] {\n  if (!saved) return ids;\n  const known = new Set(ids);\n  const kept = [...new Set(saved)].filter((id) => known.has(id));\n  const keptSet = new Set(kept);\n  return [...kept, ...ids.filter((id) => !keptSet.has(id))];\n}\n\n/**\n * Persist a user's item order (sections, widgets, list rows) through any\n * storage. Updates are optimistic, saves are debounced and a pending save is\n * flushed on unmount and on `pagehide` (navigation, refresh, tab close). On\n * `pagehide` only work `save` starts synchronously is guaranteed — use\n * localStorage or `navigator.sendBeacon` there; an async `fetch` may be cut\n * off. `load` runs once after mount, so server and first client render use\n * `ids` order.\n *\n * @example\n * ```tsx\n * const adapter = React.useMemo(() => localStorageOrderAdapter('clinic-sections'), []);\n * const { order, setOrder } = useOrderPersistence(sectionIds, adapter);\n * const drag = useDragReorder({ ids: order, onReorder: setOrder });\n * ```\n */\nexport function useOrderPersistence(\n  ids: string[],\n  { load, save, debounceMs = 500, onError }: UseOrderPersistenceOptions\n): UseOrderPersistenceReturn {\n  const [saved, setSaved] = React.useState<string[] | null>(null);\n  const callbacks = React.useRef({ load, save, onError });\n  callbacks.current = { load, save, onError };\n  const pending = React.useRef<string[] | null>(null);\n  const timer = React.useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined\n  );\n  const touched = React.useRef(false);\n  // In-flight save count: `force` (pagehide) saves may overlap a normal one,\n  // so queued flushes resume only after every save settles.\n  const saving = React.useRef(0);\n  // When saves overlap, their completion order is unknown and a stale write\n  // could land last; the newest payload is saved once more after all settle.\n  const lastStarted = React.useRef<string[] | null>(null);\n  const overlapped = React.useRef(false);\n\n  // One save at a time; changes made meanwhile coalesce into the next save.\n  // `force` skips the queue for page unloads, where a queued save never runs.\n  const flush = React.useCallback(function flushPending(force = false) {\n    clearTimeout(timer.current);\n    const next = pending.current;\n    if (!next || (saving.current > 0 && !force)) return;\n    pending.current = null;\n    if (saving.current > 0) overlapped.current = true;\n    saving.current += 1;\n    lastStarted.current = next;\n    const { save: run, onError: fail } = callbacks.current;\n    let result: void | Promise<void>;\n    try {\n      result = run(next);\n    } catch (e) {\n      result = Promise.reject(e);\n    }\n    void Promise.resolve(result)\n      .catch((e: unknown) => fail?.(e))\n      .finally(() => {\n        saving.current -= 1;\n        if (saving.current > 0) return;\n        if (overlapped.current) {\n          overlapped.current = false;\n          pending.current ??= lastStarted.current;\n        }\n        flushPending();\n      });\n  }, []);\n\n  React.useEffect(() => {\n    let active = true;\n    const { load: read, onError: fail } = callbacks.current;\n    Promise.resolve()\n      .then(read)\n      .then((value) => {\n        // A change made while loading wins over the stored order\n        if (active && value && !touched.current) setSaved(value);\n      })\n      .catch((e: unknown) => fail?.(e));\n    return () => {\n      active = false;\n      flush();\n    };\n  }, [flush]);\n\n  React.useEffect(() => {\n    const onPageHide = () => flush(true);\n    window.addEventListener('pagehide', onPageHide);\n    return () => window.removeEventListener('pagehide', onPageHide);\n  }, [flush]);\n\n  const setOrder = React.useCallback(\n    (next: string[]) => {\n      touched.current = true;\n      setSaved(next);\n      pending.current = next;\n      clearTimeout(timer.current);\n      timer.current = setTimeout(flush, debounceMs);\n    },\n    [debounceMs, flush]\n  );\n\n  const order = React.useMemo(() => mergeOrder(saved, ids), [saved, ids]);\n  return { order, setOrder };\n}\n\n/** `useOrderPersistence` adapter backed by `localStorage` (no-op on the server or when storage is blocked). */\nexport function localStorageOrderAdapter(key: string): OrderPersistenceAdapter {\n  return {\n    load: () => {\n      try {\n        if (typeof window === 'undefined') return null;\n        const raw: unknown = JSON.parse(\n          window.localStorage.getItem(key) ?? 'null'\n        );\n        return Array.isArray(raw) && raw.every((v) => typeof v === 'string')\n          ? (raw as string[])\n          : null;\n      } catch {\n        return null;\n      }\n    },\n    save: (order) => {\n      try {\n        if (typeof window !== 'undefined')\n          window.localStorage.setItem(key, JSON.stringify(order));\n      } catch {\n        // Quota exceeded or storage disabled: keep the in-memory order\n      }\n    },\n  };\n}\n"]}

package/dist/chunk-YGS2TRMP.js

@@ -0,0 +1,38 @@
+import { toDateTime } from './chunk-3YBS4WUQ.js';
+import { DateTime } from 'luxon';
+
+function withLocale(dt, locale) {
+  return locale ? dt.setLocale(locale) : dt;
+}
+var millis = (dt) => dt ? dt.toMillis() : Number.NEGATIVE_INFINITY;
+function groupByDay(items, getDate, zone) {
+  const dated = items.map((item) => ({ item, dt: toDateTime(getDate(item), zone) })).sort((a, b) => millis(b.dt) - millis(a.dt) || 0);
+  const groups = [];
+  for (const { item, dt } of dated) {
+    const key = dt?.toISODate() ?? "";
+    const last = groups[groups.length - 1];
+    if (last?.key === key) last.items.push(item);
+    else groups.push({ key, items: [item] });
+  }
+  return groups;
+}
+function formatDayLabel(key, options) {
+  if (!key) return options.undated;
+  const day = withLocale(
+    DateTime.fromISO(key, { zone: options.zone }),
+    options.locale
+  );
+  const today = DateTime.fromJSDate(options.now, { zone: options.zone });
+  if (day.hasSame(today, "day")) return options.today;
+  if (day.hasSame(today.minus({ days: 1 }), "day")) return options.yesterday;
+  return day.toLocaleString({
+    weekday: "long",
+    month: "long",
+    day: "numeric",
+    ...day.year !== today.year && { year: "numeric" }
+  });
+}
+
+export { formatDayLabel, groupByDay, withLocale };
+//# sourceMappingURL=chunk-YGS2TRMP.js.map
+//# sourceMappingURL=chunk-YGS2TRMP.js.map

package/dist/chunk-YGS2TRMP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActivityFeed/dayGroups.ts"],"names":[],"mappings":";;;AAkBO,SAAS,UAAA,CAAW,IAAc,MAAA,EAA2B;AAClE,EAAA,OAAO,MAAA,GAAS,EAAA,CAAG,SAAA,CAAU,MAAM,CAAA,GAAI,EAAA;AACzC;AAEA,IAAM,SAAS,CAAC,EAAA,KACd,KAAK,EAAA,CAAG,QAAA,KAAa,MAAA,CAAO,iBAAA;AAGvB,SAAS,UAAA,CACd,KAAA,EACA,OAAA,EACA,IAAA,EACe;AACf,EAAA,MAAM,KAAA,GAAQ,KAAA,CACX,GAAA,CAAI,CAAC,IAAA,MAAU,EAAE,IAAA,EAAM,EAAA,EAAI,UAAA,CAAW,OAAA,CAAQ,IAAI,CAAA,EAAG,IAAI,CAAA,EAAE,CAAE,CAAA,CAC7D,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,MAAA,CAAO,CAAA,CAAE,EAAE,CAAA,GAAI,MAAA,CAAO,CAAA,CAAE,EAAE,CAAA,IAAK,CAAC,CAAA;AAElD,EAAA,MAAM,SAAwB,EAAC;AAC/B,EAAA,KAAA,MAAW,EAAE,IAAA,EAAM,EAAA,EAAG,IAAK,KAAA,EAAO;AAChC,IAAA,MAAM,GAAA,GAAM,EAAA,EAAI,SAAA,EAAU,IAAK,EAAA;AAC/B,IAAA,MAAM,IAAA,GAAO,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,CAAC,CAAA;AACrC,IAAA,IAAI,MAAM,GAAA,KAAQ,GAAA,EAAK,IAAA,CAAK,KAAA,CAAM,KAAK,IAAI,CAAA;AAAA,SACtC,MAAA,CAAO,KAAK,EAAE,GAAA,EAAK,OAAO,CAAC,IAAI,GAAG,CAAA;AAAA,EACzC;AACA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,cAAA,CAAe,KAAa,OAAA,EAAkC;AAC5E,EAAA,IAAI,CAAC,GAAA,EAAK,OAAO,OAAA,CAAQ,OAAA;AACzB,EAAA,MAAM,GAAA,GAAM,UAAA;AAAA,IACV,SAAS,OAAA,CAAQ,GAAA,EAAK,EAAE,IAAA,EAAM,OAAA,CAAQ,MAAM,CAAA;AAAA,IAC5C,OAAA,CAAQ;AAAA,GACV;AACA,EAAA,MAAM,KAAA,GAAQ,SAAS,UAAA,CAAW,OAAA,CAAQ,KAAK,EAAE,IAAA,EAAM,OAAA,CAAQ,IAAA,EAAM,CAAA;AACrE,EAAA,IAAI,IAAI,OAAA,CAAQ,KAAA,EAAO,KAAK,CAAA,SAAU,OAAA,CAAQ,KAAA;AAC9C,EAAA,IAAI,GAAA,CAAI,OAAA,CAAQ,KAAA,CAAM,KAAA,CAAM,EAAE,IAAA,EAAM,CAAA,EAAG,CAAA,EAAG,KAAK,CAAA,EAAG,OAAO,OAAA,CAAQ,SAAA;AACjE,EAAA,OAAO,IAAI,cAAA,CAAe;AAAA,IACxB,OAAA,EAAS,MAAA;AAAA,IACT,KAAA,EAAO,MAAA;AAAA,IACP,GAAA,EAAK,SAAA;AAAA,IACL,GAAI,GAAA,CAAI,IAAA,KAAS,MAAM,IAAA,IAAQ,EAAE,MAAM,SAAA;AAAU,GAClD,CAAA;AACH","file":"chunk-YGS2TRMP.js","sourcesContent":["import { DateTime } from 'luxon';\nimport { toDateTime } from '../../views/types';\n\nexport interface DayGroup<T> {\n  /** ISO date (`yyyy-MM-dd`) in the display zone; `''` for undated items. */\n  key: string;\n  items: T[];\n}\n\nexport interface DayLabelOptions {\n  now: Date;\n  zone: string;\n  locale?: string;\n  today: string;\n  yesterday: string;\n  undated: string;\n}\n\nexport function withLocale(dt: DateTime, locale?: string): DateTime {\n  return locale ? dt.setLocale(locale) : dt;\n}\n\nconst millis = (dt: DateTime | null) =>\n  dt ? dt.toMillis() : Number.NEGATIVE_INFINITY;\n\n/** Buckets items by calendar day in `zone`, newest first; undated items last. */\nexport function groupByDay<T>(\n  items: readonly T[],\n  getDate: (item: T) => Date | string | null | undefined,\n  zone: string\n): DayGroup<T>[] {\n  const dated = items\n    .map((item) => ({ item, dt: toDateTime(getDate(item), zone) }))\n    .sort((a, b) => millis(b.dt) - millis(a.dt) || 0);\n\n  const groups: DayGroup<T>[] = [];\n  for (const { item, dt } of dated) {\n    const key = dt?.toISODate() ?? '';\n    const last = groups[groups.length - 1];\n    if (last?.key === key) last.items.push(item);\n    else groups.push({ key, items: [item] });\n  }\n  return groups;\n}\n\nexport function formatDayLabel(key: string, options: DayLabelOptions): string {\n  if (!key) return options.undated;\n  const day = withLocale(\n    DateTime.fromISO(key, { zone: options.zone }),\n    options.locale\n  );\n  const today = DateTime.fromJSDate(options.now, { zone: options.zone });\n  if (day.hasSame(today, 'day')) return options.today;\n  if (day.hasSame(today.minus({ days: 1 }), 'day')) return options.yesterday;\n  return day.toLocaleString({\n    weekday: 'long',\n    month: 'long',\n    day: 'numeric',\n    ...(day.year !== today.year && { year: 'numeric' }),\n  });\n}\n"]}

package/dist/chunk-YUMOM3KE.js

@@ -0,0 +1,167 @@
+import { useLiveAnnouncement } from './chunk-HNXLLDPN.js';
+import * as React from 'react';
+
+function reorderIds(ids, draggedId, targetId, after) {
+  if (draggedId === targetId) return ids;
+  if (!ids.includes(draggedId)) return ids;
+  const without = ids.filter((i) => i !== draggedId);
+  const idx = without.indexOf(targetId);
+  if (idx === -1) return ids;
+  without.splice(after ? idx + 1 : idx, 0, draggedId);
+  return without;
+}
+function moveIdBy(ids, id, delta) {
+  const from = ids.indexOf(id);
+  if (from === -1) return ids;
+  const to = Math.max(0, Math.min(ids.length - 1, from + delta));
+  if (to === from) return ids;
+  const next = ids.filter((i) => i !== id);
+  next.splice(to, 0, id);
+  return next;
+}
+var DEFAULT_DRAG_REORDER_LABELS = {
+  moveUp: "Move up",
+  moveDown: "Move down",
+  moved: (position, total) => `Moved to position ${position} of ${total}`
+};
+function useDragReorder({
+  ids,
+  onReorder,
+  canDropOn,
+  keyboard = false,
+  announce,
+  getDragPreview,
+  labels: labelsProp
+}) {
+  const labels = { ...DEFAULT_DRAG_REORDER_LABELS, ...labelsProp };
+  const [announcement, announceLive] = useLiveAnnouncement();
+  const [draggingId, setDraggingId] = React.useState(null);
+  const draggingRef = React.useRef(null);
+  const [over, setOver] = React.useState(null);
+  const enabled = Boolean(onReorder);
+  const reset = React.useCallback(() => {
+    draggingRef.current = null;
+    setDraggingId(null);
+    setOver(null);
+  }, []);
+  const reachable = (id, delta) => {
+    const from = ids.indexOf(id);
+    if (!enabled || from === -1) return 0;
+    const step = Math.sign(delta);
+    let reach = 0;
+    while (reach !== delta) {
+      const t = from + reach + step;
+      if (t < 0 || t >= ids.length || canDropOn && !canDropOn(id, ids[t]))
+        break;
+      reach += step;
+    }
+    return reach;
+  };
+  const moveBy = (id, delta) => {
+    const next = moveIdBy(ids, id, reachable(id, delta));
+    if (next === ids) return;
+    onReorder?.(next);
+    const message = labels.moved(next.indexOf(id) + 1, next.length, id);
+    if (announce) announce(message);
+    else announceLive(message);
+  };
+  const moveButtonProps = (id, direction, label) => {
+    const delta = direction === "up" ? -1 : 1;
+    return {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        moveBy(id, delta);
+      },
+      disabled: reachable(id, delta) === 0,
+      "aria-label": label ?? (direction === "up" ? labels.moveUp : labels.moveDown)
+    };
+  };
+  const moveByRef = React.useRef(moveBy);
+  moveByRef.current = moveBy;
+  const rowProps = React.useCallback(
+    (id) => {
+      if (!enabled) return {};
+      const keyProps = keyboard ? {
+        tabIndex: 0,
+        "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown",
+        onKeyDown: (e) => {
+          if (e.target !== e.currentTarget || !e.altKey) return;
+          if (e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
+          e.preventDefault();
+          moveByRef.current(id, e.key === "ArrowUp" ? -1 : 1);
+        }
+      } : {};
+      return {
+        ...keyProps,
+        draggable: true,
+        // WebKit (iPadOS Safari, incl. remote-pointer sessions) starts a text
+        // selection instead of a drag when the drag source contains selectable
+        // text — suppress selection and explicitly mark the row as the drag
+        // element so press-drag reliably initiates drag-and-drop.
+        style: {
+          userSelect: "none",
+          WebkitUserSelect: "none",
+          WebkitUserDrag: "element"
+        },
+        onDragStart: (e) => {
+          e.dataTransfer.effectAllowed = "move";
+          e.dataTransfer.setData("text/plain", id);
+          const preview = getDragPreview?.(id);
+          if (preview) e.dataTransfer.setDragImage(preview, 0, 0);
+          draggingRef.current = id;
+          setDraggingId(id);
+        },
+        onDragEnd: reset,
+        onDragOver: (e) => {
+          const dragged = draggingRef.current;
+          if (!dragged || dragged === id || canDropOn && !canDropOn(dragged, id)) {
+            setOver(null);
+            return;
+          }
+          e.preventDefault();
+          e.dataTransfer.dropEffect = "move";
+          const r = e.currentTarget.getBoundingClientRect();
+          const after = e.clientY > r.top + r.height / 2;
+          setOver(
+            (prev) => prev?.id === id && prev.after === after ? prev : { id, after }
+          );
+        },
+        onDragLeave: () => {
+          setOver((prev) => prev?.id === id ? null : prev);
+        },
+        onDrop: (e) => {
+          e.preventDefault();
+          const dragged = draggingRef.current ?? e.dataTransfer.getData("text/plain");
+          reset();
+          if (!dragged || dragged === id) return;
+          if (canDropOn && !canDropOn(dragged, id)) return;
+          const r = e.currentTarget.getBoundingClientRect();
+          const after = e.clientY > r.top + r.height / 2;
+          onReorder?.(reorderIds(ids, dragged, id, after));
+        }
+      };
+    },
+    [enabled, keyboard, ids, onReorder, canDropOn, getDragPreview, reset]
+  );
+  return {
+    enabled,
+    draggingId,
+    over,
+    rowProps,
+    moveBy,
+    moveButtonProps,
+    announcement: announce ? "" : announcement
+  };
+}
+function dragIndicatorClasses(drag, id) {
+  return [
+    drag.draggingId === id ? "opacity-40" : "",
+    drag.over?.id === id && !drag.over.after ? "shadow-[inset_0_2px_0_0_var(--color-primary-500,#3b82f6)]" : "",
+    drag.over?.id === id && drag.over.after ? "shadow-[inset_0_-2px_0_0_var(--color-primary-500,#3b82f6)]" : ""
+  ].filter(Boolean).join(" ");
+}
+
+export { DEFAULT_DRAG_REORDER_LABELS, dragIndicatorClasses, moveIdBy, reorderIds, useDragReorder };
+//# sourceMappingURL=chunk-YUMOM3KE.js.map
+//# sourceMappingURL=chunk-YUMOM3KE.js.map

package/dist/chunk-YUMOM3KE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDragReorder.ts"],"names":[],"mappings":";;;AAOO,SAAS,UAAA,CACd,GAAA,EACA,SAAA,EACA,QAAA,EACA,KAAA,EACU;AACV,EAAA,IAAI,SAAA,KAAc,UAAU,OAAO,GAAA;AAGnC,EAAA,IAAI,CAAC,GAAA,CAAI,QAAA,CAAS,SAAS,GAAG,OAAO,GAAA;AACrC,EAAA,MAAM,UAAU,GAAA,CAAI,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,SAAS,CAAA;AACjD,EAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,OAAA,CAAQ,QAAQ,CAAA;AACpC,EAAA,IAAI,GAAA,KAAQ,IAAI,OAAO,GAAA;AACvB,EAAA,OAAA,CAAQ,OAAO,KAAA,GAAQ,GAAA,GAAM,CAAA,GAAI,GAAA,EAAK,GAAG,SAAS,CAAA;AAClD,EAAA,OAAO,OAAA;AACT;AAGO,SAAS,QAAA,CAAS,GAAA,EAAe,EAAA,EAAY,KAAA,EAAyB;AAC3E,EAAA,MAAM,IAAA,GAAO,GAAA,CAAI,OAAA,CAAQ,EAAE,CAAA;AAC3B,EAAA,IAAI,IAAA,KAAS,IAAI,OAAO,GAAA;AACxB,EAAA,MAAM,EAAA,GAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,GAAA,CAAI,MAAA,GAAS,CAAA,EAAG,IAAA,GAAO,KAAK,CAAC,CAAA;AAC7D,EAAA,IAAI,EAAA,KAAO,MAAM,OAAO,GAAA;AACxB,EAAA,MAAM,OAAO,GAAA,CAAI,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,EAAE,CAAA;AACvC,EAAA,IAAA,CAAK,MAAA,CAAO,EAAA,EAAI,CAAA,EAAG,EAAE,CAAA;AACrB,EAAA,OAAO,IAAA;AACT;AASO,IAAM,2BAAA,GAAiD;AAAA,EAC5D,MAAA,EAAQ,SAAA;AAAA,EACR,QAAA,EAAU,WAAA;AAAA,EACV,OAAO,CAAC,QAAA,EAAU,UAAU,CAAA,kBAAA,EAAqB,QAAQ,OAAO,KAAK,CAAA;AACvE;AAoEO,SAAS,cAAA,CAAe;AAAA,EAC7B,GAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,cAAA;AAAA,EACA,MAAA,EAAQ;AACV,CAAA,EAAgD;AAC9C,EAAA,MAAM,MAAA,GAAS,EAAE,GAAG,2BAAA,EAA6B,GAAG,UAAA,EAAW;AAC/D,EAAA,MAAM,CAAC,YAAA,EAAc,YAAY,CAAA,GAAI,mBAAA,EAAoB;AACzD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAU,eAAwB,IAAI,CAAA;AAGtE,EAAA,MAAM,WAAA,GAAoB,aAAsB,IAAI,CAAA;AACpD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAA+B,IAAI,CAAA;AACjE,EAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AAEjC,EAAA,MAAM,KAAA,GAAc,kBAAY,MAAM;AACpC,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,EACd,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,MAAM,SAAA,GAAY,CAAC,EAAA,EAAY,KAAA,KAA0B;AACvD,IAAA,MAAM,IAAA,GAAO,GAAA,CAAI,OAAA,CAAQ,EAAE,CAAA;AAC3B,IAAA,IAAI,CAAC,OAAA,IAAW,IAAA,KAAS,EAAA,EAAI,OAAO,CAAA;AACpC,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,IAAA,CAAK,KAAK,CAAA;AAC5B,IAAA,IAAI,KAAA,GAAQ,CAAA;AACZ,IAAA,OAAO,UAAU,KAAA,EAAO;AACtB,MAAA,MAAM,CAAA,GAAI,OAAO,KAAA,GAAQ,IAAA;AACzB,MAAA,IAAI,CAAA,GAAI,CAAA,IAAK,CAAA,IAAK,GAAA,CAAI,MAAA,IAAW,SAAA,IAAa,CAAC,SAAA,CAAU,EAAA,EAAI,GAAA,CAAI,CAAC,CAAC,CAAA;AACjE,QAAA;AACF,MAAA,KAAA,IAAS,IAAA;AAAA,IACX;AACA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,MAAA,GAAS,CAAC,EAAA,EAAY,KAAA,KAAkB;AAC5C,IAAA,MAAM,OAAO,QAAA,CAAS,GAAA,EAAK,IAAI,SAAA,CAAU,EAAA,EAAI,KAAK,CAAC,CAAA;AACnD,IAAA,IAAI,SAAS,GAAA,EAAK;AAClB,IAAA,SAAA,GAAY,IAAI,CAAA;AAChB,IAAA,MAAM,OAAA,GAAU,MAAA,CAAO,KAAA,CAAM,IAAA,CAAK,OAAA,CAAQ,EAAE,CAAA,GAAI,CAAA,EAAG,IAAA,CAAK,MAAA,EAAQ,EAAE,CAAA;AAClE,IAAA,IAAI,QAAA,WAAmB,OAAO,CAAA;AAAA,sBACZ,OAAO,CAAA;AAAA,EAC3B,CAAA;AAEA,EAAA,MAAM,eAAA,GAA2D,CAC/D,EAAA,EACA,SAAA,EACA,KAAA,KACG;AACH,IAAA,MAAM,KAAA,GAAQ,SAAA,KAAc,IAAA,GAAO,EAAA,GAAK,CAAA;AACxC,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,QAAA;AAAA,MACN,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,QAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,QAAA,MAAA,CAAO,IAAI,KAAK,CAAA;AAAA,MAClB,CAAA;AAAA,MACA,QAAA,EAAU,SAAA,CAAU,EAAA,EAAI,KAAK,CAAA,KAAM,CAAA;AAAA,MACnC,cACE,KAAA,KAAU,SAAA,KAAc,IAAA,GAAO,MAAA,CAAO,SAAS,MAAA,CAAO,QAAA;AAAA,KAC1D;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,SAAA,GAAkB,aAAO,MAAM,CAAA;AACrC,EAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AAEpB,EAAA,MAAM,QAAA,GAAiB,KAAA,CAAA,WAAA;AAAA,IACrB,CAAC,EAAA,KAAkD;AACjD,MAAA,IAAI,CAAC,OAAA,EAAS,OAAO,EAAC;AACtB,MAAA,MAAM,WAA8C,QAAA,GAChD;AAAA,QACE,QAAA,EAAU,CAAA;AAAA,QACV,mBAAA,EAAqB,2BAAA;AAAA,QACrB,SAAA,EAAW,CAAC,CAAA,KAAM;AAChB,UAAA,IAAI,EAAE,MAAA,KAAW,CAAA,CAAE,aAAA,IAAiB,CAAC,EAAE,MAAA,EAAQ;AAC/C,UAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,SAAA,IAAa,CAAA,CAAE,QAAQ,WAAA,EAAa;AAClD,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,SAAA,CAAU,QAAQ,EAAA,EAAI,CAAA,CAAE,GAAA,KAAQ,SAAA,GAAY,KAAK,CAAC,CAAA;AAAA,QACpD;AAAA,UAEF,EAAC;AACL,MAAA,OAAO;AAAA,QACL,GAAG,QAAA;AAAA,QACH,SAAA,EAAW,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKX,KAAA,EAAO;AAAA,UACL,UAAA,EAAY,MAAA;AAAA,UACZ,gBAAA,EAAkB,MAAA;AAAA,UAClB,cAAA,EAAgB;AAAA,SAClB;AAAA,QACA,WAAA,EAAa,CAAC,CAAA,KAAM;AAClB,UAAA,CAAA,CAAE,aAAa,aAAA,GAAgB,MAAA;AAC/B,UAAA,CAAA,CAAE,YAAA,CAAa,OAAA,CAAQ,YAAA,EAAc,EAAE,CAAA;AACvC,UAAA,MAAM,OAAA,GAAU,iBAAiB,EAAE,CAAA;AACnC,UAAA,IAAI,SAAS,CAAA,CAAE,YAAA,CAAa,YAAA,CAAa,OAAA,EAAS,GAAG,CAAC,CAAA;AACtD,UAAA,WAAA,CAAY,OAAA,GAAU,EAAA;AACtB,UAAA,aAAA,CAAc,EAAE,CAAA;AAAA,QAClB,CAAA;AAAA,QACA,SAAA,EAAW,KAAA;AAAA,QACX,UAAA,EAAY,CAAC,CAAA,KAAM;AACjB,UAAA,MAAM,UAAU,WAAA,CAAY,OAAA;AAC5B,UAAA,IACE,CAAC,WACD,OAAA,KAAY,EAAA,IACX,aAAa,CAAC,SAAA,CAAU,OAAA,EAAS,EAAE,CAAA,EACpC;AAEA,YAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,YAAA;AAAA,UACF;AACA,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,CAAA,CAAE,aAAa,UAAA,GAAa,MAAA;AAC5B,UAAA,MAAM,CAAA,GAAI,CAAA,CAAE,aAAA,CAAc,qBAAA,EAAsB;AAChD,UAAA,MAAM,QAAQ,CAAA,CAAE,OAAA,GAAU,CAAA,CAAE,GAAA,GAAM,EAAE,MAAA,GAAS,CAAA;AAC7C,UAAA,OAAA;AAAA,YAAQ,CAAC,IAAA,KACP,IAAA,EAAM,EAAA,KAAO,EAAA,IAAM,IAAA,CAAK,KAAA,KAAU,KAAA,GAAQ,IAAA,GAAO,EAAE,EAAA,EAAI,KAAA;AAAM,WAC/D;AAAA,QACF,CAAA;AAAA,QACA,aAAa,MAAM;AACjB,UAAA,OAAA,CAAQ,CAAC,IAAA,KAAU,IAAA,EAAM,EAAA,KAAO,EAAA,GAAK,OAAO,IAAK,CAAA;AAAA,QACnD,CAAA;AAAA,QACA,MAAA,EAAQ,CAAC,CAAA,KAAM;AACb,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,MAAM,UACJ,WAAA,CAAY,OAAA,IAAW,CAAA,CAAE,YAAA,CAAa,QAAQ,YAAY,CAAA;AAC5D,UAAA,KAAA,EAAM;AACN,UAAA,IAAI,CAAC,OAAA,IAAW,OAAA,KAAY,EAAA,EAAI;AAChC,UAAA,IAAI,SAAA,IAAa,CAAC,SAAA,CAAU,OAAA,EAAS,EAAE,CAAA,EAAG;AAC1C,UAAA,MAAM,CAAA,GAAI,CAAA,CAAE,aAAA,CAAc,qBAAA,EAAsB;AAChD,UAAA,MAAM,QAAQ,CAAA,CAAE,OAAA,GAAU,CAAA,CAAE,GAAA,GAAM,EAAE,MAAA,GAAS,CAAA;AAC7C,UAAA,SAAA,GAAY,UAAA,CAAW,GAAA,EAAK,OAAA,EAAS,EAAA,EAAI,KAAK,CAAC,CAAA;AAAA,QACjD;AAAA,OACF;AAAA,IACF,CAAA;AAAA,IACA,CAAC,OAAA,EAAS,QAAA,EAAU,KAAK,SAAA,EAAW,SAAA,EAAW,gBAAgB,KAAK;AAAA,GACtE;AAEA,EAAA,OAAO;AAAA,IACL,OAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA,EAAc,WAAW,EAAA,GAAK;AAAA,GAChC;AACF;AAGO,SAAS,oBAAA,CACd,MACA,EAAA,EACQ;AACR,EAAA,OAAO;AAAA,IACL,IAAA,CAAK,UAAA,KAAe,EAAA,GAAK,YAAA,GAAe,EAAA;AAAA,IACxC,IAAA,CAAK,MAAM,EAAA,KAAO,EAAA,IAAM,CAAC,IAAA,CAAK,IAAA,CAAK,QAC/B,2DAAA,GACA,EAAA;AAAA,IACJ,KAAK,IAAA,EAAM,EAAA,KAAO,MAAM,IAAA,CAAK,IAAA,CAAK,QAC9B,4DAAA,GACA;AAAA,GACN,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACb","file":"chunk-YUMOM3KE.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { useLiveAnnouncement } from './useLiveAnnouncement';\n\n/** Insert `draggedId` before/after `targetId` in `ids`. */\nexport function reorderIds(\n  ids: string[],\n  draggedId: string,\n  targetId: string,\n  after: boolean\n): string[] {\n  if (draggedId === targetId) return ids;\n  // Ignore drags that originate outside this list (stale payloads would\n  // otherwise be inserted as unknown ids).\n  if (!ids.includes(draggedId)) return ids;\n  const without = ids.filter((i) => i !== draggedId);\n  const idx = without.indexOf(targetId);\n  if (idx === -1) return ids;\n  without.splice(after ? idx + 1 : idx, 0, draggedId);\n  return without;\n}\n\n/** Move `id` by `delta` positions (clamped). Returns `ids` unchanged when it can't move. */\nexport function moveIdBy(ids: string[], id: string, delta: number): string[] {\n  const from = ids.indexOf(id);\n  if (from === -1) return ids;\n  const to = Math.max(0, Math.min(ids.length - 1, from + delta));\n  if (to === from) return ids;\n  const next = ids.filter((i) => i !== id);\n  next.splice(to, 0, id);\n  return next;\n}\n\nexport interface DragReorderLabels {\n  moveUp: string;\n  moveDown: string;\n  /** Announced after a keyboard/button move */\n  moved: (position: number, total: number, id: string) => string;\n}\n\nexport const DEFAULT_DRAG_REORDER_LABELS: DragReorderLabels = {\n  moveUp: 'Move up',\n  moveDown: 'Move down',\n  moved: (position, total) => `Moved to position ${position} of ${total}`,\n};\n\nexport interface UseDragReorderOptions {\n  /** Current flat order of item ids (props order) */\n  ids: string[];\n  /** Called with the full new id order after a drop or move. Omit to disable reordering. */\n  onReorder?: (ids: string[]) => void;\n  /** Restrict drops, e.g. to the same status group */\n  canDropOn?: (draggedId: string, targetId: string) => boolean;\n  /** Add Alt+ArrowUp / Alt+ArrowDown handling (and `tabIndex={0}`) to `rowProps`. Off by default so rows with their own `onKeyDown` keep working. */\n  keyboard?: boolean;\n  /** Receives move announcements instead of the returned `announcement` string. */\n  announce?: (message: string) => void;\n  /** Element rendered as the drag image (`dataTransfer.setDragImage`). */\n  getDragPreview?: (id: string) => Element | null;\n  labels?: Partial<DragReorderLabels>;\n}\n\nexport interface DragOverState {\n  id: string;\n  /** Drop indicator position relative to the hovered row */\n  after: boolean;\n}\n\nexport interface UseDragReorderReturn {\n  /** Whether drag reordering is active (onReorder provided) */\n  enabled: boolean;\n  /** Id currently being dragged, if any */\n  draggingId: string | null;\n  /** Row currently hovered as a drop target */\n  over: DragOverState | null;\n  /** Spread onto each row element (must be keyed by a stable id) */\n  rowProps: (id: string) => React.HTMLAttributes<HTMLElement>;\n  /** Move an item by `delta` positions; no-op at the ends or across `canDropOn` boundaries. */\n  moveBy: (id: string, delta: number) => void;\n  /** Props for a visible move button */\n  moveButtonProps: (\n    id: string,\n    direction: 'up' | 'down',\n    label?: string\n  ) => {\n    type: 'button';\n    onClick: (e: React.MouseEvent) => void;\n    disabled: boolean;\n    'aria-label': string;\n  };\n  /** Latest move message; render in an `aria-live=\"polite\"` region (empty when `announce` is given). */\n  announcement: string;\n}\n\n/**\n * HTML5 drag-and-drop list reordering. Rows spread `rowProps(id)`; on drop the\n * hook computes the full new id order and reports it via `onReorder` — the\n * consumer persists it (e.g. on the encounter/patient object) and feeds the\n * list back in props order.\n *\n * Drag-and-drop is pointer-only, so pair it with `moveButtonProps` buttons\n * and/or `keyboard: true` (Alt+↑/↓ on focused rows), and render\n * `announcement` in a polite live region.\n *\n * @example\n * ```tsx\n * const drag = useDragReorder({ ids: items.map((i) => i.id), onReorder, keyboard: true });\n * // <li {...drag.rowProps(item.id)} className={cn(dragIndicatorClasses(drag, item.id))}>\n * //   <button {...drag.moveButtonProps(item.id, 'up')}><ChevronUp /></button>\n * // <div aria-live=\"polite\" className=\"sr-only\">{drag.announcement}</div>\n * ```\n */\nexport function useDragReorder({\n  ids,\n  onReorder,\n  canDropOn,\n  keyboard = false,\n  announce,\n  getDragPreview,\n  labels: labelsProp,\n}: UseDragReorderOptions): UseDragReorderReturn {\n  const labels = { ...DEFAULT_DRAG_REORDER_LABELS, ...labelsProp };\n  const [announcement, announceLive] = useLiveAnnouncement();\n  const [draggingId, setDraggingId] = React.useState<string | null>(null);\n  // dragover can fire before the dragstart state update is visible, so the\n  // authoritative dragged id lives in a ref (set synchronously)\n  const draggingRef = React.useRef<string | null>(null);\n  const [over, setOver] = React.useState<DragOverState | null>(null);\n  const enabled = Boolean(onReorder);\n\n  const reset = React.useCallback(() => {\n    draggingRef.current = null;\n    setDraggingId(null);\n    setOver(null);\n  }, []);\n\n  /** How far `id` can move toward `delta`: stops at the ends or the first slot canDropOn rejects. */\n  const reachable = (id: string, delta: number): number => {\n    const from = ids.indexOf(id);\n    if (!enabled || from === -1) return 0;\n    const step = Math.sign(delta);\n    let reach = 0;\n    while (reach !== delta) {\n      const t = from + reach + step;\n      if (t < 0 || t >= ids.length || (canDropOn && !canDropOn(id, ids[t])))\n        break;\n      reach += step;\n    }\n    return reach;\n  };\n\n  const moveBy = (id: string, delta: number) => {\n    const next = moveIdBy(ids, id, reachable(id, delta));\n    if (next === ids) return;\n    onReorder?.(next);\n    const message = labels.moved(next.indexOf(id) + 1, next.length, id);\n    if (announce) announce(message);\n    else announceLive(message);\n  };\n\n  const moveButtonProps: UseDragReorderReturn['moveButtonProps'] = (\n    id,\n    direction,\n    label\n  ) => {\n    const delta = direction === 'up' ? -1 : 1;\n    return {\n      type: 'button',\n      onClick: (e) => {\n        e.stopPropagation();\n        moveBy(id, delta);\n      },\n      disabled: reachable(id, delta) === 0,\n      'aria-label':\n        label ?? (direction === 'up' ? labels.moveUp : labels.moveDown),\n    };\n  };\n\n  const moveByRef = React.useRef(moveBy);\n  moveByRef.current = moveBy;\n\n  const rowProps = React.useCallback(\n    (id: string): React.HTMLAttributes<HTMLElement> => {\n      if (!enabled) return {};\n      const keyProps: React.HTMLAttributes<HTMLElement> = keyboard\n        ? {\n            tabIndex: 0,\n            'aria-keyshortcuts': 'Alt+ArrowUp Alt+ArrowDown',\n            onKeyDown: (e) => {\n              if (e.target !== e.currentTarget || !e.altKey) return;\n              if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') return;\n              e.preventDefault();\n              moveByRef.current(id, e.key === 'ArrowUp' ? -1 : 1);\n            },\n          }\n        : {};\n      return {\n        ...keyProps,\n        draggable: true,\n        // WebKit (iPadOS Safari, incl. remote-pointer sessions) starts a text\n        // selection instead of a drag when the drag source contains selectable\n        // text — suppress selection and explicitly mark the row as the drag\n        // element so press-drag reliably initiates drag-and-drop.\n        style: {\n          userSelect: 'none',\n          WebkitUserSelect: 'none',\n          WebkitUserDrag: 'element',\n        } as React.CSSProperties,\n        onDragStart: (e) => {\n          e.dataTransfer.effectAllowed = 'move';\n          e.dataTransfer.setData('text/plain', id);\n          const preview = getDragPreview?.(id);\n          if (preview) e.dataTransfer.setDragImage(preview, 0, 0);\n          draggingRef.current = id;\n          setDraggingId(id);\n        },\n        onDragEnd: reset,\n        onDragOver: (e) => {\n          const dragged = draggingRef.current;\n          if (\n            !dragged ||\n            dragged === id ||\n            (canDropOn && !canDropOn(dragged, id))\n          ) {\n            // hovering an invalid target: clear any stale indicator\n            setOver(null);\n            return;\n          }\n          e.preventDefault();\n          e.dataTransfer.dropEffect = 'move';\n          const r = e.currentTarget.getBoundingClientRect();\n          const after = e.clientY > r.top + r.height / 2;\n          setOver((prev) =>\n            prev?.id === id && prev.after === after ? prev : { id, after }\n          );\n        },\n        onDragLeave: () => {\n          setOver((prev) => (prev?.id === id ? null : prev));\n        },\n        onDrop: (e) => {\n          e.preventDefault();\n          const dragged =\n            draggingRef.current ?? e.dataTransfer.getData('text/plain');\n          reset();\n          if (!dragged || dragged === id) return;\n          if (canDropOn && !canDropOn(dragged, id)) return;\n          const r = e.currentTarget.getBoundingClientRect();\n          const after = e.clientY > r.top + r.height / 2;\n          onReorder?.(reorderIds(ids, dragged, id, after));\n        },\n      };\n    },\n    [enabled, keyboard, ids, onReorder, canDropOn, getDragPreview, reset]\n  );\n\n  return {\n    enabled,\n    draggingId,\n    over,\n    rowProps,\n    moveBy,\n    moveButtonProps,\n    announcement: announce ? '' : announcement,\n  };\n}\n\n/** Tailwind classes for the drag state of a row: drop indicator + dragging dim. */\nexport function dragIndicatorClasses(\n  drag: Pick<UseDragReorderReturn, 'draggingId' | 'over'>,\n  id: string\n): string {\n  return [\n    drag.draggingId === id ? 'opacity-40' : '',\n    drag.over?.id === id && !drag.over.after\n      ? 'shadow-[inset_0_2px_0_0_var(--color-primary-500,#3b82f6)]'\n      : '',\n    drag.over?.id === id && drag.over.after\n      ? 'shadow-[inset_0_-2px_0_0_var(--color-primary-500,#3b82f6)]'\n      : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n"]}

package/dist/chunk-YVKBXNPK.js

@@ -0,0 +1,41 @@
+import { useState, useEffect } from 'react';
+
+// src/hooks/useDirection.ts
+var RTL_LOCALES = ["ar", "he", "fa", "ur"];
+function isRtlLocale(locale) {
+  const lang = locale.toLowerCase().split(/[-_]/)[0];
+  return RTL_LOCALES.includes(lang);
+}
+function resolveDirection(element) {
+  if (typeof document === "undefined") return "ltr";
+  const target = element ?? document.documentElement;
+  return getComputedStyle(target).direction === "rtl" ? "rtl" : "ltr";
+}
+function isRtl(element) {
+  return resolveDirection(element) === "rtl";
+}
+function useDirection(elementRef) {
+  const [direction, setDirection] = useState(
+    () => resolveDirection(elementRef?.current)
+  );
+  useEffect(() => {
+    const update = () => setDirection(resolveDirection(elementRef?.current));
+    update();
+    const observer = new MutationObserver(update);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["dir"],
+      subtree: true
+    });
+    return () => observer.disconnect();
+  }, [elementRef]);
+  const currentElement = elementRef?.current ?? null;
+  useEffect(() => {
+    setDirection(resolveDirection(currentElement));
+  }, [currentElement]);
+  return direction;
+}
+
+export { RTL_LOCALES, isRtl, isRtlLocale, useDirection };
+//# sourceMappingURL=chunk-YVKBXNPK.js.map
+//# sourceMappingURL=chunk-YVKBXNPK.js.map

package/dist/chunk-YVKBXNPK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDirection.ts"],"names":[],"mappings":";;;AAMO,IAAM,WAAA,GAAc,CAAC,IAAA,EAAM,IAAA,EAAM,MAAM,IAAI;AAM3C,SAAS,YAAY,MAAA,EAAyB;AACnD,EAAA,MAAM,OAAO,MAAA,CAAO,WAAA,GAAc,KAAA,CAAM,MAAM,EAAE,CAAC,CAAA;AACjD,EAAA,OAAQ,WAAA,CAAkC,SAAS,IAAI,CAAA;AACzD;AAEA,SAAS,iBAAiB,OAAA,EAAqC;AAC7D,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,KAAA;AAC5C,EAAA,MAAM,MAAA,GAAS,WAAW,QAAA,CAAS,eAAA;AACnC,EAAA,OAAO,gBAAA,CAAiB,MAAM,CAAA,CAAE,SAAA,KAAc,QAAQ,KAAA,GAAQ,KAAA;AAChE;AAaO,SAAS,MAAM,OAAA,EAAmC;AACvD,EAAA,OAAO,gBAAA,CAAiB,OAAO,CAAA,KAAM,KAAA;AACvC;AAoBO,SAAS,aACd,UAAA,EACW;AACX,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA;AAAA,IAAoB,MACpD,gBAAA,CAAiB,UAAA,EAAY,OAAO;AAAA,GACtC;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,SAAS,MAAM,YAAA,CAAa,gBAAA,CAAiB,UAAA,EAAY,OAAO,CAAC,CAAA;AACvE,IAAA,MAAA,EAAO;AAEP,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,MAAM,CAAA;AAC5C,IAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,eAAA,EAAiB;AAAA,MACzC,UAAA,EAAY,IAAA;AAAA,MACZ,eAAA,EAAiB,CAAC,KAAK,CAAA;AAAA,MACvB,OAAA,EAAS;AAAA,KACV,CAAA;AACD,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAKf,EAAA,MAAM,cAAA,GAAiB,YAAY,OAAA,IAAW,IAAA;AAC9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,gBAAA,CAAiB,cAAc,CAAC,CAAA;AAAA,EAC/C,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAA,OAAO,SAAA;AACT","file":"chunk-YVKBXNPK.js","sourcesContent":["import { useState, useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nexport type Direction = 'ltr' | 'rtl';\n\n/** Locales whose primary script reads right-to-left. */\nexport const RTL_LOCALES = ['ar', 'he', 'fa', 'ur'] as const;\n\n/**\n * Returns true when the given locale (e.g. `ar`, `ar-SA`, `he_IL`) uses a\n * right-to-left script.\n */\nexport function isRtlLocale(locale: string): boolean {\n  const lang = locale.toLowerCase().split(/[-_]/)[0];\n  return (RTL_LOCALES as readonly string[]).includes(lang);\n}\n\nfunction resolveDirection(element?: Element | null): Direction {\n  if (typeof document === 'undefined') return 'ltr';\n  const target = element ?? document.documentElement;\n  return getComputedStyle(target).direction === 'rtl' ? 'rtl' : 'ltr';\n}\n\n/**\n * Non-hook check for event handlers: true when the element currently renders\n * right-to-left. Use inside `onKeyDown` to invert ArrowLeft/ArrowRight so\n * horizontal arrows follow the *visual* direction:\n *\n * ```ts\n * const rtl = isRtl(event.currentTarget);\n * ```\n *\n * Prefer `useDirection()` when the direction drives rendering.\n */\nexport function isRtl(element?: Element | null): boolean {\n  return resolveDirection(element) === 'rtl';\n}\n\n/**\n * Hook returning the effective text direction (`ltr` | `rtl`) inherited from\n * the nearest `dir` attribute — zero setup for consumers who set\n * `<html dir=\"rtl\">`.\n *\n * Use for JS-level direction logic that CSS logical properties can't cover:\n * inverting ArrowLeft/ArrowRight keyboard handling, popover/toast placement,\n * drag math, etc.\n *\n * @param elementRef - Optional ref; when provided, direction is resolved from\n *   that element (respecting any local `dir` override) instead of `<html>`.\n *\n * @example\n * ```tsx\n * const direction = useDirection();\n * const nextKey = direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight';\n * ```\n */\nexport function useDirection(\n  elementRef?: RefObject<HTMLElement | null>\n): Direction {\n  const [direction, setDirection] = useState<Direction>(() =>\n    resolveDirection(elementRef?.current)\n  );\n\n  useEffect(() => {\n    const update = () => setDirection(resolveDirection(elementRef?.current));\n    update();\n    // dir changes are rare; observing the whole tree for just this attribute is cheap.\n    const observer = new MutationObserver(update);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['dir'],\n      subtree: true,\n    });\n    return () => observer.disconnect();\n  }, [elementRef]);\n\n  // Re-sync when a re-render points elementRef.current at a different node:\n  // the MutationObserver only fires on `dir` attribute mutations, so a swapped\n  // ref target with a different inherited direction would otherwise go stale.\n  const currentElement = elementRef?.current ?? null;\n  useEffect(() => {\n    setDirection(resolveDirection(currentElement));\n  }, [currentElement]);\n\n  return direction;\n}\n"]}