@exxatdesignux/ui 0.2.18 → 0.3.0

package/dist/hooks/use-coach-mark.d.ts

@@ -0,0 +1,86 @@
+interface CoachMarkStep {
+    /** Unique key — also used for localStorage persistence */
+    id: string;
+    /** CSS selector for the target element this step attaches to */
+    target: string;
+    /** Popover placement side for this step */
+    side?: "top" | "bottom" | "left" | "right";
+    /** Popover alignment for this step */
+    align?: "start" | "center" | "end";
+    /** Title shown in the coach mark */
+    title: string;
+    /** Body text / description */
+    description: string;
+    /** Optional image URL shown above the content */
+    image?: string;
+    /** Image alt text (required when image is provided) */
+    imageAlt?: string;
+}
+/** Fired on `window` when any coach flow completes (skip or last step). `detail.flowId` is the completed flow. */
+declare const COACH_MARK_FLOW_COMPLETED_EVENT: "exxat-coach-mark-flow-completed";
+interface UseCoachMarkOptions {
+    /** Unique ID for the entire flow (used as localStorage key) */
+    flowId: string;
+    /** Steps in order — single-item array for a standalone coach mark */
+    steps: CoachMarkStep[];
+    /** Delay in ms before the coach mark appears (default 500) */
+    delay?: number;
+    /** Called when the entire flow is completed or skipped */
+    onComplete?: () => void;
+    /** If true, always show even if previously dismissed (dev mode) */
+    force?: boolean;
+    /**
+     * When false, the auto-open timer does not run (e.g. until the user switches to a view where the target exists).
+     * Default true.
+     */
+    enabled?: boolean;
+    /**
+     * If set, auto-open only runs after this flow id is dismissed (localStorage) or completes (same-tab via
+     * `COACH_MARK_FLOW_COMPLETED_EVENT`). Used to run a follow-up tour after another flow finishes.
+     */
+    dependsOnDismissedFlowId?: string;
+}
+interface CoachMarkState {
+    /** Whether the coach mark is currently visible */
+    isOpen: boolean;
+    /** Current step index (0-based) */
+    currentStep: number;
+    /** Total number of steps */
+    totalSteps: number;
+    /** The current step data */
+    step: CoachMarkStep | null;
+    /** The resolved target element for the current step */
+    targetEl: HTMLElement | null;
+    /** Virtual anchor rect for Radix positioning */
+    anchorRect: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+    /** Whether this is a multi-step flow */
+    isFlow: boolean;
+    /** Whether we're on the first step */
+    isFirst: boolean;
+    /** Whether we're on the last step */
+    isLast: boolean;
+    /** Advance to the next step (or complete if last) */
+    next: () => void;
+    /** Go back to the previous step */
+    prev: () => void;
+    /** Skip/dismiss the entire flow */
+    skip: () => void;
+    /** Programmatically open the coach mark */
+    open: () => void;
+    /** Reset the flow (clears persistence and starts over) */
+    reset: () => void;
+}
+/** Exported for the Settings page — list all coach mark keys in localStorage */
+declare function getAllCoachMarkKeys(): string[];
+/** Exported for the Settings page — reset a specific flow */
+declare function resetCoachMarkFlow(flowId: string): void;
+/** Exported for the Settings page — reset ALL coach marks */
+declare function resetAllCoachMarks(): void;
+declare function useCoachMark({ flowId, steps, delay, onComplete, force, enabled, dependsOnDismissedFlowId, }: UseCoachMarkOptions): CoachMarkState;
+
+export { COACH_MARK_FLOW_COMPLETED_EVENT, type CoachMarkState, type CoachMarkStep, type UseCoachMarkOptions, getAllCoachMarkKeys, resetAllCoachMarks, resetCoachMarkFlow, useCoachMark };

package/dist/hooks/use-coach-mark.js

