@geomak/ui 6.27.2 → 6.28.0

package/dist/index.cjs

@@ -5515,10 +5515,10 @@ function Pagination({
   }, [serverSide, options.perPage, picker]);
   const currentOpt = picker.find((o) => o.key === displayPerPageKey);
   const currentPerPageLabel = currentOpt?.label ?? currentOpt?.value ?? options.perPage ?? "";
-  const navBtn = (icon, disabled, onClick, title) => /* @__PURE__ */ jsxRuntime.jsx(Button_default, { variant: "outline", size: "sm", disabled, onClick, icon, className: "w-7 !px-0", "aria-label": title, title });
+  const navBtn = (icon, disabled, onClick, title) => /* @__PURE__ */ jsxRuntime.jsx(Button_default, { variant: "outline", size: "sm", disabled, onClick, icon, className: "w-7 !px-0 focus-visible:!ring-offset-0", "aria-label": title, title });
   const chevronRight = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
   const doubleChevronRight = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 5l7 7-7 7M5 5l7 7-7 7" }) });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-4 gap-y-3 pt-3", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-4 gap-y-3", children: [
     options.withPicker && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mr-auto flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap text-xs text-foreground-muted", children: "Rows per page" }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -5527,6 +5527,7 @@ function Pagination({
           variant: "outline",
           size: "sm",
           side: "top",
+          className: "focus-visible:!ring-offset-0",
           label: String(currentPerPageLabel),
           items: picker.map((o) => ({
             key: o.key,
@@ -9161,6 +9162,116 @@ function ColorPicker({
     name && /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name, value: valid ? value : "" })
   ] });
 }
+var CUSTOM_EVENT = "oxy-local-storage";
+function useLocalStorage(key, initialValue) {
+  const read = React28.useCallback(() => {
+    if (typeof window === "undefined") return initialValue;
+    try {
+      const item = window.localStorage.getItem(key);
+      return item != null ? JSON.parse(item) : initialValue;
+    } catch {
+      return initialValue;
+    }
+  }, [key]);
+  const [stored, setStored] = React28.useState(read);
+  const setValue = React28.useCallback((value) => {
+    setStored((prev) => {
+      const next = value instanceof Function ? value(prev) : value;
+      try {
+        if (typeof window !== "undefined") {
+          window.localStorage.setItem(key, JSON.stringify(next));
+          window.dispatchEvent(new CustomEvent(CUSTOM_EVENT, { detail: key }));
+        }
+      } catch {
+      }
+      return next;
+    });
+  }, [key]);
+  const remove = React28.useCallback(() => {
+    try {
+      if (typeof window !== "undefined") {
+        window.localStorage.removeItem(key);
+        window.dispatchEvent(new CustomEvent(CUSTOM_EVENT, { detail: key }));
+      }
+    } catch {
+    }
+    setStored(initialValue);
+  }, [key]);
+  React28.useEffect(() => {
+    setStored(read());
+  }, [key, read]);
+  React28.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const onStorage = (e) => {
+      if (e.key === null || e.key === key) setStored(read());
+    };
+    const onCustom = (e) => {
+      if (e.detail === key) setStored(read());
+    };
+    window.addEventListener("storage", onStorage);
+    window.addEventListener(CUSTOM_EVENT, onCustom);
+    return () => {
+      window.removeEventListener("storage", onStorage);
+      window.removeEventListener(CUSTOM_EVENT, onCustom);
+    };
+  }, [key, read]);
+  return [stored, setValue, remove];
+}
+function useMediaQuery(query) {
+  const get = () => typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(query).matches : false;
+  const [matches, setMatches] = React28.useState(get);
+  React28.useEffect(() => {
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
+    const mql = window.matchMedia(query);
+    const onChange = () => setMatches(mql.matches);
+    onChange();
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, [query]);
+  return matches;
+}
+var BREAKPOINTS = { sm: 480, md: 768, lg: 976, xl: 1440 };
+function useBreakpoint() {
+  const sm = useMediaQuery(`(min-width: ${BREAKPOINTS.sm}px)`);
+  const md = useMediaQuery(`(min-width: ${BREAKPOINTS.md}px)`);
+  const lg = useMediaQuery(`(min-width: ${BREAKPOINTS.lg}px)`);
+  const xl = useMediaQuery(`(min-width: ${BREAKPOINTS.xl}px)`);
+  const active = xl ? "xl" : lg ? "lg" : md ? "md" : sm ? "sm" : "base";
+  return { sm, md, lg, xl, active };
+}
+function decodeSegment(seg) {
+  if (!seg || typeof atob === "undefined") return null;
+  try {
+    const json = decodeURIComponent(
+      atob(seg.replace(/-/g, "+").replace(/_/g, "/")).split("").map((c) => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2)).join("")
+    );
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
+}
+function useJwt(token) {
+  const [, tick] = React28.useState(0);
+  const decoded = React28.useMemo(() => {
+    if (!token) return { payload: null, header: null, exp: null };
+    const [h, p] = token.split(".");
+    const header = decodeSegment(h);
+    const payload = decodeSegment(p);
+    const exp = payload && typeof payload.exp === "number" ? payload.exp : null;
+    return { payload, header, exp };
+  }, [token]);
+  React28.useEffect(() => {
+    if (decoded.exp == null) return;
+    const ms = decoded.exp * 1e3 - Date.now();
+    if (ms <= 0) return;
+    const id = setTimeout(() => tick((n) => n + 1), ms + 50);
+    return () => clearTimeout(id);
+  }, [decoded.exp]);
+  const expiresAt = decoded.exp != null ? new Date(decoded.exp * 1e3) : null;
+  const isExpired = decoded.exp != null ? decoded.exp * 1e3 <= Date.now() : false;
+  const isValid = decoded.payload != null && !isExpired;
+  return { payload: decoded.payload, header: decoded.header, expiresAt, isExpired, isValid, raw: token ?? null };
+}
 
 Object.defineProperty(exports, "COLORS", {
   enumerable: true,
@@ -9279,11 +9390,15 @@ exports.luhnValid = luhnValid;
 exports.onlyDigits = onlyDigits;
 exports.patterns = patterns;
 exports.runFieldRules = runFieldRules;
+exports.useBreakpoint = useBreakpoint;
 exports.useCart = useCart;
 exports.useFieldArray = useFieldArray;
 exports.useForm = useForm;
 exports.useFormField = useFormField;
 exports.useFormStore = useFormStore;
+exports.useJwt = useJwt;
+exports.useLocalStorage = useLocalStorage;
+exports.useMediaQuery = useMediaQuery;
 exports.useNotification = useNotification;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map