@@ -0,0 +1,218 @@
+"use client";
+import * as React from 'react';
+
+var STORAGE_PREFIX = "exxat-coach-mark:";
+var COACH_MARK_FLOW_COMPLETED_EVENT = "exxat-coach-mark-flow-completed";
+function isDismissed(flowId) {
+  if (typeof window === "undefined") return false;
+  try {
+    return localStorage.getItem(`${STORAGE_PREFIX}${flowId}`) === "dismissed";
+  } catch {
+    return false;
+  }
+}
+function setDismissed(flowId) {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.setItem(`${STORAGE_PREFIX}${flowId}`, "dismissed");
+  } catch {
+  }
+}
+function clearDismissed(flowId) {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.removeItem(`${STORAGE_PREFIX}${flowId}`);
+  } catch {
+  }
+}
+function getAllCoachMarkKeys() {
+  if (typeof window === "undefined") return [];
+  const keys = [];
+  try {
+    for (let i = 0; i < localStorage.length; i++) {
+      const key = localStorage.key(i);
+      if (key?.startsWith(STORAGE_PREFIX)) {
+        keys.push(key.replace(STORAGE_PREFIX, ""));
+      }
+    }
+  } catch {
+  }
+  return keys;
+}
+function resetCoachMarkFlow(flowId) {
+  clearDismissed(flowId);
+}
+function resetAllCoachMarks() {
+  if (typeof window === "undefined") return;
+  try {
+    const toRemove = [];
+    for (let i = 0; i < localStorage.length; i++) {
+      const key = localStorage.key(i);
+      if (key?.startsWith(STORAGE_PREFIX)) toRemove.push(key);
+    }
+    toRemove.forEach((k) => localStorage.removeItem(k));
+  } catch {
+  }
+}
+function useCoachMark({
+  flowId,
+  steps,
+  delay = 500,
+  onComplete,
+  force = false,
+  enabled = true,
+  dependsOnDismissedFlowId
+}) {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [currentStep, setCurrentStep] = React.useState(0);
+  const [targetEl, setTargetEl] = React.useState(null);
+  const [anchorRect, setAnchorRect] = React.useState(null);
+  const [prereqMet, setPrereqMet] = React.useState(() => {
+    if (!dependsOnDismissedFlowId) return true;
+    return isDismissed(dependsOnDismissedFlowId);
+  });
+  React.useEffect(() => {
+    if (!dependsOnDismissedFlowId) {
+      setPrereqMet(true);
+      return;
+    }
+    setPrereqMet(isDismissed(dependsOnDismissedFlowId));
+  }, [dependsOnDismissedFlowId]);
+  React.useEffect(() => {
+    if (!dependsOnDismissedFlowId) return;
+    const handler = (e) => {
+      const d = e.detail;
+      if (d?.flowId === dependsOnDismissedFlowId) setPrereqMet(true);
+    };
+    window.addEventListener(COACH_MARK_FLOW_COMPLETED_EVENT, handler);
+    return () => window.removeEventListener(COACH_MARK_FLOW_COMPLETED_EVENT, handler);
+  }, [dependsOnDismissedFlowId]);
+  const totalSteps = steps.length;
+  const isFlow = totalSteps > 1;
+  const step = steps[currentStep] ?? null;
+  const isFirst = currentStep === 0;
+  const isLast = currentStep === totalSteps - 1;
+  React.useEffect(() => {
+    if (enabled === false) return;
+    if (dependsOnDismissedFlowId && !prereqMet) return;
+    if (!force && isDismissed(flowId)) return;
+    const timer = setTimeout(() => setIsOpen(true), delay);
+    return () => clearTimeout(timer);
+  }, [flowId, delay, force, enabled, dependsOnDismissedFlowId, prereqMet]);
+  React.useEffect(() => {
+    if (!isOpen || !step?.target) {
+      return;
+    }
+    let cancelled = false;
+    const timeouts = [];
+    const schedule = (fn, ms) => {
+      const id = setTimeout(fn, ms);
+      timeouts.push(id);
+      return id;
+    };
+    setAnchorRect(null);
+    setTargetEl(null);
+    let attempts = 0;
+    const maxAttempts = 30;
+    const intervalMs = 100;
+    const tryResolve = () => {
+      if (cancelled) return;
+      const el = document.querySelector(step.target);
+      if (!el) {
+        attempts += 1;
+        if (attempts < maxAttempts) schedule(tryResolve, intervalMs);
+        return;
+      }
+      el.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
+      schedule(() => {
+        if (cancelled) return;
+        const rect = el.getBoundingClientRect();
+        setAnchorRect({
+          x: rect.left,
+          y: rect.top,
+          width: rect.width,
+          height: rect.height
+        });
+        setTargetEl(el);
+      }, 350);
+    };
+    schedule(tryResolve, 100);
+    return () => {
+      cancelled = true;
+      timeouts.forEach(clearTimeout);
+    };
+  }, [isOpen, step?.target, currentStep]);
+  React.useEffect(() => {
+    if (!isOpen || !targetEl) return;
+    const measure = () => {
+      if (!targetEl.isConnected) return;
+      const rect = targetEl.getBoundingClientRect();
+      setAnchorRect({
+        x: rect.left,
+        y: rect.top,
+        width: rect.width,
+        height: rect.height
+      });
+    };
+    window.addEventListener("scroll", measure, { passive: true, capture: true });
+    window.addEventListener("resize", measure, { passive: true });
+    return () => {
+      window.removeEventListener("scroll", measure, true);
+      window.removeEventListener("resize", measure);
+    };
+  }, [isOpen, targetEl]);
+  const complete = React.useCallback(() => {
+    setIsOpen(false);
+    setTargetEl(null);
+    setAnchorRect(null);
+    setDismissed(flowId);
+    if (typeof window !== "undefined") {
+      window.dispatchEvent(
+        new CustomEvent(COACH_MARK_FLOW_COMPLETED_EVENT, { detail: { flowId } })
+      );
+    }
+    onComplete?.();
+  }, [flowId, onComplete]);
+  const next = React.useCallback(() => {
+    if (isLast) {
+      complete();
+    } else {
+      setCurrentStep((s) => s + 1);
+    }
+  }, [isLast, complete]);
+  const prev = React.useCallback(() => {
+    setCurrentStep((s) => Math.max(0, s - 1));
+  }, []);
+  const skip = React.useCallback(() => {
+    complete();
+  }, [complete]);
+  const open = React.useCallback(() => {
+    setCurrentStep(0);
+    setIsOpen(true);
+  }, []);
+  const reset = React.useCallback(() => {
+    clearDismissed(flowId);
+    setCurrentStep(0);
+    setIsOpen(true);
+  }, [flowId]);
+  return {
+    isOpen,
+    currentStep,
+    totalSteps,
+    step,
+    targetEl,
+    anchorRect,
+    isFlow,
+    isFirst,
+    isLast,
+    next,
+    prev,
+    skip,
+    open,
+    reset
+  };
+}
+
+export { COACH_MARK_FLOW_COMPLETED_EVENT, getAllCoachMarkKeys, resetAllCoachMarks, resetCoachMarkFlow, useCoachMark };
+//# sourceMappingURL=use-coach-mark.js.map
+//# sourceMappingURL=use-coach-mark.js.map

package/dist/hooks/use-coach-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-coach-mark.ts"],"names":[],"mappings":"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","file":"use-coach-mark.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\n/* ═══════════════════════════════════════════════════════════════════════════\n   useCoachMark — Flow & single-step coach-mark state manager\n   ═══════════════════════════════════════════════════════════════════════════\n   Handles:\n     • Multi-step flows (next / prev / skip / complete)\n     • Single coach marks (show / dismiss)\n     • Per-step CSS selector targeting — scrolls element into view\n     • localStorage persistence so dismissed marks don't reappear\n     • Delay before first show (avoids layout flash)\n   ═══════════════════════════════════════════════════════════════════════════ */\n\nconst STORAGE_PREFIX = \"exxat-coach-mark:\"\n\nexport interface CoachMarkStep {\n  /** Unique key — also used for localStorage persistence */\n  id: string\n  /** CSS selector for the target element this step attaches to */\n  target: string\n  /** Popover placement side for this step */\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\"\n  /** Popover alignment for this step */\n  align?: \"start\" | \"center\" | \"end\"\n  /** Title shown in the coach mark */\n  title: string\n  /** Body text / description */\n  description: string\n  /** Optional image URL shown above the content */\n  image?: string\n  /** Image alt text (required when image is provided) */\n  imageAlt?: string\n}\n\n/** Fired on `window` when any coach flow completes (skip or last step). `detail.flowId` is the completed flow. */\nexport const COACH_MARK_FLOW_COMPLETED_EVENT = \"exxat-coach-mark-flow-completed\" as const\n\nexport interface UseCoachMarkOptions {\n  /** Unique ID for the entire flow (used as localStorage key) */\n  flowId: string\n  /** Steps in order — single-item array for a standalone coach mark */\n  steps: CoachMarkStep[]\n  /** Delay in ms before the coach mark appears (default 500) */\n  delay?: number\n  /** Called when the entire flow is completed or skipped */\n  onComplete?: () => void\n  /** If true, always show even if previously dismissed (dev mode) */\n  force?: boolean\n  /**\n   * When false, the auto-open timer does not run (e.g. until the user switches to a view where the target exists).\n   * Default true.\n   */\n  enabled?: boolean\n  /**\n   * If set, auto-open only runs after this flow id is dismissed (localStorage) or completes (same-tab via\n   * `COACH_MARK_FLOW_COMPLETED_EVENT`). Used to run a follow-up tour after another flow finishes.\n   */\n  dependsOnDismissedFlowId?: string\n}\n\nexport interface CoachMarkState {\n  /** Whether the coach mark is currently visible */\n  isOpen: boolean\n  /** Current step index (0-based) */\n  currentStep: number\n  /** Total number of steps */\n  totalSteps: number\n  /** The current step data */\n  step: CoachMarkStep | null\n  /** The resolved target element for the current step */\n  targetEl: HTMLElement | null\n  /** Virtual anchor rect for Radix positioning */\n  anchorRect: { x: number; y: number; width: number; height: number } | null\n  /** Whether this is a multi-step flow */\n  isFlow: boolean\n  /** Whether we're on the first step */\n  isFirst: boolean\n  /** Whether we're on the last step */\n  isLast: boolean\n  /** Advance to the next step (or complete if last) */\n  next: () => void\n  /** Go back to the previous step */\n  prev: () => void\n  /** Skip/dismiss the entire flow */\n  skip: () => void\n  /** Programmatically open the coach mark */\n  open: () => void\n  /** Reset the flow (clears persistence and starts over) */\n  reset: () => void\n}\n\nfunction isDismissed(flowId: string): boolean {\n  if (typeof window === \"undefined\") return false\n  try {\n    return localStorage.getItem(`${STORAGE_PREFIX}${flowId}`) === \"dismissed\"\n  } catch {\n    return false\n  }\n}\n\nfunction setDismissed(flowId: string) {\n  if (typeof window === \"undefined\") return\n  try {\n    localStorage.setItem(`${STORAGE_PREFIX}${flowId}`, \"dismissed\")\n  } catch {\n    /* storage full or blocked — silently ignore */\n  }\n}\n\nfunction clearDismissed(flowId: string) {\n  if (typeof window === \"undefined\") return\n  try {\n    localStorage.removeItem(`${STORAGE_PREFIX}${flowId}`)\n  } catch {\n    /* ignore */\n  }\n}\n\n/** Exported for the Settings page — list all coach mark keys in localStorage */\nexport function getAllCoachMarkKeys(): string[] {\n  if (typeof window === \"undefined\") return []\n  const keys: string[] = []\n  try {\n    for (let i = 0; i < localStorage.length; i++) {\n      const key = localStorage.key(i)\n      if (key?.startsWith(STORAGE_PREFIX)) {\n        keys.push(key.replace(STORAGE_PREFIX, \"\"))\n      }\n    }\n  } catch { /* ignore */ }\n  return keys\n}\n\n/** Exported for the Settings page — reset a specific flow */\nexport function resetCoachMarkFlow(flowId: string) {\n  clearDismissed(flowId)\n}\n\n/** Exported for the Settings page — reset ALL coach marks */\nexport function resetAllCoachMarks() {\n  if (typeof window === \"undefined\") return\n  try {\n    const toRemove: string[] = []\n    for (let i = 0; i < localStorage.length; i++) {\n      const key = localStorage.key(i)\n      if (key?.startsWith(STORAGE_PREFIX)) toRemove.push(key)\n    }\n    toRemove.forEach((k) => localStorage.removeItem(k))\n  } catch { /* ignore */ }\n}\n\nexport function useCoachMark({\n  flowId,\n  steps,\n  delay = 500,\n  onComplete,\n  force = false,\n  enabled = true,\n  dependsOnDismissedFlowId,\n}: UseCoachMarkOptions): CoachMarkState {\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [currentStep, setCurrentStep] = React.useState(0)\n  const [targetEl, setTargetEl] = React.useState<HTMLElement | null>(null)\n  const [anchorRect, setAnchorRect] = React.useState<{\n    x: number; y: number; width: number; height: number\n  } | null>(null)\n\n  const [prereqMet, setPrereqMet] = React.useState(() => {\n    if (!dependsOnDismissedFlowId) return true\n    return isDismissed(dependsOnDismissedFlowId)\n  })\n\n  React.useEffect(() => {\n    if (!dependsOnDismissedFlowId) {\n      setPrereqMet(true)\n      return\n    }\n    setPrereqMet(isDismissed(dependsOnDismissedFlowId))\n  }, [dependsOnDismissedFlowId])\n\n  React.useEffect(() => {\n    if (!dependsOnDismissedFlowId) return\n    const handler = (e: Event) => {\n      const d = (e as CustomEvent<{ flowId?: string }>).detail\n      if (d?.flowId === dependsOnDismissedFlowId) setPrereqMet(true)\n    }\n    window.addEventListener(COACH_MARK_FLOW_COMPLETED_EVENT, handler as EventListener)\n    return () => window.removeEventListener(COACH_MARK_FLOW_COMPLETED_EVENT, handler as EventListener)\n  }, [dependsOnDismissedFlowId])\n\n  const totalSteps = steps.length\n  const isFlow = totalSteps > 1\n  const step = steps[currentStep] ?? null\n  const isFirst = currentStep === 0\n  const isLast = currentStep === totalSteps - 1\n\n  /* Auto-show after delay (unless previously dismissed) */\n  React.useEffect(() => {\n    if (enabled === false) return\n    if (dependsOnDismissedFlowId && !prereqMet) return\n    if (!force && isDismissed(flowId)) return\n    const timer = setTimeout(() => setIsOpen(true), delay)\n    return () => clearTimeout(timer)\n  }, [flowId, delay, force, enabled, dependsOnDismissedFlowId, prereqMet])\n\n  /* Resolve target element + scroll into view when step changes.\n     Retries: toolbar controls (e.g. last tour step on “Properties”) often mount after layout;\n     a single query was easy to miss → no anchorRect → coach UI vanished on that step. */\n  React.useEffect(() => {\n    if (!isOpen || !step?.target) {\n      return\n    }\n\n    let cancelled = false\n    const timeouts: ReturnType<typeof setTimeout>[] = []\n    const schedule = (fn: () => void, ms: number) => {\n      const id = setTimeout(fn, ms)\n      timeouts.push(id)\n      return id\n    }\n\n    setAnchorRect(null)\n    setTargetEl(null)\n\n    let attempts = 0\n    const maxAttempts = 30\n    const intervalMs = 100\n\n    const tryResolve = () => {\n      if (cancelled) return\n      const el = document.querySelector<HTMLElement>(step.target)\n      if (!el) {\n        attempts += 1\n        if (attempts < maxAttempts) schedule(tryResolve, intervalMs)\n        return\n      }\n\n      el.scrollIntoView({ behavior: \"smooth\", block: \"center\", inline: \"nearest\" })\n\n      schedule(() => {\n        if (cancelled) return\n        const rect = el.getBoundingClientRect()\n        setAnchorRect({\n          x: rect.left,\n          y: rect.top,\n          width: rect.width,\n          height: rect.height,\n        })\n        setTargetEl(el)\n      }, 350)\n    }\n\n    schedule(tryResolve, 100)\n\n    return () => {\n      cancelled = true\n      timeouts.forEach(clearTimeout)\n    }\n  }, [isOpen, step?.target, currentStep])\n\n  /* Re-measure on scroll/resize while open */\n  React.useEffect(() => {\n    if (!isOpen || !targetEl) return\n\n    const measure = () => {\n      if (!targetEl.isConnected) return\n      const rect = targetEl.getBoundingClientRect()\n      setAnchorRect({\n        x: rect.left,\n        y: rect.top,\n        width: rect.width,\n        height: rect.height,\n      })\n    }\n\n    window.addEventListener(\"scroll\", measure, { passive: true, capture: true })\n    window.addEventListener(\"resize\", measure, { passive: true })\n    return () => {\n      window.removeEventListener(\"scroll\", measure, true)\n      window.removeEventListener(\"resize\", measure)\n    }\n  }, [isOpen, targetEl])\n\n  const complete = React.useCallback(() => {\n    setIsOpen(false)\n    setTargetEl(null)\n    setAnchorRect(null)\n    setDismissed(flowId)\n    if (typeof window !== \"undefined\") {\n      window.dispatchEvent(\n        new CustomEvent(COACH_MARK_FLOW_COMPLETED_EVENT, { detail: { flowId } }),\n      )\n    }\n    onComplete?.()\n  }, [flowId, onComplete])\n\n  const next = React.useCallback(() => {\n    if (isLast) {\n      complete()\n    } else {\n      setCurrentStep((s) => s + 1)\n    }\n  }, [isLast, complete])\n\n  const prev = React.useCallback(() => {\n    setCurrentStep((s) => Math.max(0, s - 1))\n  }, [])\n\n  const skip = React.useCallback(() => {\n    complete()\n  }, [complete])\n\n  const open = React.useCallback(() => {\n    setCurrentStep(0)\n    setIsOpen(true)\n  }, [])\n\n  const reset = React.useCallback(() => {\n    clearDismissed(flowId)\n    setCurrentStep(0)\n    setIsOpen(true)\n  }, [flowId])\n\n  return {\n    isOpen,\n    currentStep,\n    totalSteps,\n    step,\n    targetEl,\n    anchorRect,\n    isFlow,\n    isFirst,\n    isLast,\n    next,\n    prev,\n    skip,\n    open,\n    reset,\n  }\n}\n"]}

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1,3 @@
+declare function useIsMobile(): boolean;
+
+export { useIsMobile };

package/dist/hooks/use-mobile.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+// src/hooks/use-mobile.ts
+var MOBILE_BREAKPOINT = 768;
+var MOBILE_MQ = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(void 0);
+  React.useLayoutEffect(() => {
+    const read = () => {
+      setIsMobile(window.matchMedia(MOBILE_MQ).matches);
+    };
+    const mql = window.matchMedia(MOBILE_MQ);
+    mql.addEventListener("change", read);
+    window.addEventListener("resize", read);
+    const vv = window.visualViewport;
+    vv?.addEventListener("resize", read);
+    read();
+    return () => {
+      mql.removeEventListener("change", read);
+      window.removeEventListener("resize", read);
+      vv?.removeEventListener("resize", read);
+    };
+  }, []);
+  return !!isMobile;
+}
+
+export { useIsMobile };
+//# sourceMappingURL=use-mobile.js.map
+//# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":";;;AAEA,IAAM,iBAAA,GAAoB,GAAA;AAE1B,IAAM,SAAA,GAAY,CAAA,YAAA,EAAe,iBAAA,GAAoB,CAAC,CAAA,GAAA,CAAA;AAE/C,SAAS,WAAA,GAAc;AAC5B,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAU,eAA8B,MAAS,CAAA;AAE7E,EAAM,sBAAgB,MAAM;AAC1B,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,WAAA,CAAY,MAAA,CAAO,UAAA,CAAW,SAAS,CAAA,CAAE,OAAO,CAAA;AAAA,IAClD,CAAA;AAEA,IAAA,MAAM,GAAA,GAAM,MAAA,CAAO,UAAA,CAAW,SAAS,CAAA;AACvC,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,IAAI,CAAA;AACnC,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,IAAI,CAAA;AACtC,IAAA,MAAM,KAAK,MAAA,CAAO,cAAA;AAClB,IAAA,EAAA,EAAI,gBAAA,CAAiB,UAAU,IAAI,CAAA;AAEnC,IAAA,IAAA,EAAK;AAEL,IAAA,OAAO,MAAM;AACX,MAAA,GAAA,CAAI,mBAAA,CAAoB,UAAU,IAAI,CAAA;AACtC,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,IAAI,CAAA;AACzC,MAAA,EAAA,EAAI,mBAAA,CAAoB,UAAU,IAAI,CAAA;AAAA,IACxC,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,CAAC,CAAC,QAAA;AACX","file":"use-mobile.js","sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n/** Matches Tailwind `max-md` / desktop branch `md:` (min-width: 768px). */\nconst MOBILE_MQ = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useLayoutEffect(() => {\n    const read = () => {\n      setIsMobile(window.matchMedia(MOBILE_MQ).matches)\n    }\n\n    const mql = window.matchMedia(MOBILE_MQ)\n    mql.addEventListener(\"change\", read)\n    window.addEventListener(\"resize\", read)\n    const vv = window.visualViewport\n    vv?.addEventListener(\"resize\", read)\n\n    read()\n\n    return () => {\n      mql.removeEventListener(\"change\", read)\n      window.removeEventListener(\"resize\", read)\n      vv?.removeEventListener(\"resize\", read)\n    }\n  }, [])\n\n  return !!isMobile\n}\n"]}

package/dist/hooks/use-mod-key-label.d.ts

@@ -0,0 +1,6 @@
+/** "⌘" on Apple platforms, "Ctrl" elsewhere — for `Kbd` tooltips. */
+declare function useModKeyLabel(): string;
+/** "⌥" on Apple platforms, "Alt" elsewhere — pair with `useModKeyLabel` for ⌘⌥ / Ctrl+Alt chords. */
+declare function useAltKeyLabel(): string;
+
+export { useAltKeyLabel, useModKeyLabel };

package/dist/hooks/use-mod-key-label.js

@@ -0,0 +1,25 @@
+"use client";
+import * as React from 'react';
+
+function useModKeyLabel() {
+  const [mod, setMod] = React.useState("\u2318");
+  React.useEffect(() => {
+    setMod(
+      typeof navigator !== "undefined" && /Mac|iPhone|iPod|iPad/i.test(navigator.platform) ? "\u2318" : "Ctrl"
+    );
+  }, []);
+  return mod;
+}
+function useAltKeyLabel() {
+  const [alt, setAlt] = React.useState("\u2325");
+  React.useEffect(() => {
+    setAlt(
+      typeof navigator !== "undefined" && /Mac|iPhone|iPod|iPad/i.test(navigator.platform) ? "\u2325" : "Alt"
+    );
+  }, []);
+  return alt;
+}
+
+export { useAltKeyLabel, useModKeyLabel };
+//# sourceMappingURL=use-mod-key-label.js.map
+//# sourceMappingURL=use-mod-key-label.js.map

package/dist/hooks/use-mod-key-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-mod-key-label.ts"],"names":[],"mappings":";;AAKO,SAAS,cAAA,GAAiB;AAC/B,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAU,eAAS,QAAG,CAAA;AACxC,EAAM,gBAAU,MAAM;AACpB,IAAA,MAAA;AAAA,MACE,OAAO,cAAc,WAAA,IAAe,uBAAA,CAAwB,KAAK,SAAA,CAAU,QAAQ,IAC/E,QAAA,GACA;AAAA,KACN;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,OAAO,GAAA;AACT;AAGO,SAAS,cAAA,GAAiB;AAC/B,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAU,eAAS,QAAG,CAAA;AACxC,EAAM,gBAAU,MAAM;AACpB,IAAA,MAAA;AAAA,MACE,OAAO,cAAc,WAAA,IAAe,uBAAA,CAAwB,KAAK,SAAA,CAAU,QAAQ,IAC/E,QAAA,GACA;AAAA,KACN;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,OAAO,GAAA;AACT","file":"use-mod-key-label.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\n/** \"⌘\" on Apple platforms, \"Ctrl\" elsewhere — for `Kbd` tooltips. */\nexport function useModKeyLabel() {\n  const [mod, setMod] = React.useState(\"⌘\")\n  React.useEffect(() => {\n    setMod(\n      typeof navigator !== \"undefined\" && /Mac|iPhone|iPod|iPad/i.test(navigator.platform)\n        ? \"⌘\"\n        : \"Ctrl\",\n    )\n  }, [])\n  return mod\n}\n\n/** \"⌥\" on Apple platforms, \"Alt\" elsewhere — pair with `useModKeyLabel` for ⌘⌥ / Ctrl+Alt chords. */\nexport function useAltKeyLabel() {\n  const [alt, setAlt] = React.useState(\"⌥\")\n  React.useEffect(() => {\n    setAlt(\n      typeof navigator !== \"undefined\" && /Mac|iPhone|iPod|iPad/i.test(navigator.platform)\n        ? \"⌥\"\n        : \"Alt\",\n    )\n  }, [])\n  return alt\n}\n"]}

package/dist/index.d.ts

@@ -0,0 +1,120 @@
+export { DataTable, DataTableExtendedProps, DataTableToolbar } from './components/data-table/index.js';
+export { CellContext, ColumnDef, DataTableProps, PaginationConfig, SortDir } from './components/data-table/types.js';
+export { useTableState } from './components/data-table/use-table-state.js';
+export { CountSyncer, DataTablePaginated, DataTablePaginatedProps, PaginationBar } from './components/data-table/pagination.js';
+export { FilterDateCalendar } from './components/data-table/filter-date-calendar.js';
+export { FilterTextValueInput } from './components/data-table/filter-text-value-input.js';
+export { HubDrawerToolbarProps, HubTable, HubTableHandle, HubTableProps, HubTableRendererArgs, HubTableRenderers, columnsToFieldDefinitions, columnsToFilterFields } from './components/data-views/hub-table.js';
+export { DataRowList, DataRowListProps } from './components/data-views/data-row-list.js';
+export { ListPageConnectedViewBody, ListPageConnectedViewBodyProps, ListPageConnectedViewRenderers, ListPageViewNotConfigured } from './components/data-views/list-page-connected-view-body.js';
+export { ListPageBoardColumnDef, ListPageBoardTemplate, ListPageBoardTemplateProps } from './components/data-views/list-page-board-template.js';
+export { HubRecordCard, ListPageBoardCard, ListPageBoardCardAvatar, ListPageBoardCardBadgeRow, ListPageBoardCardBody, ListPageBoardCardHeader, ListPageBoardCardLayout, ListPageBoardCardProps, ListPageBoardCardSecondary, ListPageBoardCardTitleRow } from './components/data-views/list-page-board-card.js';
+export { BoardCardIconRow, BoardCardTwoLineBlock, BoardNewCardPlaceholder, lineClampClass } from './components/data-views/board-card-primitives.js';
+export { ListPageTreeColumnHeader, ListPageTreeColumnHeaderProps } from './components/data-views/list-page-tree-column-header.js';
+export { ListPageSplitDetailsPlaceholder, ListPageSplitDetailsPlaceholderProps } from './components/data-views/list-page-split-details-placeholder.js';
+export { LIST_PAGE_SPLIT_HUB_HEIGHT_STYLE, ListPageSplitHubChrome, ListPageSplitHubChromeProps } from './components/data-views/list-page-split-hub-chrome.js';
+export { LIST_PAGE_SPLIT_MILLER_COLUMN_PANEL_CLASS, LIST_PAGE_SPLIT_MILLER_DETAIL_PANEL_CLASS, LIST_PAGE_SPLIT_RESIZABLE_HANDLE_CLASS } from './components/data-views/list-page-split-hub-tokens.js';
+export { ListPageTreePanelShell, ListPageTreePanelShellProps } from './components/data-views/list-page-tree-panel-shell.js';
+export { FinderGroup, FinderGroupStrip, FinderPanelView, FinderPanelViewProps, GroupsColumn } from './components/data-views/finder-panel-view.js';
+export { FolderGridView, FolderGridViewProps } from './components/data-views/folder-grid-view.js';
+export { OUTLINE_TREE_CHEVRON_GUIDE_SPACER_CLASS, OUTLINE_TREE_COLLAPSIBLE_CONTENT_RAIL_CLASS, OUTLINE_TREE_SUB_ROW_SHIFT_CLASS, OutlineTreeCollapsibleContentRail, OutlineTreeGuideLayout, OutlineTreeLeafButton, OutlineTreeLeafButtonProps, OutlineTreeMenu, OutlineTreeMenuItem, OutlineTreeSub, OutlineTreeSubItem, OutlineTreeSurface } from './components/data-views/outline-tree-menu.js';
+export { FolderGlyphColorKey, OS_FOLDER_GLYPH_SRC, OsFolderGlyph, OsFolderGlyphProps } from './components/data-views/os-folder-glyph.js';
+export { FilterOption, ListPageTemplate, ListPageTemplateProps, VIEW_TYPES, ViewTab, ViewType } from './components/templates/list-page.js';
+export { NestedSecondaryPanelShell, NestedSecondaryPanelShellProps } from './components/templates/nested-secondary-panel-shell.js';
+export { DedicatedSearchLandingTemplate, DedicatedSearchLandingTemplateProps } from './components/templates/dedicated-search-landing-template.js';
+export { DEDICATED_SEARCH_RESULTS_OUTER_CONTENT_CLASSNAME, DedicatedSearchResultsHeaderChrome, DedicatedSearchResultsHeaderChromeProps } from './components/templates/dedicated-search-results-template.js';
+export { TablePropertiesDrawer, TablePropertiesDrawerProps } from './components/table-properties/drawer.js';
+export { TablePropertiesDrawerButton, TablePropertiesDrawerButtonProps, TablePropertiesDrawerButtonState } from './components/table-properties/drawer-button.js';
+export { DrawerFilterCard } from './components/table-properties/filter-card.js';
+export { DrawerSortCard, DrawerSortCardProps } from './components/table-properties/sort-card.js';
+export { ColumnRow } from './components/table-properties/column-row.js';
+export { useDraggableList } from './components/table-properties/draggable-list.js';
+export { CreateListPageEditViewHandlerOptions, OpenTablePropertiesHandle, createListPageEditViewHandler } from './lib/list-page-table-properties.js';
+export { DATA_LIST_VIEW_TILES, DataListViewType, dataListViewAddShortcut, dataListViewIcon, dataListViewLabel } from './lib/data-list-view.js';
+export { D as DATA_LIST_SURFACE_VIEW_TYPES, a as DATA_LIST_VIEW_REGISTRY, b as DataListViewDefinition, c as DataListViewRenderKind, d as dataListViewDefinition, e as dataListViewSelectionTilesForHub, f as dataListViewTilesForHub, g as getDataListViewRenderKind, i as isDataListSurfaceViewType, h as isDataListViewTypeSupported, s as showsListPageHubMetricsStrip, u as usesDashboardSurface, j as usesDataTableComponent, k as usesToolbarWithFilteredRows } from './data-list-view-registry-CyBoBML4.js';
+export { BoardLineCount, DEFAULT_DATA_LIST_DISPLAY_OPTIONS, DataListDisplayOptions } from './lib/data-list-display-options.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/ui/accordion.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/ui/alert-dialog.js';
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, AvatarInitials, AvatarInitialsProps, AvatarLeoAssistant, AvatarNotificationCount, AvatarPlusAction, AvatarProps, AvatarShape, AvatarSize, AvatarStatus, AvatarStatusTone, AvatarVariant, AvatarVerified, avatarRootVariants } from './components/ui/avatar.js';
+export { Badge, badgeVariants } from './components/ui/badge.js';
+export { LocalBanner, LocalBannerProps, SystemBanner, SystemBannerProps } from './components/ui/banner.js';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './components/ui/breadcrumb.js';
+export { Button, buttonVariants } from './components/ui/button.js';
+export { Calendar, CalendarDayButton } from './components/ui/calendar.js';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/ui/card.js';
+export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, chartTooltipKeyboardSyncProps } from './components/ui/chart.js';
+export { Checkbox, CheckboxLabel, CheckboxLabelProps, CheckboxProps, checkboxVariants } from './components/ui/checkbox.js';
+export { CoachMark, CoachMarkProps } from './components/ui/coach-mark.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './components/ui/collapsible.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './components/ui/command.js';
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './components/ui/context-menu.js';
+export { DATE_PICKER_ICON_CLASS, DatePickerField, DatePickerFieldProps, DateTextInputField, DateTextInputFieldProps } from './components/ui/date-picker-field.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/ui/dialog.js';
+export { DragHandleGripIcon } from './components/ui/drag-handle-grip.js';
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/ui/drawer.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Shortcut, useShortcut } from './components/ui/dropdown-menu.js';
+export { ExportDrawer, ExportDrawerProps } from './components/ui/export-drawer.js';
+export { HoverCard, HoverCardContent, HoverCardTrigger } from './components/ui/hover-card.js';
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from './components/ui/field.js';
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './components/ui/form.js';
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from './components/ui/input-group.js';
+export { Input } from './components/ui/input.js';
+export { MaskedInput, MaskedInputProps, exxatInputMaskDefaults, exxatMaskPatterns, exxatTimeMaskOptions, useExxatCustomMask, useExxatDateMDYMask, useExxatMaskedFieldRef, useExxatPhoneMask, useExxatTimeMask, useExxatZipMask } from './components/ui/input-mask.js';
+export { PaymentCardFieldsGroup } from './components/ui/payment-card-fields.js';
+export { Kbd, KbdGroup } from './components/ui/kbd.js';
+export { KeyMetrics, KeyMetricsContent, KeyMetricsProps, MetricInsight, MetricItem, MetricTrendPolarity, MetricTrendTone, PeriodOption, metricTrendAriaQualifier, metricTrendTone } from './components/ui/key-metrics.js';
+export { Label } from './components/ui/label.js';
+export { LIST_PAGE_VIEW_FRAME_GUTTER, LIST_PAGE_VIEW_FRAME_MAX_ICON_GRID, LIST_PAGE_VIEW_FRAME_MAX_WIDE, ListPageViewFrame, ListPageViewFrameProps } from './components/ui/list-page-view-frame.js';
+export { PageHeader, PageHeaderCollaborator, PageHeaderCollaboratorAccessRole, PageHeaderProps, PageHeaderVariant } from './components/ui/page-header.js';
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './components/ui/popover.js';
+export { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupLabel, RadioGroupLabelProps, RadioGroupProps, radioGroupItemVariants } from './components/ui/radio-group.js';
+export { ScrollArea, ScrollBar } from './components/ui/scroll-area.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/ui/select.js';
+export { SelectionTileGrid, SelectionTileGridProps, SelectionTileOption, selectionTileClassNames, selectionTilePreviewClassNames } from './components/ui/selection-tile-grid.js';
+export { Separator } from './components/ui/separator.js';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './components/ui/sheet.js';
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from './components/ui/sidebar.js';
+export { Skeleton } from './components/ui/skeleton.js';
+export { Slider } from './components/ui/slider.js';
+export { Toaster } from './components/ui/sonner.js';
+export { StatusBadge, StatusBadgeProps, statusBadgeVariants } from './components/ui/status-badge.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/ui/table.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from './components/ui/tabs.js';
+export { Textarea } from './components/ui/textarea.js';
+export { Tip } from './components/ui/tip.js';
+export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group.js';
+export { ToggleSwitch } from './components/ui/toggle-switch.js';
+export { Toggle, toggleVariants } from './components/ui/toggle.js';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/ui/tooltip.js';
+export { ViewSegmentOption, ViewSegmentedControl, ViewSegmentedControlProps, viewSegmentedButtonClass, viewSegmentedToolbarClass } from './components/ui/view-segmented-control.js';
+export { Brand, ContrastMode, ContrastPreference, TextSizePreference, useAppTheme } from './hooks/use-app-theme.js';
+export { COACH_MARK_FLOW_COMPLETED_EVENT, CoachMarkState, CoachMarkStep, UseCoachMarkOptions, getAllCoachMarkKeys, resetAllCoachMarks, resetCoachMarkFlow, useCoachMark } from './hooks/use-coach-mark.js';
+export { useIsMobile } from './hooks/use-mobile.js';
+export { useAltKeyLabel, useModKeyLabel } from './hooks/use-mod-key-label.js';
+export { ConditionalColumnHint, conditionalRuleMatchesRow, getConditionalCellBackground, getConditionalRowBackground } from './lib/conditional-rule-match.js';
+export { formatDateFromDate, formatDateTimeUS, formatDateUS, formatYmdForDisplay, localDateToYmd, parseRowDateToYmd, ymdToLocalDate } from './lib/date-filter.js';
+export { devLog } from './lib/dev-log.js';
+export { DROPDOWN_MENU_CONTENT_SURFACE_CLASS } from './lib/dropdown-menu-surface.js';
+export { isEditableTarget } from './lib/editable-target.js';
+export { rafThrottle } from './lib/raf-throttle.js';
+export { ROW_HEIGHT_TILES, RowHeight } from './lib/row-height.js';
+export { ActiveFilter, ColDef, ConditionalRule, FilterFieldDef, FilterOperator, FilterTextMask, OPERATOR_LABELS, RULE_COLORS, SortRule } from './lib/table-properties-types.js';
+export { cn } from './lib/utils.js';
+export { CardImages } from 'react-payment-inputs/images';
+export { KeyMetricsContextValue, KeyMetricsProvider, useKeyMetricsContext } from './components/ui/key-metrics-context.js';
+export { Mask, Options, useHookFormMask, useMaskInput, useTanStackFormMask, withHookFormMask, withMask, withTanStackFormMask } from 'use-mask-input';
+export { composeRefs } from './lib/compose-refs.js';
+export { usePaymentInputs } from 'react-payment-inputs';
+import 'react/jsx-runtime';
+import 'react';
+import 'radix-ui';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'react-day-picker';
+import 'recharts';
+import 'cmdk';
+import '@radix-ui/react-dialog';
+import 'vaul';
+import 'react-hook-form';
+import 'sonner';
+import 'clsx';