@hexclave/tanstack-start 1.0.41 → 1.0.43

package/dist/esm/clickmap/clickmap-styles.js

@@ -1,5 +1,4 @@
 import { getInPageUiBaseCSS } from "../in-page-ui/base-styles.js";
-
 //#region src/clickmap/clickmap-styles.ts
 const clickmapCSS = getInPageUiBaseCSS(".hexclave-clickmap") + `
   /* Bottom-centered floating panel (the clickmap's only chrome) */
@@ -1087,7 +1086,7 @@ const clickmapCSS = getInPageUiBaseCSS(".hexclave-clickmap") + `
     }
   }
 `;
-
 //#endregion
 export { clickmapCSS };
+
 //# sourceMappingURL=clickmap-styles.js.map

package/dist/esm/clickmap/clickmap-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickmap-styles.js","names":[],"sources":["../../../src/clickmap/clickmap-styles.ts"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n// CSS for the standalone clickmap overlay.\n//\n// The clickmap is fully independent from the dev tool: it ships its own\n// stylesheet and panel chrome so the dev tool (and its stylesheet) can be\n// removed without affecting the clickmap. Class names keep the shared `sdt-`\n// prefix on purpose — the analytics ingest/query layers exclude self-clicks by\n// that prefix (see @hexclave/shared/dist/utils/dev-tool).\n// Uses the .hexclave-clickmap scope to avoid conflicts with host app styles.\n// Design tokens + base reset come from the shared in-page-ui module.\n\nimport { getInPageUiBaseCSS } from \"../in-page-ui/base-styles\";\n\nexport const clickmapCSS = getInPageUiBaseCSS('.hexclave-clickmap') + `\n  /* Bottom-centered floating panel (the clickmap's only chrome) */\n  .hexclave-clickmap .sdt-hm-panel {\n    position: fixed;\n    left: 50%;\n    bottom: 18px;\n    z-index: 2147483647;\n    width: min(680px, calc(100vw - 24px));\n    max-width: calc(100vw - 24px);\n    max-height: calc(100vh - 36px);\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    overflow: visible;\n  }\n\n  .hexclave-clickmap .sdt-hm-panel-inner {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    animation: sdt-hm-panel-enter 0.2s ease-out;\n  }\n\n  @keyframes sdt-hm-panel-enter {\n    from {\n      opacity: 0;\n      transform: scale(0.95) translateY(8px);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1) translateY(0);\n    }\n  }\n\n  /* --- Clickmaps --- */\n\n  .hexclave-clickmap .sdt-hm {\n    height: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    overflow: visible;\n    background: transparent;\n  }\n\n  /* One spacing rhythm across the pill: a tight 2px base gap so adjacent\n     controls read as clusters, with the wider between-group separation\n     coming only from the metrics block's own padding (and the title's\n     trailing padding). Item-level whitespace inside ghost icon buttons\n     already provides the rest of the breathing room. */\n  .hexclave-clickmap .sdt-hm-toolbar {\n    position: relative;\n    z-index: 4;\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    min-height: 44px;\n    padding: 6px 8px;\n    border: 1px solid var(--sdt-border);\n    border-radius: 999px;\n    background: var(--sdt-overlay-bg);\n    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);\n    backdrop-filter: blur(18px);\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-title {\n    flex-shrink: 0;\n    padding: 0 6px 0 2px;\n    font-size: 13px;\n    font-weight: 650;\n    color: var(--sdt-text);\n    line-height: 1.1;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-filters {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-filters .sdt-hm-filter-input {\n    height: 28px;\n    border-radius: 999px;\n    font-size: 11.5px;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-filters > .sdt-hm-filter-input {\n    flex-shrink: 0;\n    width: auto;\n    max-width: 120px;\n    padding-right: 4px;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-url {\n    position: relative;\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    /* The revert/info ghost buttons hug the input they belong to. */\n    gap: 2px;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-url .sdt-hm-filter-input {\n    flex: 1;\n  }\n\n  .hexclave-clickmap .sdt-hm-mode {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    padding: 2px;\n    border-radius: 999px;\n    background: var(--sdt-bg-elevated);\n    border: 1px solid var(--sdt-border-subtle);\n  }\n\n  .hexclave-clickmap .sdt-hm-mode-btn {\n    min-width: 24px;\n    height: 20px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    border-radius: 999px;\n    background: transparent;\n    color: var(--sdt-text-tertiary);\n    padding: 0 7px;\n    font: inherit;\n    font-family: var(--sdt-font-mono, ui-monospace, monospace);\n    font-size: 11px;\n    font-weight: 600;\n    cursor: pointer;\n  }\n\n  .hexclave-clickmap .sdt-hm-mode-btn:not(.sdt-hm-mode-btn-active):hover {\n    color: var(--sdt-text);\n  }\n\n  .hexclave-clickmap .sdt-hm-mode-btn-active {\n    background: var(--sdt-accent);\n    color: white;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-input-error,\n  .hexclave-clickmap .sdt-hm-filter-input-error:focus {\n    border-color: var(--sdt-error);\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-info {\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    border-radius: 999px;\n    background: transparent;\n    color: var(--sdt-text-tertiary);\n    cursor: pointer;\n    padding: 0;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-info:hover,\n  .hexclave-clickmap .sdt-hm-filter-info[aria-expanded=\"true\"] {\n    background: var(--sdt-bg-hover);\n    color: var(--sdt-text);\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help {\n    display: none;\n    position: absolute;\n    bottom: calc(100% + 10px);\n    right: 0;\n    z-index: 6;\n    width: 320px;\n    max-width: min(320px, calc(100vw - 32px));\n    box-sizing: border-box;\n    padding: 14px;\n    border: 1px solid var(--sdt-border);\n    border-radius: var(--sdt-radius-lg);\n    background: var(--sdt-bg);\n    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);\n    backdrop-filter: blur(18px);\n    cursor: default;\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-open {\n    display: block;\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-title {\n    font-size: 12px;\n    font-weight: 650;\n    color: var(--sdt-text);\n    margin-bottom: 6px;\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-body {\n    font-size: 11.5px;\n    line-height: 1.5;\n    color: var(--sdt-text-secondary);\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-rows {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--sdt-border-subtle);\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-row {\n    display: flex;\n    align-items: baseline;\n    gap: 10px;\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-code {\n    flex-shrink: 0;\n    border-radius: var(--sdt-radius);\n    background: var(--sdt-bg-elevated);\n    border: 1px solid var(--sdt-border-subtle);\n    padding: 1px 6px;\n    font-family: var(--sdt-font-mono, ui-monospace, monospace);\n    font-size: 11px;\n    color: var(--sdt-text);\n    white-space: nowrap;\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-desc {\n    font-size: 11px;\n    line-height: 1.4;\n    color: var(--sdt-text-secondary);\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-metrics {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    /* Side padding is what separates the metrics group from the url field\n       on its left and the toggle cluster on its right. */\n    padding: 0 8px;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-metric {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--sdt-text-secondary);\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-metric-value {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--sdt-text);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-metric-icon {\n    display: inline-flex;\n    align-items: center;\n    color: var(--sdt-text-tertiary);\n  }\n\n  .hexclave-clickmap .sdt-hm-icon-btn {\n    width: 28px;\n    height: 28px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    border: 0;\n    border-radius: 999px;\n    background: transparent;\n    color: var(--sdt-text-secondary);\n    cursor: pointer;\n  }\n\n  .hexclave-clickmap .sdt-hm-icon-btn:hover {\n    background: var(--sdt-bg-hover);\n    color: var(--sdt-text);\n  }\n\n  /* Presses must always target the button itself: the chevron svg is replaced\n     when the panel toggles, and a press whose mousedown landed on a since-\n     detached svg never produces a click. */\n  .hexclave-clickmap .sdt-hm-icon-btn svg {\n    pointer-events: none;\n  }\n\n  /* Styled tooltips for toolbar controls, driven by a data-sdt-tip attribute\n     instead of native title so they match the overlay theme and also show on\n     keyboard focus. The hover transition-delay acts as a hover-intent gate so\n     tooltips don't flash while the pointer crosses the toolbar; hover-out has\n     no delay, so they dismiss instantly. */\n  .hexclave-clickmap [data-sdt-tip] {\n    position: relative;\n  }\n\n  .hexclave-clickmap [data-sdt-tip]::after {\n    content: attr(data-sdt-tip);\n    position: absolute;\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%) translateY(2px);\n    padding: 4px 8px;\n    border: 1px solid var(--sdt-border);\n    border-radius: var(--sdt-radius);\n    background: var(--sdt-overlay-bg);\n    backdrop-filter: blur(18px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);\n    color: var(--sdt-text);\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.2;\n    white-space: nowrap;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 0.12s ease, transform 0.12s ease;\n    z-index: 3;\n  }\n\n  .hexclave-clickmap [data-sdt-tip]:hover::after,\n  .hexclave-clickmap [data-sdt-tip]:focus-visible::after {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n    transition-delay: 0.35s;\n  }\n\n  /* The info button's tooltip would sit on top of its own help popover. */\n  .hexclave-clickmap .sdt-hm-filter-info[aria-expanded=\"true\"]::after {\n    opacity: 0;\n  }\n\n  .hexclave-clickmap .sdt-hm-details {\n    display: none;\n    position: relative;\n    z-index: 1;\n    max-height: min(460px, calc(100vh - 98px));\n    overflow: hidden;\n    border: 1px solid var(--sdt-border);\n    border-radius: var(--sdt-radius-lg);\n    background: var(--sdt-bg);\n    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);\n  }\n\n  .hexclave-clickmap .sdt-hm-expanded .sdt-hm-details {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .hexclave-clickmap .sdt-hm-head {\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    padding: 16px;\n    border-bottom: 1px solid var(--sdt-border-subtle);\n  }\n\n  .hexclave-clickmap .sdt-hm-filters {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-row {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .hexclave-clickmap .sdt-hm-seg {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    gap: 2px;\n    height: 30px;\n    padding: 3px;\n    border-radius: var(--sdt-radius);\n    border: 1px solid var(--sdt-border-subtle);\n    background: var(--sdt-bg-elevated);\n    box-sizing: border-box;\n  }\n\n  .hexclave-clickmap .sdt-hm-seg-thumb {\n    position: absolute;\n    top: 3px;\n    left: 0;\n    bottom: 3px;\n    width: 0;\n    border-radius: calc(var(--sdt-radius) - 2px);\n    background: var(--sdt-bg);\n    border: 1px solid var(--sdt-border);\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);\n    transform: translateX(0);\n    transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), width 220ms cubic-bezier(0.22, 1, 0.36, 1);\n    pointer-events: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-seg-btn {\n    position: relative;\n    z-index: 1;\n    flex: 1 1 0;\n    min-width: 0;\n    border: 0;\n    background: transparent;\n    color: var(--sdt-text-tertiary);\n    font: inherit;\n    font-family: var(--sdt-font);\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1;\n    padding: 0 4px;\n    border-radius: calc(var(--sdt-radius) - 2px);\n    cursor: pointer;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition: color 160ms ease;\n  }\n\n  .hexclave-clickmap .sdt-hm-seg-btn:hover {\n    color: var(--sdt-text-secondary);\n  }\n\n  .hexclave-clickmap .sdt-hm-seg-btn[aria-checked=\"true\"] {\n    color: var(--sdt-text);\n  }\n\n  .hexclave-clickmap .sdt-hm-seg-btn:focus-visible {\n    outline: 2px solid var(--sdt-accent);\n    outline-offset: -2px;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hexclave-clickmap .sdt-hm-seg-thumb {\n      transition: none;\n    }\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-field {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n    min-width: 0;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-label-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    min-height: 13px;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-label {\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--sdt-text-tertiary);\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-reset {\n    display: none;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    border-radius: 999px;\n    background: transparent;\n    padding: 0;\n    color: var(--sdt-accent);\n    cursor: pointer;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-reset:hover {\n    background: var(--sdt-bg-hover);\n    color: var(--sdt-accent-hover);\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-reset-visible {\n    display: inline-flex;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-input {\n    height: 30px;\n    border-radius: var(--sdt-radius);\n    border: 1px solid var(--sdt-border-subtle);\n    background: var(--sdt-bg-elevated);\n    color: var(--sdt-text);\n    padding: 0 9px;\n    font: inherit;\n    font-size: 12px;\n    font-family: var(--sdt-font);\n    min-width: 0;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-input:focus {\n    outline: none;\n    border-color: var(--sdt-accent);\n  }\n\n  .hexclave-clickmap .sdt-hm-actions {\n    display: flex;\n    align-items: stretch;\n    gap: 10px;\n  }\n\n  .hexclave-clickmap .sdt-hm-actions .sdt-hm-btn {\n    height: auto;\n    flex-shrink: 0;\n    white-space: nowrap;\n    padding: 0 16px;\n  }\n\n  .hexclave-clickmap .sdt-hm-btn {\n    height: 30px;\n    border-radius: var(--sdt-radius);\n    border: 1px solid var(--sdt-border-subtle);\n    background: var(--sdt-bg-elevated);\n    color: var(--sdt-text-secondary);\n    padding: 0 10px;\n    font: inherit;\n    font-size: 12px;\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;\n  }\n\n  .hexclave-clickmap .sdt-hm-btn:hover {\n    background: var(--sdt-bg-hover);\n    color: var(--sdt-text);\n    transition: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-btn-primary {\n    background: var(--sdt-accent);\n    border-color: var(--sdt-accent);\n    color: white;\n  }\n\n  .hexclave-clickmap .sdt-hm-btn-primary:hover {\n    background: var(--sdt-accent);\n    border-color: var(--sdt-accent);\n    color: white;\n    transition: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-btn-sm {\n    height: 24px;\n    flex-shrink: 0;\n    border-radius: 999px;\n    padding: 0 10px;\n    font-size: 11px;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  .hexclave-clickmap .sdt-hm-btn:disabled {\n    opacity: 0.45;\n    pointer-events: none;\n  }\n\n  /* Dead-clicks-only filter toggle (toolbar icon button + expanded-panel\n     button). Active state borrows the error tint used by the dead chips so\n     the mode reads as \"you are looking at failures\". */\n  .hexclave-clickmap .sdt-hm-dead-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n  }\n\n  .hexclave-clickmap .sdt-hm-dead-toggle-icon {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .hexclave-clickmap .sdt-hm-dead-toggle-active,\n  .hexclave-clickmap .sdt-hm-dead-toggle-active:hover {\n    background: var(--sdt-error-muted);\n    border-color: var(--sdt-error);\n    color: var(--sdt-error);\n    transition: none;\n  }\n\n  /* Toolbar overlay toggle while the overlay is hidden: tinted so the off\n     state reads at a glance, eye-off icon carries the meaning. */\n  .hexclave-clickmap .sdt-hm-overlay-mini-off,\n  .hexclave-clickmap .sdt-hm-overlay-mini-off:hover {\n    background: var(--sdt-accent-muted);\n    color: var(--sdt-accent-hover);\n  }\n\n  .hexclave-clickmap .sdt-hm-stats {\n    flex: 1;\n    min-width: 0;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 8px;\n  }\n\n  .hexclave-clickmap .sdt-hm-stat {\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    border-radius: var(--sdt-radius);\n    background: var(--sdt-bg-elevated);\n    padding: 7px 10px;\n  }\n\n  .hexclave-clickmap .sdt-hm-stat-label {\n    font-size: 9.5px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--sdt-text-tertiary);\n  }\n\n  .hexclave-clickmap .sdt-hm-stat-value {\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--sdt-text);\n    font-variant-numeric: tabular-nums;\n  }\n\n  /* No top padding on the scroller: the sticky list header pins at top 0,\n     and scroller padding reads as a see-through strip above it while the\n     list scrolls (Chromium offsets sticky insets by the scroll container's\n     padding). The status line below carries the 12px instead. */\n  .hexclave-clickmap .sdt-hm-body {\n    flex: 1;\n    min-height: 0;\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 0 16px 14px;\n  }\n\n  .hexclave-clickmap .sdt-hm-token-status {\n    color: var(--sdt-text-secondary);\n    padding: 12px 2px 0;\n    font-size: 11.5px;\n    line-height: 1.45;\n  }\n\n  .hexclave-clickmap .sdt-hm-token-status-error {\n    color: var(--sdt-error);\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning {\n    display: none;\n    gap: 8px;\n    padding: 10px;\n    border-radius: var(--sdt-radius);\n    border: 1px solid rgba(234, 179, 8, 0.24);\n    background: var(--sdt-warning-muted);\n    color: var(--sdt-text);\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-visible {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-title {\n    font-size: 12px;\n    font-weight: 650;\n    color: var(--sdt-text);\n    line-height: 1.2;\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-body {\n    font-size: 11.5px;\n    line-height: 1.45;\n    color: var(--sdt-text-secondary);\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-action {\n    min-width: 0;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    border-radius: var(--sdt-radius);\n    border: 1px solid var(--sdt-border-subtle);\n    background: var(--sdt-bg-elevated);\n    padding: 4px 5px 4px 8px;\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-label {\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--sdt-text-tertiary);\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-code {\n    font-family: var(--sdt-font-mono);\n    font-size: 11.5px;\n    font-weight: 650;\n    color: var(--sdt-text);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .hexclave-clickmap .sdt-hm-copy-btn {\n    height: 22px;\n    border: 1px solid var(--sdt-border-subtle);\n    border-radius: 999px;\n    background: var(--sdt-bg);\n    color: var(--sdt-text-secondary);\n    padding: 0 8px;\n    font: inherit;\n    font-size: 10.5px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n  }\n\n  .hexclave-clickmap .sdt-hm-copy-btn:hover {\n    background: var(--sdt-bg-hover);\n    border-color: var(--sdt-border);\n    color: var(--sdt-text);\n    transition: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-list {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  /* Datagrid-style header above the element list. Sticky inside the\n     scrolling body (full-bleed via negative margins) so select-all and the\n     bulk show/hide actions stay reachable while the list scrolls. The 24px\n     left padding lines its master checkbox up with the row checkboxes\n     (16px body padding + 8px row padding). */\n  .hexclave-clickmap .sdt-hm-list-header {\n    display: none;\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    align-items: center;\n    gap: 8px;\n    margin: 0 -16px;\n    padding: 8px 24px;\n    background: var(--sdt-bg);\n    border-bottom: 1px solid var(--sdt-border-subtle);\n  }\n\n  .hexclave-clickmap .sdt-hm-list-header-visible {\n    display: flex;\n  }\n\n  .hexclave-clickmap .sdt-hm-list-header-summary {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--sdt-text-secondary);\n    font-variant-numeric: tabular-nums;\n  }\n\n  /* Element search, compacted to header height. Shrinks before the summary\n     does, but never below a usable width. */\n  .hexclave-clickmap .sdt-hm-list-header .sdt-hm-filter-input {\n    flex: 0 1 220px;\n    width: auto;\n    min-width: 90px;\n    height: 24px;\n    border-radius: 999px;\n    font-size: 11px;\n    padding: 0 10px;\n  }\n\n  .hexclave-clickmap .sdt-hm-empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 140px;\n    border-radius: var(--sdt-radius);\n    border: 1px dashed var(--sdt-border);\n    color: var(--sdt-text-tertiary);\n    font-size: 12px;\n    text-align: center;\n    padding: 0 16px;\n  }\n\n  .hexclave-clickmap .sdt-hm-row {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 16px minmax(42px, auto) minmax(0, 1fr) 24px;\n    align-items: center;\n    gap: 10px;\n    border: 0;\n    border-radius: var(--sdt-radius);\n    background: transparent;\n    color: var(--sdt-text);\n    padding: 8px;\n    text-align: left;\n    cursor: pointer;\n    font-family: var(--sdt-font);\n    user-select: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-row:hover {\n    background: var(--sdt-bg-hover);\n    transition: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-row:focus-visible {\n    outline: 2px solid var(--sdt-accent);\n    outline-offset: 2px;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-muted {\n    opacity: 0.52;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-highlighted {\n    background: rgba(250, 204, 21, 0.12);\n  }\n\n  /* Declared after -highlighted and with a :hover pair so the selection tint\n     wins over both the lead-highlight wash and the plain hover background. */\n  .hexclave-clickmap .sdt-hm-row-selected,\n  .hexclave-clickmap .sdt-hm-row-selected:hover {\n    background: var(--sdt-accent-muted);\n  }\n\n  /* Row checkbox (also reused as the list header's master checkbox). A\n     button with role=checkbox instead of a native input so it can render the\n     overlay-themed check/indeterminate icons. */\n  .hexclave-clickmap .sdt-hm-row-check {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    border: 1px solid var(--sdt-border);\n    border-radius: calc(var(--sdt-radius) - 3px);\n    background: var(--sdt-bg-elevated);\n    color: white;\n    appearance: none;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-check:hover {\n    border-color: var(--sdt-accent);\n  }\n\n  .hexclave-clickmap .sdt-hm-row-check[aria-checked=\"true\"],\n  .hexclave-clickmap .sdt-hm-row-check[aria-checked=\"mixed\"] {\n    background: var(--sdt-accent);\n    border-color: var(--sdt-accent);\n  }\n\n  .hexclave-clickmap .sdt-hm-row-check:focus-visible {\n    outline: 2px solid var(--sdt-accent);\n    outline-offset: 2px;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-check svg {\n    pointer-events: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 24px;\n    border-radius: calc(var(--sdt-radius) - 2px);\n    background: var(--sdt-accent-muted);\n    color: var(--sdt-accent-hover);\n    padding: 0 7px;\n    font-size: 12px;\n    font-weight: 700;\n    font-variant-numeric: tabular-nums;\n    font-family: var(--sdt-font);\n  }\n\n  .hexclave-clickmap .sdt-hm-row-muted .sdt-hm-row-count {\n    background: var(--sdt-bg-elevated);\n    color: var(--sdt-text-tertiary);\n  }\n\n  .hexclave-clickmap .sdt-hm-row-eye {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border: 1px solid var(--sdt-border-subtle);\n    border-radius: calc(var(--sdt-radius) - 2px);\n    background: var(--sdt-bg-elevated);\n    color: var(--sdt-text-secondary);\n    appearance: none;\n    padding: 0;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-row:hover .sdt-hm-row-eye,\n  .hexclave-clickmap .sdt-hm-row:focus-within .sdt-hm-row-eye,\n  .hexclave-clickmap .sdt-hm-row-muted .sdt-hm-row-eye {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-eye:hover {\n    background: var(--sdt-bg-hover);\n    border-color: var(--sdt-border);\n    color: var(--sdt-text);\n    transition: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-eye:focus-visible {\n    outline: 2px solid var(--sdt-accent);\n    outline-offset: 2px;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-meta {\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-label-row {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    min-width: 0;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-dead {\n    display: none;\n    flex: none;\n    align-items: center;\n    height: 16px;\n    border-radius: calc(var(--sdt-radius) - 3px);\n    background: var(--sdt-error-muted);\n    color: var(--sdt-error);\n    padding: 0 5px;\n    font-size: 10px;\n    font-weight: 700;\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-dead-visible {\n    display: inline-flex;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-selector {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-family: var(--sdt-font-mono);\n    font-size: 10.5px;\n    color: var(--sdt-text-tertiary);\n  }\n\n  .sdt-hm-overlay-root {\n    position: fixed;\n    inset: 0;\n    z-index: 2147483646;\n    pointer-events: none;\n    --resize-dur: 320ms;\n    --resize-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-marker {\n    position: fixed;\n    transform: translate(-50%, -50%);\n    min-width: 28px;\n    height: 24px;\n    border-radius: 999px;\n    padding: 0 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    color: rgba(10, 10, 11, 0.92);\n    font: 700 12px/1 var(--sdt-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);\n    font-variant-numeric: tabular-nums;\n    cursor: pointer;\n    pointer-events: auto;\n    transition: opacity 0.15s ease, transform 0.15s ease, filter 0.15s ease;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-marker:hover {\n    transform: translate(-50%, -50%) scale(1.06);\n    transition: none;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-marker-muted {\n    opacity: 0.18;\n    filter: saturate(0.25);\n    text-decoration: line-through;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-marker-highlighted {\n    transform: translate(-50%, -50%) scale(1.08);\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-outline {\n    position: fixed;\n    border: 1px solid;\n    border-radius: 4px;\n    background: rgba(99, 102, 241, 0.04);\n    transition: opacity 0.15s ease, background 0.15s ease, border-color 0.15s ease;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-outline-muted {\n    opacity: 0;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-outline-highlighted {\n    border-color: rgba(250, 204, 21, 0.92) !important;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-highlight {\n    position: fixed;\n    border-radius: 5px;\n    background: rgba(250, 204, 21, 0.28);\n    box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.7), 0 0 0 9999px rgba(0, 0, 0, 0.04);\n    opacity: 0;\n    will-change: top, left, width, height;\n    transition: opacity 0.18s ease;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-highlight-visible {\n    opacity: 1;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-highlight-animating {\n    transition:\n      top var(--resize-dur) var(--resize-ease),\n      left var(--resize-dur) var(--resize-ease),\n      width var(--resize-dur) var(--resize-ease),\n      height var(--resize-dur) var(--resize-ease),\n      opacity 0.18s ease;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .sdt-hm-overlay-root .sdt-hm-highlight-animating {\n      transition: opacity 0.18s ease;\n    }\n  }\n`;\n"],"mappings":";;;AAgBA,MAAa,cAAc,mBAAmB,qBAAqB,GAAG"}
+{"version":3,"file":"clickmap-styles.js","names":[],"sources":["../../../src/clickmap/clickmap-styles.ts"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n// CSS for the standalone clickmap overlay.\n//\n// The clickmap is fully independent from the dev tool: it ships its own\n// stylesheet and panel chrome so the dev tool (and its stylesheet) can be\n// removed without affecting the clickmap. Class names keep the shared `sdt-`\n// prefix on purpose — the analytics ingest/query layers exclude self-clicks by\n// that prefix (see @hexclave/shared/dist/utils/dev-tool).\n// Uses the .hexclave-clickmap scope to avoid conflicts with host app styles.\n// Design tokens + base reset come from the shared in-page-ui module.\n\nimport { getInPageUiBaseCSS } from \"../in-page-ui/base-styles\";\n\nexport const clickmapCSS = getInPageUiBaseCSS('.hexclave-clickmap') + `\n  /* Bottom-centered floating panel (the clickmap's only chrome) */\n  .hexclave-clickmap .sdt-hm-panel {\n    position: fixed;\n    left: 50%;\n    bottom: 18px;\n    z-index: 2147483647;\n    width: min(680px, calc(100vw - 24px));\n    max-width: calc(100vw - 24px);\n    max-height: calc(100vh - 36px);\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    overflow: visible;\n  }\n\n  .hexclave-clickmap .sdt-hm-panel-inner {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    animation: sdt-hm-panel-enter 0.2s ease-out;\n  }\n\n  @keyframes sdt-hm-panel-enter {\n    from {\n      opacity: 0;\n      transform: scale(0.95) translateY(8px);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1) translateY(0);\n    }\n  }\n\n  /* --- Clickmaps --- */\n\n  .hexclave-clickmap .sdt-hm {\n    height: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    overflow: visible;\n    background: transparent;\n  }\n\n  /* One spacing rhythm across the pill: a tight 2px base gap so adjacent\n     controls read as clusters, with the wider between-group separation\n     coming only from the metrics block's own padding (and the title's\n     trailing padding). Item-level whitespace inside ghost icon buttons\n     already provides the rest of the breathing room. */\n  .hexclave-clickmap .sdt-hm-toolbar {\n    position: relative;\n    z-index: 4;\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    min-height: 44px;\n    padding: 6px 8px;\n    border: 1px solid var(--sdt-border);\n    border-radius: 999px;\n    background: var(--sdt-overlay-bg);\n    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);\n    backdrop-filter: blur(18px);\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-title {\n    flex-shrink: 0;\n    padding: 0 6px 0 2px;\n    font-size: 13px;\n    font-weight: 650;\n    color: var(--sdt-text);\n    line-height: 1.1;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-filters {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-filters .sdt-hm-filter-input {\n    height: 28px;\n    border-radius: 999px;\n    font-size: 11.5px;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-filters > .sdt-hm-filter-input {\n    flex-shrink: 0;\n    width: auto;\n    max-width: 120px;\n    padding-right: 4px;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-url {\n    position: relative;\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    /* The revert/info ghost buttons hug the input they belong to. */\n    gap: 2px;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-url .sdt-hm-filter-input {\n    flex: 1;\n  }\n\n  .hexclave-clickmap .sdt-hm-mode {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    padding: 2px;\n    border-radius: 999px;\n    background: var(--sdt-bg-elevated);\n    border: 1px solid var(--sdt-border-subtle);\n  }\n\n  .hexclave-clickmap .sdt-hm-mode-btn {\n    min-width: 24px;\n    height: 20px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    border-radius: 999px;\n    background: transparent;\n    color: var(--sdt-text-tertiary);\n    padding: 0 7px;\n    font: inherit;\n    font-family: var(--sdt-font-mono, ui-monospace, monospace);\n    font-size: 11px;\n    font-weight: 600;\n    cursor: pointer;\n  }\n\n  .hexclave-clickmap .sdt-hm-mode-btn:not(.sdt-hm-mode-btn-active):hover {\n    color: var(--sdt-text);\n  }\n\n  .hexclave-clickmap .sdt-hm-mode-btn-active {\n    background: var(--sdt-accent);\n    color: white;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-input-error,\n  .hexclave-clickmap .sdt-hm-filter-input-error:focus {\n    border-color: var(--sdt-error);\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-info {\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    border-radius: 999px;\n    background: transparent;\n    color: var(--sdt-text-tertiary);\n    cursor: pointer;\n    padding: 0;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-info:hover,\n  .hexclave-clickmap .sdt-hm-filter-info[aria-expanded=\"true\"] {\n    background: var(--sdt-bg-hover);\n    color: var(--sdt-text);\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help {\n    display: none;\n    position: absolute;\n    bottom: calc(100% + 10px);\n    right: 0;\n    z-index: 6;\n    width: 320px;\n    max-width: min(320px, calc(100vw - 32px));\n    box-sizing: border-box;\n    padding: 14px;\n    border: 1px solid var(--sdt-border);\n    border-radius: var(--sdt-radius-lg);\n    background: var(--sdt-bg);\n    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);\n    backdrop-filter: blur(18px);\n    cursor: default;\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-open {\n    display: block;\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-title {\n    font-size: 12px;\n    font-weight: 650;\n    color: var(--sdt-text);\n    margin-bottom: 6px;\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-body {\n    font-size: 11.5px;\n    line-height: 1.5;\n    color: var(--sdt-text-secondary);\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-rows {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--sdt-border-subtle);\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-row {\n    display: flex;\n    align-items: baseline;\n    gap: 10px;\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-code {\n    flex-shrink: 0;\n    border-radius: var(--sdt-radius);\n    background: var(--sdt-bg-elevated);\n    border: 1px solid var(--sdt-border-subtle);\n    padding: 1px 6px;\n    font-family: var(--sdt-font-mono, ui-monospace, monospace);\n    font-size: 11px;\n    color: var(--sdt-text);\n    white-space: nowrap;\n  }\n\n  .hexclave-clickmap .sdt-hm-url-help-desc {\n    font-size: 11px;\n    line-height: 1.4;\n    color: var(--sdt-text-secondary);\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-metrics {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    /* Side padding is what separates the metrics group from the url field\n       on its left and the toggle cluster on its right. */\n    padding: 0 8px;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-metric {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--sdt-text-secondary);\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-metric-value {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--sdt-text);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .hexclave-clickmap .sdt-hm-toolbar-metric-icon {\n    display: inline-flex;\n    align-items: center;\n    color: var(--sdt-text-tertiary);\n  }\n\n  .hexclave-clickmap .sdt-hm-icon-btn {\n    width: 28px;\n    height: 28px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    border: 0;\n    border-radius: 999px;\n    background: transparent;\n    color: var(--sdt-text-secondary);\n    cursor: pointer;\n  }\n\n  .hexclave-clickmap .sdt-hm-icon-btn:hover {\n    background: var(--sdt-bg-hover);\n    color: var(--sdt-text);\n  }\n\n  /* Presses must always target the button itself: the chevron svg is replaced\n     when the panel toggles, and a press whose mousedown landed on a since-\n     detached svg never produces a click. */\n  .hexclave-clickmap .sdt-hm-icon-btn svg {\n    pointer-events: none;\n  }\n\n  /* Styled tooltips for toolbar controls, driven by a data-sdt-tip attribute\n     instead of native title so they match the overlay theme and also show on\n     keyboard focus. The hover transition-delay acts as a hover-intent gate so\n     tooltips don't flash while the pointer crosses the toolbar; hover-out has\n     no delay, so they dismiss instantly. */\n  .hexclave-clickmap [data-sdt-tip] {\n    position: relative;\n  }\n\n  .hexclave-clickmap [data-sdt-tip]::after {\n    content: attr(data-sdt-tip);\n    position: absolute;\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%) translateY(2px);\n    padding: 4px 8px;\n    border: 1px solid var(--sdt-border);\n    border-radius: var(--sdt-radius);\n    background: var(--sdt-overlay-bg);\n    backdrop-filter: blur(18px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);\n    color: var(--sdt-text);\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.2;\n    white-space: nowrap;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 0.12s ease, transform 0.12s ease;\n    z-index: 3;\n  }\n\n  .hexclave-clickmap [data-sdt-tip]:hover::after,\n  .hexclave-clickmap [data-sdt-tip]:focus-visible::after {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n    transition-delay: 0.35s;\n  }\n\n  /* The info button's tooltip would sit on top of its own help popover. */\n  .hexclave-clickmap .sdt-hm-filter-info[aria-expanded=\"true\"]::after {\n    opacity: 0;\n  }\n\n  .hexclave-clickmap .sdt-hm-details {\n    display: none;\n    position: relative;\n    z-index: 1;\n    max-height: min(460px, calc(100vh - 98px));\n    overflow: hidden;\n    border: 1px solid var(--sdt-border);\n    border-radius: var(--sdt-radius-lg);\n    background: var(--sdt-bg);\n    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);\n  }\n\n  .hexclave-clickmap .sdt-hm-expanded .sdt-hm-details {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .hexclave-clickmap .sdt-hm-head {\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    padding: 16px;\n    border-bottom: 1px solid var(--sdt-border-subtle);\n  }\n\n  .hexclave-clickmap .sdt-hm-filters {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-row {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .hexclave-clickmap .sdt-hm-seg {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    gap: 2px;\n    height: 30px;\n    padding: 3px;\n    border-radius: var(--sdt-radius);\n    border: 1px solid var(--sdt-border-subtle);\n    background: var(--sdt-bg-elevated);\n    box-sizing: border-box;\n  }\n\n  .hexclave-clickmap .sdt-hm-seg-thumb {\n    position: absolute;\n    top: 3px;\n    left: 0;\n    bottom: 3px;\n    width: 0;\n    border-radius: calc(var(--sdt-radius) - 2px);\n    background: var(--sdt-bg);\n    border: 1px solid var(--sdt-border);\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);\n    transform: translateX(0);\n    transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), width 220ms cubic-bezier(0.22, 1, 0.36, 1);\n    pointer-events: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-seg-btn {\n    position: relative;\n    z-index: 1;\n    flex: 1 1 0;\n    min-width: 0;\n    border: 0;\n    background: transparent;\n    color: var(--sdt-text-tertiary);\n    font: inherit;\n    font-family: var(--sdt-font);\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1;\n    padding: 0 4px;\n    border-radius: calc(var(--sdt-radius) - 2px);\n    cursor: pointer;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition: color 160ms ease;\n  }\n\n  .hexclave-clickmap .sdt-hm-seg-btn:hover {\n    color: var(--sdt-text-secondary);\n  }\n\n  .hexclave-clickmap .sdt-hm-seg-btn[aria-checked=\"true\"] {\n    color: var(--sdt-text);\n  }\n\n  .hexclave-clickmap .sdt-hm-seg-btn:focus-visible {\n    outline: 2px solid var(--sdt-accent);\n    outline-offset: -2px;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hexclave-clickmap .sdt-hm-seg-thumb {\n      transition: none;\n    }\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-field {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n    min-width: 0;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-label-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    min-height: 13px;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-label {\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--sdt-text-tertiary);\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-reset {\n    display: none;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    border-radius: 999px;\n    background: transparent;\n    padding: 0;\n    color: var(--sdt-accent);\n    cursor: pointer;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-reset:hover {\n    background: var(--sdt-bg-hover);\n    color: var(--sdt-accent-hover);\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-reset-visible {\n    display: inline-flex;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-input {\n    height: 30px;\n    border-radius: var(--sdt-radius);\n    border: 1px solid var(--sdt-border-subtle);\n    background: var(--sdt-bg-elevated);\n    color: var(--sdt-text);\n    padding: 0 9px;\n    font: inherit;\n    font-size: 12px;\n    font-family: var(--sdt-font);\n    min-width: 0;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .hexclave-clickmap .sdt-hm-filter-input:focus {\n    outline: none;\n    border-color: var(--sdt-accent);\n  }\n\n  .hexclave-clickmap .sdt-hm-actions {\n    display: flex;\n    align-items: stretch;\n    gap: 10px;\n  }\n\n  .hexclave-clickmap .sdt-hm-actions .sdt-hm-btn {\n    height: auto;\n    flex-shrink: 0;\n    white-space: nowrap;\n    padding: 0 16px;\n  }\n\n  .hexclave-clickmap .sdt-hm-btn {\n    height: 30px;\n    border-radius: var(--sdt-radius);\n    border: 1px solid var(--sdt-border-subtle);\n    background: var(--sdt-bg-elevated);\n    color: var(--sdt-text-secondary);\n    padding: 0 10px;\n    font: inherit;\n    font-size: 12px;\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;\n  }\n\n  .hexclave-clickmap .sdt-hm-btn:hover {\n    background: var(--sdt-bg-hover);\n    color: var(--sdt-text);\n    transition: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-btn-primary {\n    background: var(--sdt-accent);\n    border-color: var(--sdt-accent);\n    color: white;\n  }\n\n  .hexclave-clickmap .sdt-hm-btn-primary:hover {\n    background: var(--sdt-accent);\n    border-color: var(--sdt-accent);\n    color: white;\n    transition: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-btn-sm {\n    height: 24px;\n    flex-shrink: 0;\n    border-radius: 999px;\n    padding: 0 10px;\n    font-size: 11px;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  .hexclave-clickmap .sdt-hm-btn:disabled {\n    opacity: 0.45;\n    pointer-events: none;\n  }\n\n  /* Dead-clicks-only filter toggle (toolbar icon button + expanded-panel\n     button). Active state borrows the error tint used by the dead chips so\n     the mode reads as \"you are looking at failures\". */\n  .hexclave-clickmap .sdt-hm-dead-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n  }\n\n  .hexclave-clickmap .sdt-hm-dead-toggle-icon {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .hexclave-clickmap .sdt-hm-dead-toggle-active,\n  .hexclave-clickmap .sdt-hm-dead-toggle-active:hover {\n    background: var(--sdt-error-muted);\n    border-color: var(--sdt-error);\n    color: var(--sdt-error);\n    transition: none;\n  }\n\n  /* Toolbar overlay toggle while the overlay is hidden: tinted so the off\n     state reads at a glance, eye-off icon carries the meaning. */\n  .hexclave-clickmap .sdt-hm-overlay-mini-off,\n  .hexclave-clickmap .sdt-hm-overlay-mini-off:hover {\n    background: var(--sdt-accent-muted);\n    color: var(--sdt-accent-hover);\n  }\n\n  .hexclave-clickmap .sdt-hm-stats {\n    flex: 1;\n    min-width: 0;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 8px;\n  }\n\n  .hexclave-clickmap .sdt-hm-stat {\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    border-radius: var(--sdt-radius);\n    background: var(--sdt-bg-elevated);\n    padding: 7px 10px;\n  }\n\n  .hexclave-clickmap .sdt-hm-stat-label {\n    font-size: 9.5px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--sdt-text-tertiary);\n  }\n\n  .hexclave-clickmap .sdt-hm-stat-value {\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--sdt-text);\n    font-variant-numeric: tabular-nums;\n  }\n\n  /* No top padding on the scroller: the sticky list header pins at top 0,\n     and scroller padding reads as a see-through strip above it while the\n     list scrolls (Chromium offsets sticky insets by the scroll container's\n     padding). The status line below carries the 12px instead. */\n  .hexclave-clickmap .sdt-hm-body {\n    flex: 1;\n    min-height: 0;\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 0 16px 14px;\n  }\n\n  .hexclave-clickmap .sdt-hm-token-status {\n    color: var(--sdt-text-secondary);\n    padding: 12px 2px 0;\n    font-size: 11.5px;\n    line-height: 1.45;\n  }\n\n  .hexclave-clickmap .sdt-hm-token-status-error {\n    color: var(--sdt-error);\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning {\n    display: none;\n    gap: 8px;\n    padding: 10px;\n    border-radius: var(--sdt-radius);\n    border: 1px solid rgba(234, 179, 8, 0.24);\n    background: var(--sdt-warning-muted);\n    color: var(--sdt-text);\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-visible {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-title {\n    font-size: 12px;\n    font-weight: 650;\n    color: var(--sdt-text);\n    line-height: 1.2;\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-body {\n    font-size: 11.5px;\n    line-height: 1.45;\n    color: var(--sdt-text-secondary);\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-action {\n    min-width: 0;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    border-radius: var(--sdt-radius);\n    border: 1px solid var(--sdt-border-subtle);\n    background: var(--sdt-bg-elevated);\n    padding: 4px 5px 4px 8px;\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-label {\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--sdt-text-tertiary);\n  }\n\n  .hexclave-clickmap .sdt-hm-viewport-warning-code {\n    font-family: var(--sdt-font-mono);\n    font-size: 11.5px;\n    font-weight: 650;\n    color: var(--sdt-text);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .hexclave-clickmap .sdt-hm-copy-btn {\n    height: 22px;\n    border: 1px solid var(--sdt-border-subtle);\n    border-radius: 999px;\n    background: var(--sdt-bg);\n    color: var(--sdt-text-secondary);\n    padding: 0 8px;\n    font: inherit;\n    font-size: 10.5px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n  }\n\n  .hexclave-clickmap .sdt-hm-copy-btn:hover {\n    background: var(--sdt-bg-hover);\n    border-color: var(--sdt-border);\n    color: var(--sdt-text);\n    transition: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-list {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  /* Datagrid-style header above the element list. Sticky inside the\n     scrolling body (full-bleed via negative margins) so select-all and the\n     bulk show/hide actions stay reachable while the list scrolls. The 24px\n     left padding lines its master checkbox up with the row checkboxes\n     (16px body padding + 8px row padding). */\n  .hexclave-clickmap .sdt-hm-list-header {\n    display: none;\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    align-items: center;\n    gap: 8px;\n    margin: 0 -16px;\n    padding: 8px 24px;\n    background: var(--sdt-bg);\n    border-bottom: 1px solid var(--sdt-border-subtle);\n  }\n\n  .hexclave-clickmap .sdt-hm-list-header-visible {\n    display: flex;\n  }\n\n  .hexclave-clickmap .sdt-hm-list-header-summary {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--sdt-text-secondary);\n    font-variant-numeric: tabular-nums;\n  }\n\n  /* Element search, compacted to header height. Shrinks before the summary\n     does, but never below a usable width. */\n  .hexclave-clickmap .sdt-hm-list-header .sdt-hm-filter-input {\n    flex: 0 1 220px;\n    width: auto;\n    min-width: 90px;\n    height: 24px;\n    border-radius: 999px;\n    font-size: 11px;\n    padding: 0 10px;\n  }\n\n  .hexclave-clickmap .sdt-hm-empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 140px;\n    border-radius: var(--sdt-radius);\n    border: 1px dashed var(--sdt-border);\n    color: var(--sdt-text-tertiary);\n    font-size: 12px;\n    text-align: center;\n    padding: 0 16px;\n  }\n\n  .hexclave-clickmap .sdt-hm-row {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 16px minmax(42px, auto) minmax(0, 1fr) 24px;\n    align-items: center;\n    gap: 10px;\n    border: 0;\n    border-radius: var(--sdt-radius);\n    background: transparent;\n    color: var(--sdt-text);\n    padding: 8px;\n    text-align: left;\n    cursor: pointer;\n    font-family: var(--sdt-font);\n    user-select: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-row:hover {\n    background: var(--sdt-bg-hover);\n    transition: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-row:focus-visible {\n    outline: 2px solid var(--sdt-accent);\n    outline-offset: 2px;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-muted {\n    opacity: 0.52;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-highlighted {\n    background: rgba(250, 204, 21, 0.12);\n  }\n\n  /* Declared after -highlighted and with a :hover pair so the selection tint\n     wins over both the lead-highlight wash and the plain hover background. */\n  .hexclave-clickmap .sdt-hm-row-selected,\n  .hexclave-clickmap .sdt-hm-row-selected:hover {\n    background: var(--sdt-accent-muted);\n  }\n\n  /* Row checkbox (also reused as the list header's master checkbox). A\n     button with role=checkbox instead of a native input so it can render the\n     overlay-themed check/indeterminate icons. */\n  .hexclave-clickmap .sdt-hm-row-check {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    border: 1px solid var(--sdt-border);\n    border-radius: calc(var(--sdt-radius) - 3px);\n    background: var(--sdt-bg-elevated);\n    color: white;\n    appearance: none;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-check:hover {\n    border-color: var(--sdt-accent);\n  }\n\n  .hexclave-clickmap .sdt-hm-row-check[aria-checked=\"true\"],\n  .hexclave-clickmap .sdt-hm-row-check[aria-checked=\"mixed\"] {\n    background: var(--sdt-accent);\n    border-color: var(--sdt-accent);\n  }\n\n  .hexclave-clickmap .sdt-hm-row-check:focus-visible {\n    outline: 2px solid var(--sdt-accent);\n    outline-offset: 2px;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-check svg {\n    pointer-events: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 24px;\n    border-radius: calc(var(--sdt-radius) - 2px);\n    background: var(--sdt-accent-muted);\n    color: var(--sdt-accent-hover);\n    padding: 0 7px;\n    font-size: 12px;\n    font-weight: 700;\n    font-variant-numeric: tabular-nums;\n    font-family: var(--sdt-font);\n  }\n\n  .hexclave-clickmap .sdt-hm-row-muted .sdt-hm-row-count {\n    background: var(--sdt-bg-elevated);\n    color: var(--sdt-text-tertiary);\n  }\n\n  .hexclave-clickmap .sdt-hm-row-eye {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border: 1px solid var(--sdt-border-subtle);\n    border-radius: calc(var(--sdt-radius) - 2px);\n    background: var(--sdt-bg-elevated);\n    color: var(--sdt-text-secondary);\n    appearance: none;\n    padding: 0;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-row:hover .sdt-hm-row-eye,\n  .hexclave-clickmap .sdt-hm-row:focus-within .sdt-hm-row-eye,\n  .hexclave-clickmap .sdt-hm-row-muted .sdt-hm-row-eye {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-eye:hover {\n    background: var(--sdt-bg-hover);\n    border-color: var(--sdt-border);\n    color: var(--sdt-text);\n    transition: none;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-eye:focus-visible {\n    outline: 2px solid var(--sdt-accent);\n    outline-offset: 2px;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-meta {\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-label-row {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    min-width: 0;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-dead {\n    display: none;\n    flex: none;\n    align-items: center;\n    height: 16px;\n    border-radius: calc(var(--sdt-radius) - 3px);\n    background: var(--sdt-error-muted);\n    color: var(--sdt-error);\n    padding: 0 5px;\n    font-size: 10px;\n    font-weight: 700;\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-dead-visible {\n    display: inline-flex;\n  }\n\n  .hexclave-clickmap .sdt-hm-row-selector {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-family: var(--sdt-font-mono);\n    font-size: 10.5px;\n    color: var(--sdt-text-tertiary);\n  }\n\n  .sdt-hm-overlay-root {\n    position: fixed;\n    inset: 0;\n    z-index: 2147483646;\n    pointer-events: none;\n    --resize-dur: 320ms;\n    --resize-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-marker {\n    position: fixed;\n    transform: translate(-50%, -50%);\n    min-width: 28px;\n    height: 24px;\n    border-radius: 999px;\n    padding: 0 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    color: rgba(10, 10, 11, 0.92);\n    font: 700 12px/1 var(--sdt-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);\n    font-variant-numeric: tabular-nums;\n    cursor: pointer;\n    pointer-events: auto;\n    transition: opacity 0.15s ease, transform 0.15s ease, filter 0.15s ease;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-marker:hover {\n    transform: translate(-50%, -50%) scale(1.06);\n    transition: none;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-marker-muted {\n    opacity: 0.18;\n    filter: saturate(0.25);\n    text-decoration: line-through;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-marker-highlighted {\n    transform: translate(-50%, -50%) scale(1.08);\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-outline {\n    position: fixed;\n    border: 1px solid;\n    border-radius: 4px;\n    background: rgba(99, 102, 241, 0.04);\n    transition: opacity 0.15s ease, background 0.15s ease, border-color 0.15s ease;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-outline-muted {\n    opacity: 0;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-outline-highlighted {\n    border-color: rgba(250, 204, 21, 0.92) !important;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-highlight {\n    position: fixed;\n    border-radius: 5px;\n    background: rgba(250, 204, 21, 0.28);\n    box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.7), 0 0 0 9999px rgba(0, 0, 0, 0.04);\n    opacity: 0;\n    will-change: top, left, width, height;\n    transition: opacity 0.18s ease;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-highlight-visible {\n    opacity: 1;\n  }\n\n  .sdt-hm-overlay-root .sdt-hm-highlight-animating {\n    transition:\n      top var(--resize-dur) var(--resize-ease),\n      left var(--resize-dur) var(--resize-ease),\n      width var(--resize-dur) var(--resize-ease),\n      height var(--resize-dur) var(--resize-ease),\n      opacity 0.18s ease;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .sdt-hm-overlay-root .sdt-hm-highlight-animating {\n      transition: opacity 0.18s ease;\n    }\n  }\n`;\n"],"mappings":";;AAgBA,MAAa,cAAc,mBAAmB,oBAAoB,IAAI"}

package/dist/esm/clickmap/index.d.ts

@@ -1,4 +1,4 @@
-import { StackClientApp } from "../lib/hexclave-app";
+import { StackClientApp } from "../lib/hexclave-app/index.js";
 
 //#region src/clickmap/index.d.ts
 /**

package/dist/esm/clickmap/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/clickmap/index.ts"],"mappings":";;;;;AA2EA;;;;;;;iBAAgB,oBAAA,CAAqB,GAAA,EAAK,cAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/clickmap/index.ts"],"mappings":";;;;;AA2EA;;;;AAA8D;;;iBAA9C,oBAAA,CAAqB,GAAyB,EAApB,cAAc"}

package/dist/esm/clickmap/index.js

@@ -2,7 +2,6 @@ import { CLICKMAP_OVERLAY_RESUME_STORAGE_KEY, CLICKMAP_OVERLAY_TOKEN_UPDATED_EVE
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { canMountIntoDom } from "../in-page-ui/dom.js";
 import { captureError } from "@hexclave/shared/dist/utils/errors";
-
 //#region src/clickmap/index.ts
 function consumeResumeSentinel() {
 	try {
@@ -66,7 +65,7 @@ function mountClickmapOverlay(app) {
 		activeOverlayCleanup?.();
 	};
 }
-
 //#endregion
 export { mountClickmapOverlay };
+
 //# sourceMappingURL=index.js.map

package/dist/esm/clickmap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/clickmap/index.ts"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport {\n  CLICKMAP_OVERLAY_RESUME_STORAGE_KEY,\n  CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT,\n} from \"@hexclave/shared/dist/utils/analytics-clickmap-overlay\";\nimport { captureError } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { canMountIntoDom } from \"../in-page-ui/dom\";\nimport type { StackClientApp } from \"../lib/hexclave-app\";\nimport type { openClickmapOverlay as OpenClickmapOverlayFn } from \"./clickmap-core\";\n\n// While the overlay is open it drops a sentinel into sessionStorage on unload\n// (see clickmap-core); consuming it here reopens the clickmap on the next page\n// so the user picks up where they left off.\nfunction consumeResumeSentinel(): boolean {\n  try {\n    if (sessionStorage.getItem(CLICKMAP_OVERLAY_RESUME_STORAGE_KEY) !== '1') return false;\n    sessionStorage.removeItem(CLICKMAP_OVERLAY_RESUME_STORAGE_KEY);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nlet activeApp: StackClientApp<true> | null = null;\nlet activeOverlayCleanup: (() => void) | null = null;\nlet openGeneration = 0;\nlet tokenListenerAttached = false;\n\nlet openClickmapOverlayPromise: Promise<typeof OpenClickmapOverlayFn> | null = null;\nfunction loadOpenClickmapOverlay(): Promise<typeof OpenClickmapOverlayFn> {\n  if (!openClickmapOverlayPromise) {\n    openClickmapOverlayPromise = import(\"./clickmap-core\").then(m => m.openClickmapOverlay).catch((err) => {\n      openClickmapOverlayPromise = null;\n      throw err;\n    });\n  }\n  return openClickmapOverlayPromise;\n}\n\nfunction tryOpenOverlay() {\n  // Already open: the panel listens for the token event itself and refetches.\n  if (activeOverlayCleanup || !activeApp || !canMountIntoDom()) return;\n\n  const generation = ++openGeneration;\n  const app = activeApp;\n\n  runAsynchronously(async () => {\n    const openClickmapOverlay = await loadOpenClickmapOverlay();\n    if (generation !== openGeneration) return;\n    if (activeOverlayCleanup || activeApp !== app || !canMountIntoDom()) return;\n    activeOverlayCleanup = openClickmapOverlay(app, () => {\n      activeOverlayCleanup = null;\n    });\n  }, {\n    noErrorLogging: true,\n    onError: (error) => {\n      captureError(\"clickmap-mount\", error);\n    },\n  });\n}\n\n/**\n * Mounts the clickmap overlay listener on the page.\n *\n * The clickmap is fully independent from the dev tool. It has no ambient UI:\n * nothing renders until a dashboard-minted token is handed over (the\n * CLICKMAP_OVERLAY_TOKEN_UPDATED event fired by the dashboard's console\n * snippet) or a navigation-resume sentinel is present — only then is the\n * actual overlay code lazily loaded and shown.\n */\nexport function mountClickmapOverlay(app: StackClientApp<true>): () => void {\n  activeApp = app;\n\n  if (typeof window !== 'undefined' && !tokenListenerAttached) {\n    tokenListenerAttached = true;\n    window.addEventListener(CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT, tryOpenOverlay);\n  }\n\n  if (canMountIntoDom() && consumeResumeSentinel()) {\n    tryOpenOverlay();\n  }\n\n  return () => {\n    if (activeApp !== app) return;\n    activeApp = null;\n    openGeneration++;\n    activeOverlayCleanup?.();\n  };\n}\n\n"],"mappings":";;;;;;AAkBA,SAAS,wBAAiC;AACxC,KAAI;AACF,MAAI,eAAe,QAAQ,oCAAoC,KAAK,IAAK,QAAO;AAChF,iBAAe,WAAW,oCAAoC;AAC9D,SAAO;SACD;AACN,SAAO;;;AAIX,IAAI,YAAyC;AAC7C,IAAI,uBAA4C;AAChD,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAE5B,IAAI,6BAA2E;AAC/E,SAAS,0BAAiE;AACxE,KAAI,CAAC,2BACH,8BAA6B,OAAO,sBAAmB,MAAK,MAAK,EAAE,oBAAoB,CAAC,OAAO,QAAQ;AACrG,+BAA6B;AAC7B,QAAM;GACN;AAEJ,QAAO;;AAGT,SAAS,iBAAiB;AAExB,KAAI,wBAAwB,CAAC,aAAa,CAAC,iBAAiB,CAAE;CAE9D,MAAM,aAAa,EAAE;CACrB,MAAM,MAAM;AAEZ,mBAAkB,YAAY;EAC5B,MAAM,sBAAsB,MAAM,yBAAyB;AAC3D,MAAI,eAAe,eAAgB;AACnC,MAAI,wBAAwB,cAAc,OAAO,CAAC,iBAAiB,CAAE;AACrE,yBAAuB,oBAAoB,WAAW;AACpD,0BAAuB;IACvB;IACD;EACD,gBAAgB;EAChB,UAAU,UAAU;AAClB,gBAAa,kBAAkB,MAAM;;EAExC,CAAC;;;;;;;;;;;AAYJ,SAAgB,qBAAqB,KAAuC;AAC1E,aAAY;AAEZ,KAAI,OAAO,WAAW,eAAe,CAAC,uBAAuB;AAC3D,0BAAwB;AACxB,SAAO,iBAAiB,sCAAsC,eAAe;;AAG/E,KAAI,iBAAiB,IAAI,uBAAuB,CAC9C,iBAAgB;AAGlB,cAAa;AACX,MAAI,cAAc,IAAK;AACvB,cAAY;AACZ;AACA,0BAAwB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/clickmap/index.ts"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport {\n  CLICKMAP_OVERLAY_RESUME_STORAGE_KEY,\n  CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT,\n} from \"@hexclave/shared/dist/utils/analytics-clickmap-overlay\";\nimport { captureError } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { canMountIntoDom } from \"../in-page-ui/dom\";\nimport type { StackClientApp } from \"../lib/hexclave-app\";\nimport type { openClickmapOverlay as OpenClickmapOverlayFn } from \"./clickmap-core\";\n\n// While the overlay is open it drops a sentinel into sessionStorage on unload\n// (see clickmap-core); consuming it here reopens the clickmap on the next page\n// so the user picks up where they left off.\nfunction consumeResumeSentinel(): boolean {\n  try {\n    if (sessionStorage.getItem(CLICKMAP_OVERLAY_RESUME_STORAGE_KEY) !== '1') return false;\n    sessionStorage.removeItem(CLICKMAP_OVERLAY_RESUME_STORAGE_KEY);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nlet activeApp: StackClientApp<true> | null = null;\nlet activeOverlayCleanup: (() => void) | null = null;\nlet openGeneration = 0;\nlet tokenListenerAttached = false;\n\nlet openClickmapOverlayPromise: Promise<typeof OpenClickmapOverlayFn> | null = null;\nfunction loadOpenClickmapOverlay(): Promise<typeof OpenClickmapOverlayFn> {\n  if (!openClickmapOverlayPromise) {\n    openClickmapOverlayPromise = import(\"./clickmap-core\").then(m => m.openClickmapOverlay).catch((err) => {\n      openClickmapOverlayPromise = null;\n      throw err;\n    });\n  }\n  return openClickmapOverlayPromise;\n}\n\nfunction tryOpenOverlay() {\n  // Already open: the panel listens for the token event itself and refetches.\n  if (activeOverlayCleanup || !activeApp || !canMountIntoDom()) return;\n\n  const generation = ++openGeneration;\n  const app = activeApp;\n\n  runAsynchronously(async () => {\n    const openClickmapOverlay = await loadOpenClickmapOverlay();\n    if (generation !== openGeneration) return;\n    if (activeOverlayCleanup || activeApp !== app || !canMountIntoDom()) return;\n    activeOverlayCleanup = openClickmapOverlay(app, () => {\n      activeOverlayCleanup = null;\n    });\n  }, {\n    noErrorLogging: true,\n    onError: (error) => {\n      captureError(\"clickmap-mount\", error);\n    },\n  });\n}\n\n/**\n * Mounts the clickmap overlay listener on the page.\n *\n * The clickmap is fully independent from the dev tool. It has no ambient UI:\n * nothing renders until a dashboard-minted token is handed over (the\n * CLICKMAP_OVERLAY_TOKEN_UPDATED event fired by the dashboard's console\n * snippet) or a navigation-resume sentinel is present — only then is the\n * actual overlay code lazily loaded and shown.\n */\nexport function mountClickmapOverlay(app: StackClientApp<true>): () => void {\n  activeApp = app;\n\n  if (typeof window !== 'undefined' && !tokenListenerAttached) {\n    tokenListenerAttached = true;\n    window.addEventListener(CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT, tryOpenOverlay);\n  }\n\n  if (canMountIntoDom() && consumeResumeSentinel()) {\n    tryOpenOverlay();\n  }\n\n  return () => {\n    if (activeApp !== app) return;\n    activeApp = null;\n    openGeneration++;\n    activeOverlayCleanup?.();\n  };\n}\n\n"],"mappings":";;;;;AAkBA,SAAS,wBAAiC;CACxC,IAAI;EACF,IAAI,eAAe,QAAQ,mCAAmC,MAAM,KAAK,OAAO;EAChF,eAAe,WAAW,mCAAmC;EAC7D,OAAO;CACT,QAAQ;EACN,OAAO;CACT;AACF;AAEA,IAAI,YAAyC;AAC7C,IAAI,uBAA4C;AAChD,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAE5B,IAAI,6BAA2E;AAC/E,SAAS,0BAAiE;CACxE,IAAI,CAAC,4BACH,6BAA6B,OAAO,qBAAkB,CAAC,MAAK,MAAK,EAAE,mBAAmB,CAAC,CAAC,OAAO,QAAQ;EACrG,6BAA6B;EAC7B,MAAM;CACR,CAAC;CAEH,OAAO;AACT;AAEA,SAAS,iBAAiB;CAExB,IAAI,wBAAwB,CAAC,aAAa,CAAC,gBAAgB,GAAG;CAE9D,MAAM,aAAa,EAAE;CACrB,MAAM,MAAM;CAEZ,kBAAkB,YAAY;EAC5B,MAAM,sBAAsB,MAAM,wBAAwB;EAC1D,IAAI,eAAe,gBAAgB;EACnC,IAAI,wBAAwB,cAAc,OAAO,CAAC,gBAAgB,GAAG;EACrE,uBAAuB,oBAAoB,WAAW;GACpD,uBAAuB;EACzB,CAAC;CACH,GAAG;EACD,gBAAgB;EAChB,UAAU,UAAU;GAClB,aAAa,kBAAkB,KAAK;EACtC;CACF,CAAC;AACH;;;;;;;;;;AAWA,SAAgB,qBAAqB,KAAuC;CAC1E,YAAY;CAEZ,IAAI,OAAO,WAAW,eAAe,CAAC,uBAAuB;EAC3D,wBAAwB;EACxB,OAAO,iBAAiB,sCAAsC,cAAc;CAC9E;CAEA,IAAI,gBAAgB,KAAK,sBAAsB,GAC7C,eAAe;CAGjB,aAAa;EACX,IAAI,cAAc,KAAK;EACvB,YAAY;EACZ;EACA,uBAAuB;CACzB;AACF"}

package/dist/esm/components/api-key-dialogs.d.ts

@@ -1,5 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ApiKey, ApiKeyCreationOptions, ApiKeyType } from "../lib/hexclave-app/api-keys";
+import { ApiKey, ApiKeyCreationOptions, ApiKeyType } from "../lib/hexclave-app/api-keys/index.js";
 
 //#region src/components/api-key-dialogs.d.ts
 declare const neverInMs: number;
@@ -15,14 +14,14 @@ declare function CreateApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props:
   onKeyCreated?: (key: ApiKey<Type, true>) => void;
   createApiKey: (data: ApiKeyCreationOptions<Type>) => Promise<ApiKey<Type, true>>;
   mockMode?: boolean;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 /**
  * Dialog for showing the newly created API key
  */
 declare function ShowApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {
   apiKey: ApiKey<Type, true> | null;
   onClose?: () => void;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { CreateApiKeyDialog, ShowApiKeyDialog, expiresInOptions, neverInMs };
 //# sourceMappingURL=api-key-dialogs.d.ts.map

package/dist/esm/components/api-key-dialogs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-key-dialogs.d.ts","names":[],"sources":["../../../src/components/api-key-dialogs.tsx"],"mappings":";;;;cAqBa,SAAA;AAAA,cACA,gBAAA;EAAA,UAOH,CAAA;AAAA;;;;iBAKM,kBAAA,cAAgC,UAAA,GAAa,UAAA,CAAA,CAAY,KAAA;EACvE,IAAA;EACA,YAAA,GAAe,IAAA;EACf,YAAA,IAAgB,GAAA,EAAK,MAAA,CAAO,IAAA;EAC5B,YAAA,GAAe,IAAA,EAAM,qBAAA,CAAsB,IAAA,MAAU,OAAA,CAAQ,MAAA,CAAO,IAAA;EACpE,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAqGe,gBAAA,cAA8B,UAAA,GAAa,UAAA,CAAA,CAAY,KAAA;EACrE,MAAA,EAAQ,MAAA,CAAO,IAAA;EACf,OAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"api-key-dialogs.d.ts","names":[],"sources":["../../../src/components/api-key-dialogs.tsx"],"mappings":";;;cAqBa,SAAA;AAAA,cACA,gBAAA;EAAA,UAOH,CAAA;AAAA;;;AAR8C;iBAaxC,kBAAA,cAAgC,UAAA,GAAa,UAAA,EAAY,KAAA;EACvE,IAAA;EACA,YAAA,GAAe,IAAA;EACf,YAAA,IAAgB,GAAA,EAAK,MAAA,CAAO,IAAA;EAC5B,YAAA,GAAe,IAAA,EAAM,qBAAA,CAAsB,IAAA,MAAU,OAAA,CAAQ,MAAA,CAAO,IAAA;EACpE,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA;;;;iBAqGe,gBAAA,cAA8B,UAAA,GAAa,UAAA,EAAY,KAAA;EACrE,MAAA,EAAQ,MAAA,CAAO,IAAA;EACf,OAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

package/dist/esm/components/api-key-dialogs.js

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { captureError } from "@hexclave/shared/dist/utils/errors";
 import { yupResolver } from "@hookform/resolvers/yup";
@@ -11,7 +10,6 @@ import { useUser } from "../index.js";
 import { FormWarningText } from "../components/elements/form-warning.js";
 import { useTranslation } from "../lib/translations.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/api-key-dialogs.tsx
 const neverInMs = 1e3 * 60 * 60 * 24 * 365 * 200;
 const expiresInOptions = {
@@ -152,7 +150,7 @@ function ShowApiKeyDialog(props) {
 		})
 	});
 }
-
 //#endregion
 export { CreateApiKeyDialog, ShowApiKeyDialog, expiresInOptions, neverInMs };
+
 //# sourceMappingURL=api-key-dialogs.js.map

package/dist/esm/components/api-key-dialogs.js.map

@@ -1 +1 @@
-{"version":3,"file":"api-key-dialogs.js","names":[],"sources":["../../../src/components/api-key-dialogs.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from '@hexclave/shared/dist/schema-fields';\nimport { captureError } from '@hexclave/shared/dist/utils/errors';\nimport { runAsynchronously } from '@hexclave/shared/dist/utils/promises';\nimport { ActionDialog, Button, CopyField, Input, Label, Typography } from '@hexclave/ui';\nimport { useState } from \"react\";\nimport { useForm } from 'react-hook-form';\nimport * as yup from \"yup\";\nimport { useUser } from '..';\nimport { FormWarningText } from '../components/elements/form-warning';\nimport { ApiKey, ApiKeyCreationOptions, ApiKeyType } from \"../lib/hexclave-app/api-keys\";\nimport { useTranslation } from \"../lib/translations\";\n\n// Constants for expiration options\nexport const neverInMs = 1000 * 60 * 60 * 24 * 365 * 200;\nexport const expiresInOptions = {\n  [1000 * 60 * 60 * 24 * 1]: \"1 day\",\n  [1000 * 60 * 60 * 24 * 7]: \"7 days\",\n  [1000 * 60 * 60 * 24 * 30]: \"30 days\",\n  [1000 * 60 * 60 * 24 * 90]: \"90 days\",\n  [1000 * 60 * 60 * 24 * 365]: \"1 year\",\n  [neverInMs]: \"Never\",\n} as const;\n\n/**\n * Dialog for creating a new API key\n */\nexport function CreateApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {\n  open: boolean,\n  onOpenChange: (open: boolean) => void,\n  onKeyCreated?: (key: ApiKey<Type, true>) => void,\n  createApiKey: (data: ApiKeyCreationOptions<Type>) => Promise<ApiKey<Type, true>>,\n  mockMode?: boolean,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: props.mockMode ? 'return-null' : 'redirect' });\n  const [loading, setLoading] = useState(false);\n\n  const apiKeySchema = yupObject({\n    description: yupString().defined().nonEmpty(t('Description is required')),\n    expiresIn: yupString().defined(),\n  });\n\n  const { register, handleSubmit, formState: { errors }, reset } = useForm({\n    resolver: yupResolver(apiKeySchema),\n    defaultValues: {\n      description: '',\n      expiresIn: Object.keys(expiresInOptions)[2], // Default to 30 days\n    }\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof apiKeySchema>) => {\n    setLoading(true);\n    try {\n      const expiresAt = new Date(Date.now() + parseInt(data.expiresIn));\n      const apiKey = await props.createApiKey({\n        description: data.description,\n        expiresAt,\n      });\n\n      if (props.onKeyCreated) {\n        props.onKeyCreated(apiKey);\n      }\n\n      reset();\n      props.onOpenChange(false);\n    } catch (error) {\n      captureError(\"Failed to create API key\", { error });\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <ActionDialog\n      open={props.open}\n      onOpenChange={props.onOpenChange}\n      title={t('Create API Key')}\n      description={t('API keys grant programmatic access to your account.')}\n    >\n      <form\n        onSubmit={(e) => {\n          e.preventDefault();\n          runAsynchronously(handleSubmit(onSubmit));\n        }}\n        className=\"space-y-4\"\n      >\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"description\">{t('Description')}</Label>\n          <Input\n            id=\"description\"\n            placeholder={t('e.g. Development, Production, CI/CD')}\n            {...register('description')}\n          />\n          {errors.description && <FormWarningText text={errors.description.message} />}\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"expiresIn\">{t('Expires In')}</Label>\n          <select\n            id=\"expiresIn\"\n            className=\"w-full p-2 border border-input rounded-md bg-background\"\n            {...register('expiresIn')}\n          >\n            {Object.entries(expiresInOptions).map(([value, label]) => (\n              <option key={value} value={value}>{t(label)}</option>\n            ))}\n          </select>\n          {errors.expiresIn && <FormWarningText text={errors.expiresIn.message} />}\n        </div>\n\n        <div className=\"flex justify-end gap-2 pt-4\">\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={() => {\n              reset();\n              props.onOpenChange(false);\n            }}\n          >\n            {t('Cancel')}\n          </Button>\n          <Button type=\"submit\" loading={loading}>\n            {t('Create')}\n          </Button>\n        </div>\n      </form>\n    </ActionDialog>\n  );\n}\n\n/**\n * Dialog for showing the newly created API key\n */\nexport function ShowApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {\n  apiKey: ApiKey<Type, true> | null,\n  onClose?: () => void,\n}) {\n  const { t } = useTranslation();\n\n  return (\n    <ActionDialog\n      open={!!props.apiKey}\n      title={t(\"API Key\")}\n      okButton={{ label: t(\"Close\") }}\n      onClose={props.onClose}\n      preventClose\n      confirmText={t(\"I understand that I will not be able to view this key again.\")}\n    >\n      <div className=\"flex flex-col gap-4\">\n        <Typography>\n          {t(\"Here is your API key.\")}{\" \"}\n          <span className=\"font-bold\">\n            {t(\"Copy it to a safe place. You will not be able to view it again.\")}\n          </span>\n        </Typography>\n        <CopyField\n          type=\"input\"\n          monospace\n          value={props.apiKey?.value ?? ''}\n          label={t(\"Secret API Key\")}\n        />\n      </div>\n    </ActionDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"api-key-dialogs.js","names":[],"sources":["../../../src/components/api-key-dialogs.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from '@hexclave/shared/dist/schema-fields';\nimport { captureError } from '@hexclave/shared/dist/utils/errors';\nimport { runAsynchronously } from '@hexclave/shared/dist/utils/promises';\nimport { ActionDialog, Button, CopyField, Input, Label, Typography } from '@hexclave/ui';\nimport { useState } from \"react\";\nimport { useForm } from 'react-hook-form';\nimport * as yup from \"yup\";\nimport { useUser } from '..';\nimport { FormWarningText } from '../components/elements/form-warning';\nimport { ApiKey, ApiKeyCreationOptions, ApiKeyType } from \"../lib/hexclave-app/api-keys\";\nimport { useTranslation } from \"../lib/translations\";\n\n// Constants for expiration options\nexport const neverInMs = 1000 * 60 * 60 * 24 * 365 * 200;\nexport const expiresInOptions = {\n  [1000 * 60 * 60 * 24 * 1]: \"1 day\",\n  [1000 * 60 * 60 * 24 * 7]: \"7 days\",\n  [1000 * 60 * 60 * 24 * 30]: \"30 days\",\n  [1000 * 60 * 60 * 24 * 90]: \"90 days\",\n  [1000 * 60 * 60 * 24 * 365]: \"1 year\",\n  [neverInMs]: \"Never\",\n} as const;\n\n/**\n * Dialog for creating a new API key\n */\nexport function CreateApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {\n  open: boolean,\n  onOpenChange: (open: boolean) => void,\n  onKeyCreated?: (key: ApiKey<Type, true>) => void,\n  createApiKey: (data: ApiKeyCreationOptions<Type>) => Promise<ApiKey<Type, true>>,\n  mockMode?: boolean,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: props.mockMode ? 'return-null' : 'redirect' });\n  const [loading, setLoading] = useState(false);\n\n  const apiKeySchema = yupObject({\n    description: yupString().defined().nonEmpty(t('Description is required')),\n    expiresIn: yupString().defined(),\n  });\n\n  const { register, handleSubmit, formState: { errors }, reset } = useForm({\n    resolver: yupResolver(apiKeySchema),\n    defaultValues: {\n      description: '',\n      expiresIn: Object.keys(expiresInOptions)[2], // Default to 30 days\n    }\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof apiKeySchema>) => {\n    setLoading(true);\n    try {\n      const expiresAt = new Date(Date.now() + parseInt(data.expiresIn));\n      const apiKey = await props.createApiKey({\n        description: data.description,\n        expiresAt,\n      });\n\n      if (props.onKeyCreated) {\n        props.onKeyCreated(apiKey);\n      }\n\n      reset();\n      props.onOpenChange(false);\n    } catch (error) {\n      captureError(\"Failed to create API key\", { error });\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <ActionDialog\n      open={props.open}\n      onOpenChange={props.onOpenChange}\n      title={t('Create API Key')}\n      description={t('API keys grant programmatic access to your account.')}\n    >\n      <form\n        onSubmit={(e) => {\n          e.preventDefault();\n          runAsynchronously(handleSubmit(onSubmit));\n        }}\n        className=\"space-y-4\"\n      >\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"description\">{t('Description')}</Label>\n          <Input\n            id=\"description\"\n            placeholder={t('e.g. Development, Production, CI/CD')}\n            {...register('description')}\n          />\n          {errors.description && <FormWarningText text={errors.description.message} />}\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"expiresIn\">{t('Expires In')}</Label>\n          <select\n            id=\"expiresIn\"\n            className=\"w-full p-2 border border-input rounded-md bg-background\"\n            {...register('expiresIn')}\n          >\n            {Object.entries(expiresInOptions).map(([value, label]) => (\n              <option key={value} value={value}>{t(label)}</option>\n            ))}\n          </select>\n          {errors.expiresIn && <FormWarningText text={errors.expiresIn.message} />}\n        </div>\n\n        <div className=\"flex justify-end gap-2 pt-4\">\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={() => {\n              reset();\n              props.onOpenChange(false);\n            }}\n          >\n            {t('Cancel')}\n          </Button>\n          <Button type=\"submit\" loading={loading}>\n            {t('Create')}\n          </Button>\n        </div>\n      </form>\n    </ActionDialog>\n  );\n}\n\n/**\n * Dialog for showing the newly created API key\n */\nexport function ShowApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {\n  apiKey: ApiKey<Type, true> | null,\n  onClose?: () => void,\n}) {\n  const { t } = useTranslation();\n\n  return (\n    <ActionDialog\n      open={!!props.apiKey}\n      title={t(\"API Key\")}\n      okButton={{ label: t(\"Close\") }}\n      onClose={props.onClose}\n      preventClose\n      confirmText={t(\"I understand that I will not be able to view this key again.\")}\n    >\n      <div className=\"flex flex-col gap-4\">\n        <Typography>\n          {t(\"Here is your API key.\")}{\" \"}\n          <span className=\"font-bold\">\n            {t(\"Copy it to a safe place. You will not be able to view it again.\")}\n          </span>\n        </Typography>\n        <CopyField\n          type=\"input\"\n          monospace\n          value={props.apiKey?.value ?? ''}\n          label={t(\"Secret API Key\")}\n        />\n      </div>\n    </ActionDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/esm/components/api-key-table.d.ts

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ApiKey } from "../lib/hexclave-app/api-keys";
+import { ApiKey } from "../lib/hexclave-app/api-keys/index.js";
 
 //#region src/components/api-key-table.d.ts
 declare function ApiKeyTable(props: {
   apiKeys: ApiKey[];
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { ApiKeyTable };
 //# sourceMappingURL=api-key-table.d.ts.map

package/dist/esm/components/api-key-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-key-table.d.ts","names":[],"sources":["../../../src/components/api-key-table.tsx"],"mappings":";;;;iBAwGgB,WAAA,CAAY,KAAA;EAAS,OAAA,EAAS,MAAA;AAAA,IAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"api-key-table.d.ts","names":[],"sources":["../../../src/components/api-key-table.tsx"],"mappings":";;;iBAwGgB,WAAA,CAAY,KAAA;EAAS,OAAA,EAAS,MAAM;AAAA,gCAAI,GAAA,CAAA,OAAA"}

package/dist/esm/components/api-key-table.js

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { ActionCell, ActionDialog, BadgeCell, DataTable, DataTableColumnHeader, DataTableFacetedFilter, DateCell, SearchToolbarItem, TextCell, standardFilterFn } from "@hexclave/ui";
 import { useMemo, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/api-key-table.tsx
 function toolbarRender(table) {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SearchToolbarItem, {
@@ -136,7 +134,7 @@ function ApiKeyTable(props) {
 		defaultSorting: []
 	});
 }
-
 //#endregion
 export { ApiKeyTable };
+
 //# sourceMappingURL=api-key-table.js.map

package/dist/esm/components/api-key-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"api-key-table.js","names":[],"sources":["../../../src/components/api-key-table.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { ActionCell, ActionDialog, BadgeCell, DataTable, DataTableColumnHeader, DataTableFacetedFilter, DateCell, SearchToolbarItem, TextCell, standardFilterFn } from \"@hexclave/ui\";\nimport { ColumnDef, Row, Table } from \"@tanstack/react-table\";\nimport { useMemo, useState } from \"react\";\nimport { ApiKey } from \"../lib/hexclave-app/api-keys\";\n\ntype ExtendedApiKey = ApiKey & {\n  status: 'valid' | 'expired' | 'revoked',\n};\n\nfunction toolbarRender<TData>(table: Table<TData>) {\n  return (\n    <>\n      <SearchToolbarItem table={table} placeholder=\"Search table\" />\n      <DataTableFacetedFilter\n        column={table.getColumn(\"status\")}\n        title=\"Status\"\n        options={['valid', 'expired', 'revoked'].map((provider) => ({\n          value: provider,\n          label: provider,\n        }))}\n      />\n    </>\n  );\n}\n\nfunction RevokeDialog(props: {\n  apiKey: ExtendedApiKey,\n  open: boolean,\n  onOpenChange: (open: boolean) => void,\n}) {\n  return <ActionDialog\n    open={props.open}\n    onOpenChange={props.onOpenChange}\n    title=\"Revoke API Key\"\n    danger\n    cancelButton\n    okButton={{ label: \"Revoke Key\", onClick: async () => { await props.apiKey.revoke(); } }}\n    confirmText=\"I understand this will unlink all the apps using this API key\"\n  >\n    {`Are you sure you want to revoke API key *****${props.apiKey.value.lastFour}?`}\n  </ActionDialog>;\n}\n\nfunction Actions({ row }: { row: Row<ExtendedApiKey> }) {\n  const [isRevokeModalOpen, setIsRevokeModalOpen] = useState(false);\n  return (\n    <>\n      <RevokeDialog apiKey={row.original} open={isRevokeModalOpen} onOpenChange={setIsRevokeModalOpen} />\n      <ActionCell\n        invisible={row.original.status !== 'valid'}\n        items={[{\n          item: \"Revoke\",\n          danger: true,\n          onClick: () => setIsRevokeModalOpen(true),\n        }]}\n      />\n    </>\n  );\n}\n\nconst columns: ColumnDef<ExtendedApiKey>[] =  [\n  {\n    accessorKey: \"description\",\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Description\" />,\n    cell: ({ row }) => <TextCell size={100}>{row.original.description}</TextCell>,\n  },\n  {\n    accessorKey: \"status\",\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Status\" />,\n    cell: ({ row }) => <BadgeCell badges={[row.original.status]} />,\n    filterFn: standardFilterFn,\n  },\n  {\n    id: \"value\",\n    accessorFn: (row) => row.value.lastFour,\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Client Key\" />,\n    cell: ({ row }) => <TextCell>*******{row.original.value.lastFour}</TextCell>,\n    enableSorting: false,\n  },\n  {\n    accessorKey: \"expiresAt\",\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Expires At\" />,\n    cell: ({ row }) => {\n      if (row.original.status === 'revoked') return <TextCell>-</TextCell>;\n      return row.original.expiresAt ? <DateCell date={row.original.expiresAt} ignoreAfterYears={50} /> : <TextCell>Never</TextCell>;\n    },\n  },\n  {\n    accessorKey: \"createdAt\",\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Created At\" />,\n    cell: ({ row }) => <DateCell date={row.original.createdAt} ignoreAfterYears={50} />\n  },\n  {\n    id: \"actions\",\n    cell: ({ row }) => <Actions row={row} />,\n  },\n];\n\nexport function ApiKeyTable(props: { apiKeys: ApiKey[] }) {\n  const extendedApiKeys = useMemo(() => {\n    const keys = props.apiKeys.map((apiKey) => ({\n      ...apiKey,\n      status: ({ 'valid': 'valid', 'manually-revoked': 'revoked', 'expired': 'expired' } as const)[apiKey.whyInvalid() || 'valid'],\n    } satisfies ExtendedApiKey));\n    // first sort based on status, then by createdAt\n    return keys.sort((a, b) => {\n      if (a.status === b.status) {\n        return a.createdAt < b.createdAt ? 1 : -1;\n      }\n      return a.status === 'valid' ? -1 : 1;\n    });\n  }, [props.apiKeys]);\n\n  return <DataTable\n    data={extendedApiKeys}\n    columns={columns}\n    toolbarRender={toolbarRender}\n    defaultColumnFilters={[]}\n    defaultSorting={[]}\n  />;\n}\n"],"mappings":";;;;;;;AAeA,SAAS,cAAqB,OAAqB;AACjD,QACE,4CACE,oBAAC;EAAyB;EAAO,aAAY;GAAiB,EAC9D,oBAAC;EACC,QAAQ,MAAM,UAAU,SAAS;EACjC,OAAM;EACN,SAAS;GAAC;GAAS;GAAW;GAAU,CAAC,KAAK,cAAc;GAC1D,OAAO;GACP,OAAO;GACR,EAAE;GACH,IACD;;AAIP,SAAS,aAAa,OAInB;AACD,QAAO,oBAAC;EACN,MAAM,MAAM;EACZ,cAAc,MAAM;EACpB,OAAM;EACN;EACA;EACA,UAAU;GAAE,OAAO;GAAc,SAAS,YAAY;AAAE,UAAM,MAAM,OAAO,QAAQ;;GAAK;EACxF,aAAY;YAEX,gDAAgD,MAAM,OAAO,MAAM,SAAS;GAChE;;AAGjB,SAAS,QAAQ,EAAE,OAAqC;CACtD,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;AACjE,QACE,4CACE,oBAAC;EAAa,QAAQ,IAAI;EAAU,MAAM;EAAmB,cAAc;GAAwB,EACnG,oBAAC;EACC,WAAW,IAAI,SAAS,WAAW;EACnC,OAAO,CAAC;GACN,MAAM;GACN,QAAQ;GACR,eAAe,qBAAqB,KAAK;GAC1C,CAAC;GACF,IACD;;AAIP,MAAM,UAAwC;CAC5C;EACE,aAAa;EACb,SAAS,EAAE,aAAa,oBAAC;GAA8B;GAAQ,aAAY;IAAgB;EAC3F,OAAO,EAAE,UAAU,oBAAC;GAAS,MAAM;aAAM,IAAI,SAAS;IAAuB;EAC9E;CACD;EACE,aAAa;EACb,SAAS,EAAE,aAAa,oBAAC;GAA8B;GAAQ,aAAY;IAAW;EACtF,OAAO,EAAE,UAAU,oBAAC,aAAU,QAAQ,CAAC,IAAI,SAAS,OAAO,GAAI;EAC/D,UAAU;EACX;CACD;EACE,IAAI;EACJ,aAAa,QAAQ,IAAI,MAAM;EAC/B,SAAS,EAAE,aAAa,oBAAC;GAA8B;GAAQ,aAAY;IAAe;EAC1F,OAAO,EAAE,UAAU,qBAAC,uBAAS,WAAQ,IAAI,SAAS,MAAM,YAAoB;EAC5E,eAAe;EAChB;CACD;EACE,aAAa;EACb,SAAS,EAAE,aAAa,oBAAC;GAA8B;GAAQ,aAAY;IAAe;EAC1F,OAAO,EAAE,UAAU;AACjB,OAAI,IAAI,SAAS,WAAW,UAAW,QAAO,oBAAC,sBAAS,MAAY;AACpE,UAAO,IAAI,SAAS,YAAY,oBAAC;IAAS,MAAM,IAAI,SAAS;IAAW,kBAAkB;KAAM,GAAG,oBAAC,sBAAS,UAAgB;;EAEhI;CACD;EACE,aAAa;EACb,SAAS,EAAE,aAAa,oBAAC;GAA8B;GAAQ,aAAY;IAAe;EAC1F,OAAO,EAAE,UAAU,oBAAC;GAAS,MAAM,IAAI,SAAS;GAAW,kBAAkB;IAAM;EACpF;CACD;EACE,IAAI;EACJ,OAAO,EAAE,UAAU,oBAAC,WAAa,MAAO;EACzC;CACF;AAED,SAAgB,YAAY,OAA8B;AAexD,QAAO,oBAAC;EACN,MAfsB,cAAc;AAMpC,UALa,MAAM,QAAQ,KAAK,YAAY;IAC1C,GAAG;IACH,QAAS;KAAE,SAAS;KAAS,oBAAoB;KAAW,WAAW;KAAW,CAAW,OAAO,YAAY,IAAI;IACrH,EAA2B,CAEhB,MAAM,GAAG,MAAM;AACzB,QAAI,EAAE,WAAW,EAAE,OACjB,QAAO,EAAE,YAAY,EAAE,YAAY,IAAI;AAEzC,WAAO,EAAE,WAAW,UAAU,KAAK;KACnC;KACD,CAAC,MAAM,QAAQ,CAAC;EAIR;EACM;EACf,sBAAsB,EAAE;EACxB,gBAAgB,EAAE;GAClB"}
+{"version":3,"file":"api-key-table.js","names":[],"sources":["../../../src/components/api-key-table.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { ActionCell, ActionDialog, BadgeCell, DataTable, DataTableColumnHeader, DataTableFacetedFilter, DateCell, SearchToolbarItem, TextCell, standardFilterFn } from \"@hexclave/ui\";\nimport { ColumnDef, Row, Table } from \"@tanstack/react-table\";\nimport { useMemo, useState } from \"react\";\nimport { ApiKey } from \"../lib/hexclave-app/api-keys\";\n\ntype ExtendedApiKey = ApiKey & {\n  status: 'valid' | 'expired' | 'revoked',\n};\n\nfunction toolbarRender<TData>(table: Table<TData>) {\n  return (\n    <>\n      <SearchToolbarItem table={table} placeholder=\"Search table\" />\n      <DataTableFacetedFilter\n        column={table.getColumn(\"status\")}\n        title=\"Status\"\n        options={['valid', 'expired', 'revoked'].map((provider) => ({\n          value: provider,\n          label: provider,\n        }))}\n      />\n    </>\n  );\n}\n\nfunction RevokeDialog(props: {\n  apiKey: ExtendedApiKey,\n  open: boolean,\n  onOpenChange: (open: boolean) => void,\n}) {\n  return <ActionDialog\n    open={props.open}\n    onOpenChange={props.onOpenChange}\n    title=\"Revoke API Key\"\n    danger\n    cancelButton\n    okButton={{ label: \"Revoke Key\", onClick: async () => { await props.apiKey.revoke(); } }}\n    confirmText=\"I understand this will unlink all the apps using this API key\"\n  >\n    {`Are you sure you want to revoke API key *****${props.apiKey.value.lastFour}?`}\n  </ActionDialog>;\n}\n\nfunction Actions({ row }: { row: Row<ExtendedApiKey> }) {\n  const [isRevokeModalOpen, setIsRevokeModalOpen] = useState(false);\n  return (\n    <>\n      <RevokeDialog apiKey={row.original} open={isRevokeModalOpen} onOpenChange={setIsRevokeModalOpen} />\n      <ActionCell\n        invisible={row.original.status !== 'valid'}\n        items={[{\n          item: \"Revoke\",\n          danger: true,\n          onClick: () => setIsRevokeModalOpen(true),\n        }]}\n      />\n    </>\n  );\n}\n\nconst columns: ColumnDef<ExtendedApiKey>[] =  [\n  {\n    accessorKey: \"description\",\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Description\" />,\n    cell: ({ row }) => <TextCell size={100}>{row.original.description}</TextCell>,\n  },\n  {\n    accessorKey: \"status\",\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Status\" />,\n    cell: ({ row }) => <BadgeCell badges={[row.original.status]} />,\n    filterFn: standardFilterFn,\n  },\n  {\n    id: \"value\",\n    accessorFn: (row) => row.value.lastFour,\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Client Key\" />,\n    cell: ({ row }) => <TextCell>*******{row.original.value.lastFour}</TextCell>,\n    enableSorting: false,\n  },\n  {\n    accessorKey: \"expiresAt\",\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Expires At\" />,\n    cell: ({ row }) => {\n      if (row.original.status === 'revoked') return <TextCell>-</TextCell>;\n      return row.original.expiresAt ? <DateCell date={row.original.expiresAt} ignoreAfterYears={50} /> : <TextCell>Never</TextCell>;\n    },\n  },\n  {\n    accessorKey: \"createdAt\",\n    header: ({ column }) => <DataTableColumnHeader column={column} columnTitle=\"Created At\" />,\n    cell: ({ row }) => <DateCell date={row.original.createdAt} ignoreAfterYears={50} />\n  },\n  {\n    id: \"actions\",\n    cell: ({ row }) => <Actions row={row} />,\n  },\n];\n\nexport function ApiKeyTable(props: { apiKeys: ApiKey[] }) {\n  const extendedApiKeys = useMemo(() => {\n    const keys = props.apiKeys.map((apiKey) => ({\n      ...apiKey,\n      status: ({ 'valid': 'valid', 'manually-revoked': 'revoked', 'expired': 'expired' } as const)[apiKey.whyInvalid() || 'valid'],\n    } satisfies ExtendedApiKey));\n    // first sort based on status, then by createdAt\n    return keys.sort((a, b) => {\n      if (a.status === b.status) {\n        return a.createdAt < b.createdAt ? 1 : -1;\n      }\n      return a.status === 'valid' ? -1 : 1;\n    });\n  }, [props.apiKeys]);\n\n  return <DataTable\n    data={extendedApiKeys}\n    columns={columns}\n    toolbarRender={toolbarRender}\n    defaultColumnFilters={[]}\n    defaultSorting={[]}\n  />;\n}\n"],"mappings":"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"}

package/dist/esm/components/credential-sign-in.d.ts

@@ -1,7 +1,5 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/credential-sign-in.d.ts
-declare function CredentialSignIn(): react_jsx_runtime0.JSX.Element;
+declare function CredentialSignIn(): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { CredentialSignIn };
 //# sourceMappingURL=credential-sign-in.d.ts.map

package/dist/esm/components/credential-sign-in.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"credential-sign-in.d.ts","names":[],"sources":["../../../src/components/credential-sign-in.tsx"],"mappings":";;;iBAmBgB,gBAAA,CAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"credential-sign-in.d.ts","names":[],"sources":["../../../src/components/credential-sign-in.tsx"],"mappings":";iBAmBgB,gBAAA,gCAAgB,GAAA,CAAA,OAAA"}

package/dist/esm/components/credential-sign-in.js

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { passwordSchema, strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
@@ -11,7 +10,6 @@ import { useTranslation } from "../lib/translations.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FormWarningText } from "./elements/form-warning.js";
 import { StyledLink } from "./link.js";
-
 //#region src/components/credential-sign-in.tsx
 function CredentialSignIn() {
 	const { t } = useTranslation();
@@ -83,7 +81,7 @@ function CredentialSignIn() {
 		]
 	});
 }
-
 //#endregion
 export { CredentialSignIn };
+
 //# sourceMappingURL=credential-sign-in.js.map

package/dist/esm/components/credential-sign-in.js.map

@@ -1 +1 @@
-{"version":3,"file":"credential-sign-in.js","names":[],"sources":["../../../src/components/credential-sign-in.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { passwordSchema, strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Label, PasswordInput } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp } from \"..\";\nimport { useTranslation } from \"../lib/translations\";\nimport { FormWarningText } from \"./elements/form-warning\";\nimport { StyledLink } from \"./link\";\n\nexport function CredentialSignIn() {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email')).defined().nonEmpty(t('Please enter your email')),\n    password: passwordSchema.defined().nonEmpty(t('Please enter your password'))\n  });\n\n  const { register, handleSubmit, setError, formState: { errors } } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const app = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n\n    try {\n      const { email, password } = data;\n      const result = await app.signInWithCredential({\n        email,\n        password,\n      });\n      if (result.status === 'error') {\n        setError('email', { type: 'manual', message: result.error.message });\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <form\n      className=\"flex flex-col items-stretch stack-scope\"\n      onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n      noValidate\n    >\n      <Label htmlFor=\"email\" className=\"mb-1\">{t('Email')}</Label>\n      <Input\n        id=\"email\"\n        type=\"email\"\n        autoComplete=\"email\"\n        {...register('email')}\n      />\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Label htmlFor=\"password\" className=\"mt-4 mb-1\">{t('Password')}</Label>\n      <PasswordInput\n        id=\"password\"\n        autoComplete=\"current-password\"\n        {...register('password')}\n      />\n      <FormWarningText text={errors.password?.message?.toString()} />\n\n      <StyledLink\n        href=\"#\"\n        className=\"mt-1 text-sm\"\n        onClick={(e) => {\n          e.preventDefault();\n          runAsynchronouslyWithAlert(app.redirectToForgotPassword());\n        }}\n      >\n        {t('Forgot password?')}\n      </StyledLink>\n\n      <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n        {t('Sign In')}\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAAgB,mBAAmB;CACjC,MAAM,EAAE,MAAM,gBAAgB;CAO9B,MAAM,EAAE,UAAU,cAAc,UAAU,WAAW,EAAE,aAAa,QAAQ,EAC1E,UAAU,YANG,UAAU;EACvB,OAAO,kBAAkB,EAAE,6BAA6B,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,0BAA0B,CAAC;EAC1G,UAAU,eAAe,SAAS,CAAC,SAAS,EAAE,6BAA6B,CAAC;EAC7E,CAAC,CAG6B,EAC9B,CAAC;CACF,MAAM,MAAM,aAAa;CACzB,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,MAAM,WAAW,OAAO,SAAuC;AAC7D,aAAW,KAAK;AAEhB,MAAI;GACF,MAAM,EAAE,OAAO,aAAa;GAC5B,MAAM,SAAS,MAAM,IAAI,qBAAqB;IAC5C;IACA;IACD,CAAC;AACF,OAAI,OAAO,WAAW,QACpB,UAAS,SAAS;IAAE,MAAM;IAAU,SAAS,OAAO,MAAM;IAAS,CAAC;YAE9D;AACR,cAAW,MAAM;;;AAIrB,QACE,qBAAC;EACC,WAAU;EACV,WAAU,MAAK,2BAA2B,aAAa,SAAS,CAAC,EAAE,CAAC;EACpE;;GAEA,oBAAC;IAAM,SAAQ;IAAQ,WAAU;cAAQ,EAAE,QAAQ;KAAS;GAC5D,oBAAC;IACC,IAAG;IACH,MAAK;IACL,cAAa;IACb,GAAI,SAAS,QAAQ;KACrB;GACF,oBAAC,mBAAgB,MAAM,OAAO,OAAO,SAAS,UAAU,GAAI;GAE5D,oBAAC;IAAM,SAAQ;IAAW,WAAU;cAAa,EAAE,WAAW;KAAS;GACvE,oBAAC;IACC,IAAG;IACH,cAAa;IACb,GAAI,SAAS,WAAW;KACxB;GACF,oBAAC,mBAAgB,MAAM,OAAO,UAAU,SAAS,UAAU,GAAI;GAE/D,oBAAC;IACC,MAAK;IACL,WAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,gCAA2B,IAAI,0BAA0B,CAAC;;cAG3D,EAAE,mBAAmB;KACX;GAEb,oBAAC;IAAO,MAAK;IAAS,WAAU;IAAgB;cAC7C,EAAE,UAAU;KACN;;GACJ"}
+{"version":3,"file":"credential-sign-in.js","names":[],"sources":["../../../src/components/credential-sign-in.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { passwordSchema, strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Label, PasswordInput } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp } from \"..\";\nimport { useTranslation } from \"../lib/translations\";\nimport { FormWarningText } from \"./elements/form-warning\";\nimport { StyledLink } from \"./link\";\n\nexport function CredentialSignIn() {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email')).defined().nonEmpty(t('Please enter your email')),\n    password: passwordSchema.defined().nonEmpty(t('Please enter your password'))\n  });\n\n  const { register, handleSubmit, setError, formState: { errors } } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const app = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n\n    try {\n      const { email, password } = data;\n      const result = await app.signInWithCredential({\n        email,\n        password,\n      });\n      if (result.status === 'error') {\n        setError('email', { type: 'manual', message: result.error.message });\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <form\n      className=\"flex flex-col items-stretch stack-scope\"\n      onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n      noValidate\n    >\n      <Label htmlFor=\"email\" className=\"mb-1\">{t('Email')}</Label>\n      <Input\n        id=\"email\"\n        type=\"email\"\n        autoComplete=\"email\"\n        {...register('email')}\n      />\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Label htmlFor=\"password\" className=\"mt-4 mb-1\">{t('Password')}</Label>\n      <PasswordInput\n        id=\"password\"\n        autoComplete=\"current-password\"\n        {...register('password')}\n      />\n      <FormWarningText text={errors.password?.message?.toString()} />\n\n      <StyledLink\n        href=\"#\"\n        className=\"mt-1 text-sm\"\n        onClick={(e) => {\n          e.preventDefault();\n          runAsynchronouslyWithAlert(app.redirectToForgotPassword());\n        }}\n      >\n        {t('Forgot password?')}\n      </StyledLink>\n\n      <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n        {t('Sign In')}\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAmBA,SAAgB,mBAAmB;CACjC,MAAM,EAAE,MAAM,eAAe;CAO7B,MAAM,EAAE,UAAU,cAAc,UAAU,WAAW,EAAE,aAAa,QAAQ,EAC1E,UAAU,YANG,UAAU;EACvB,OAAO,kBAAkB,EAAE,4BAA4B,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,yBAAyB,CAAC;EACzG,UAAU,eAAe,QAAQ,CAAC,CAAC,SAAS,EAAE,4BAA4B,CAAC;CAC7E,CAG6B,CAAC,EAC9B,CAAC;CACD,MAAM,MAAM,YAAY;CACxB,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,MAAM,WAAW,OAAO,SAAuC;EAC7D,WAAW,IAAI;EAEf,IAAI;GACF,MAAM,EAAE,OAAO,aAAa;GAC5B,MAAM,SAAS,MAAM,IAAI,qBAAqB;IAC5C;IACA;GACF,CAAC;GACD,IAAI,OAAO,WAAW,SACpB,SAAS,SAAS;IAAE,MAAM;IAAU,SAAS,OAAO,MAAM;GAAQ,CAAC;EAEvE,UAAU;GACR,WAAW,KAAK;EAClB;CACF;CAEA,OACE,qBAAC,QAAD;EACE,WAAU;EACV,WAAU,MAAK,2BAA2B,aAAa,QAAQ,CAAC,CAAC,CAAC,CAAC;EACnE,YAAA;YAHF;GAKE,oBAAC,OAAD;IAAO,SAAQ;IAAQ,WAAU;cAAQ,EAAE,OAAO;GAAS,CAAA;GAC3D,oBAAC,OAAD;IACE,IAAG;IACH,MAAK;IACL,cAAa;IACb,GAAI,SAAS,OAAO;GACrB,CAAA;GACD,oBAAC,iBAAD,EAAiB,MAAM,OAAO,OAAO,SAAS,SAAS,EAAI,CAAA;GAE3D,oBAAC,OAAD;IAAO,SAAQ;IAAW,WAAU;cAAa,EAAE,UAAU;GAAS,CAAA;GACtE,oBAAC,eAAD;IACE,IAAG;IACH,cAAa;IACb,GAAI,SAAS,UAAU;GACxB,CAAA;GACD,oBAAC,iBAAD,EAAiB,MAAM,OAAO,UAAU,SAAS,SAAS,EAAI,CAAA;GAE9D,oBAAC,YAAD;IACE,MAAK;IACL,WAAU;IACV,UAAU,MAAM;KACd,EAAE,eAAe;KACjB,2BAA2B,IAAI,yBAAyB,CAAC;IAC3D;cAEC,EAAE,kBAAkB;GACX,CAAA;GAEZ,oBAAC,QAAD;IAAQ,MAAK;IAAS,WAAU;IAAgB;cAC7C,EAAE,SAAS;GACN,CAAA;EACJ;;AAEV"}

package/dist/esm/components/credential-sign-up.d.ts

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/credential-sign-up.d.ts
 declare function CredentialSignUp(props: {
   noPasswordRepeat?: boolean;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { CredentialSignUp };
 //# sourceMappingURL=credential-sign-up.d.ts.map

package/dist/esm/components/credential-sign-up.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"credential-sign-up.d.ts","names":[],"sources":["../../../src/components/credential-sign-up.tsx"],"mappings":";;;iBAmBgB,gBAAA,CAAiB,KAAA;EAAS,gBAAA;AAAA,IAA4B,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"credential-sign-up.d.ts","names":[],"sources":["../../../src/components/credential-sign-up.tsx"],"mappings":";iBAmBgB,gBAAA,CAAiB,KAAA;EAAS,gBAAA;AAAA,gCAA4B,GAAA,CAAA,OAAA"}

package/dist/esm/components/credential-sign-up.js

@@ -1,10 +1,9 @@
-'use client';
-
+"use client";
 import { runAsynchronously, runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { passwordSchema, strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
 import { Button, Input, Label, PasswordInput } from "@hexclave/ui";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "../lib/translations.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -12,7 +11,6 @@ import { FormWarningText } from "./elements/form-warning.js";
 import { getPasswordError } from "@hexclave/shared/dist/helpers/password";
 import * as yup from "yup";
 import { useStackApp } from "../lib/hooks.js";
-
 //#region src/components/credential-sign-up.tsx
 function CredentialSignUp(props) {
 	const { t } = useTranslation();
@@ -111,7 +109,7 @@ function CredentialSignUp(props) {
 		]
 	});
 }
-
 //#endregion
 export { CredentialSignUp };
+
 //# sourceMappingURL=credential-sign-up.js.map

package/dist/esm/components/credential-sign-up.js.map

@@ -1 +1 @@
-{"version":3,"file":"credential-sign-up.js","names":[],"sources":["../../../src/components/credential-sign-up.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { getPasswordError } from \"@hexclave/shared/dist/helpers/password\";\nimport { passwordSchema, strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronously, runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Label, PasswordInput } from \"@hexclave/ui\";\nimport React, { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp } from \"../lib/hooks\";\nimport { useTranslation } from \"../lib/translations\";\nimport { FormWarningText } from \"./elements/form-warning\";\n\nexport function CredentialSignUp(props: { noPasswordRepeat?: boolean }) {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email')).defined().nonEmpty(t('Please enter your email')),\n    password: passwordSchema.defined().nonEmpty(t('Please enter your password')).test({\n      name: 'is-valid-password',\n      test: (value, ctx) => {\n        const error = getPasswordError(value);\n        if (error) {\n          return ctx.createError({ message: error.message });\n        } else {\n          return true;\n        }\n      }\n    }),\n    ...(!props.noPasswordRepeat && {\n      passwordRepeat: passwordSchema.nullable().oneOf([yup.ref('password'), \"\", null], t('Passwords do not match')).nonEmpty(t('Please repeat your password'))\n    })\n  });\n\n  const { register, handleSubmit, setError, formState: { errors }, clearErrors } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const app = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { email, password } = data;\n      const result = await app.signUpWithCredential({ email, password });\n      if (result.status === 'error') {\n        setError('email', { type: 'manual', message: result.error.message });\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const registerPassword = register('password');\n  const registerPasswordRepeat = register('passwordRepeat');\n\n  return (\n    <form\n      className=\"flex flex-col items-stretch stack-scope\"\n      onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n      noValidate\n    >\n      <Label htmlFor=\"email\" className=\"mb-1\">{t('Email')}</Label>\n      <Input id=\"email\" type=\"email\" autoComplete=\"email\" {...register('email')}/>\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Label htmlFor=\"password\" className=\"mt-4 mb-1\">{t('Password')}</Label>\n      <PasswordInput\n        id=\"password\"\n        autoComplete=\"new-password\"\n        {...registerPassword}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n          clearErrors('password');\n          clearErrors('passwordRepeat');\n          runAsynchronously(registerPassword.onChange(e));\n        }}\n      />\n      <FormWarningText text={errors.password?.message?.toString()} />\n      {\n        !props.noPasswordRepeat && (\n          <>\n            <Label htmlFor=\"repeat-password\" className=\"mt-4 mb-1\">{t('Repeat Password')}</Label>\n            <PasswordInput\n              id=\"repeat-password\"\n              {...registerPasswordRepeat}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n              clearErrors('password');\n              clearErrors('passwordRepeat');\n              runAsynchronously(registerPasswordRepeat.onChange(e));\n              }}\n            />\n            <FormWarningText text={errors.passwordRepeat?.message?.toString()} />\n          </>\n        )\n      }\n\n      <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n        {t('Sign Up')}\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,SAAgB,iBAAiB,OAAuC;CACtE,MAAM,EAAE,MAAM,gBAAgB;CAoB9B,MAAM,EAAE,UAAU,cAAc,UAAU,WAAW,EAAE,UAAU,gBAAgB,QAAQ,EACvF,UAAU,YAnBG,UAAU;EACvB,OAAO,kBAAkB,EAAE,6BAA6B,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,0BAA0B,CAAC;EAC1G,UAAU,eAAe,SAAS,CAAC,SAAS,EAAE,6BAA6B,CAAC,CAAC,KAAK;GAChF,MAAM;GACN,OAAO,OAAO,QAAQ;IACpB,MAAM,QAAQ,iBAAiB,MAAM;AACrC,QAAI,MACF,QAAO,IAAI,YAAY,EAAE,SAAS,MAAM,SAAS,CAAC;QAElD,QAAO;;GAGZ,CAAC;EACF,GAAI,CAAC,MAAM,oBAAoB,EAC7B,gBAAgB,eAAe,UAAU,CAAC,MAAM;GAAC,IAAI,IAAI,WAAW;GAAE;GAAI;GAAK,EAAE,EAAE,yBAAyB,CAAC,CAAC,SAAS,EAAE,8BAA8B,CAAC,EACzJ;EACF,CAAC,CAG6B,EAC9B,CAAC;CACF,MAAM,MAAM,aAAa;CACzB,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,MAAM,WAAW,OAAO,SAAuC;AAC7D,aAAW,KAAK;AAChB,MAAI;GACF,MAAM,EAAE,OAAO,aAAa;GAC5B,MAAM,SAAS,MAAM,IAAI,qBAAqB;IAAE;IAAO;IAAU,CAAC;AAClE,OAAI,OAAO,WAAW,QACpB,UAAS,SAAS;IAAE,MAAM;IAAU,SAAS,OAAO,MAAM;IAAS,CAAC;YAE9D;AACR,cAAW,MAAM;;;CAIrB,MAAM,mBAAmB,SAAS,WAAW;CAC7C,MAAM,yBAAyB,SAAS,iBAAiB;AAEzD,QACE,qBAAC;EACC,WAAU;EACV,WAAU,MAAK,2BAA2B,aAAa,SAAS,CAAC,EAAE,CAAC;EACpE;;GAEA,oBAAC;IAAM,SAAQ;IAAQ,WAAU;cAAQ,EAAE,QAAQ;KAAS;GAC5D,oBAAC;IAAM,IAAG;IAAQ,MAAK;IAAQ,cAAa;IAAQ,GAAI,SAAS,QAAQ;KAAG;GAC5E,oBAAC,mBAAgB,MAAM,OAAO,OAAO,SAAS,UAAU,GAAI;GAE5D,oBAAC;IAAM,SAAQ;IAAW,WAAU;cAAa,EAAE,WAAW;KAAS;GACvE,oBAAC;IACC,IAAG;IACH,cAAa;IACb,GAAI;IACJ,WAAW,MAA2C;AACpD,iBAAY,WAAW;AACvB,iBAAY,iBAAiB;AAC7B,uBAAkB,iBAAiB,SAAS,EAAE,CAAC;;KAEjD;GACF,oBAAC,mBAAgB,MAAM,OAAO,UAAU,SAAS,UAAU,GAAI;GAE7D,CAAC,MAAM,oBACL;IACE,oBAAC;KAAM,SAAQ;KAAkB,WAAU;eAAa,EAAE,kBAAkB;MAAS;IACrF,oBAAC;KACC,IAAG;KACH,GAAI;KACJ,WAAW,MAA2C;AACtD,kBAAY,WAAW;AACvB,kBAAY,iBAAiB;AAC7B,wBAAkB,uBAAuB,SAAS,EAAE,CAAC;;MAErD;IACF,oBAAC,mBAAgB,MAAM,OAAO,gBAAgB,SAAS,UAAU,GAAI;OACpE;GAIP,oBAAC;IAAO,MAAK;IAAS,WAAU;IAAgB;cAC7C,EAAE,UAAU;KACN;;GACJ"}
+{"version":3,"file":"credential-sign-up.js","names":[],"sources":["../../../src/components/credential-sign-up.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { getPasswordError } from \"@hexclave/shared/dist/helpers/password\";\nimport { passwordSchema, strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronously, runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Label, PasswordInput } from \"@hexclave/ui\";\nimport React, { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp } from \"../lib/hooks\";\nimport { useTranslation } from \"../lib/translations\";\nimport { FormWarningText } from \"./elements/form-warning\";\n\nexport function CredentialSignUp(props: { noPasswordRepeat?: boolean }) {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email')).defined().nonEmpty(t('Please enter your email')),\n    password: passwordSchema.defined().nonEmpty(t('Please enter your password')).test({\n      name: 'is-valid-password',\n      test: (value, ctx) => {\n        const error = getPasswordError(value);\n        if (error) {\n          return ctx.createError({ message: error.message });\n        } else {\n          return true;\n        }\n      }\n    }),\n    ...(!props.noPasswordRepeat && {\n      passwordRepeat: passwordSchema.nullable().oneOf([yup.ref('password'), \"\", null], t('Passwords do not match')).nonEmpty(t('Please repeat your password'))\n    })\n  });\n\n  const { register, handleSubmit, setError, formState: { errors }, clearErrors } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const app = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { email, password } = data;\n      const result = await app.signUpWithCredential({ email, password });\n      if (result.status === 'error') {\n        setError('email', { type: 'manual', message: result.error.message });\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const registerPassword = register('password');\n  const registerPasswordRepeat = register('passwordRepeat');\n\n  return (\n    <form\n      className=\"flex flex-col items-stretch stack-scope\"\n      onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n      noValidate\n    >\n      <Label htmlFor=\"email\" className=\"mb-1\">{t('Email')}</Label>\n      <Input id=\"email\" type=\"email\" autoComplete=\"email\" {...register('email')}/>\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Label htmlFor=\"password\" className=\"mt-4 mb-1\">{t('Password')}</Label>\n      <PasswordInput\n        id=\"password\"\n        autoComplete=\"new-password\"\n        {...registerPassword}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n          clearErrors('password');\n          clearErrors('passwordRepeat');\n          runAsynchronously(registerPassword.onChange(e));\n        }}\n      />\n      <FormWarningText text={errors.password?.message?.toString()} />\n      {\n        !props.noPasswordRepeat && (\n          <>\n            <Label htmlFor=\"repeat-password\" className=\"mt-4 mb-1\">{t('Repeat Password')}</Label>\n            <PasswordInput\n              id=\"repeat-password\"\n              {...registerPasswordRepeat}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n              clearErrors('password');\n              clearErrors('passwordRepeat');\n              runAsynchronously(registerPasswordRepeat.onChange(e));\n              }}\n            />\n            <FormWarningText text={errors.passwordRepeat?.message?.toString()} />\n          </>\n        )\n      }\n\n      <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n        {t('Sign Up')}\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAmBA,SAAgB,iBAAiB,OAAuC;CACtE,MAAM,EAAE,MAAM,eAAe;CAoB7B,MAAM,EAAE,UAAU,cAAc,UAAU,WAAW,EAAE,UAAU,gBAAgB,QAAQ,EACvF,UAAU,YAnBG,UAAU;EACvB,OAAO,kBAAkB,EAAE,4BAA4B,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,yBAAyB,CAAC;EACzG,UAAU,eAAe,QAAQ,CAAC,CAAC,SAAS,EAAE,4BAA4B,CAAC,CAAC,CAAC,KAAK;GAChF,MAAM;GACN,OAAO,OAAO,QAAQ;IACpB,MAAM,QAAQ,iBAAiB,KAAK;IACpC,IAAI,OACF,OAAO,IAAI,YAAY,EAAE,SAAS,MAAM,QAAQ,CAAC;SAEjD,OAAO;GAEX;EACF,CAAC;EACD,GAAI,CAAC,MAAM,oBAAoB,EAC7B,gBAAgB,eAAe,SAAS,CAAC,CAAC,MAAM;GAAC,IAAI,IAAI,UAAU;GAAG;GAAI;EAAI,GAAG,EAAE,wBAAwB,CAAC,CAAC,CAAC,SAAS,EAAE,6BAA6B,CAAC,EACzJ;CACF,CAG6B,CAAC,EAC9B,CAAC;CACD,MAAM,MAAM,YAAY;CACxB,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,MAAM,WAAW,OAAO,SAAuC;EAC7D,WAAW,IAAI;EACf,IAAI;GACF,MAAM,EAAE,OAAO,aAAa;GAC5B,MAAM,SAAS,MAAM,IAAI,qBAAqB;IAAE;IAAO;GAAS,CAAC;GACjE,IAAI,OAAO,WAAW,SACpB,SAAS,SAAS;IAAE,MAAM;IAAU,SAAS,OAAO,MAAM;GAAQ,CAAC;EAEvE,UAAU;GACR,WAAW,KAAK;EAClB;CACF;CAEA,MAAM,mBAAmB,SAAS,UAAU;CAC5C,MAAM,yBAAyB,SAAS,gBAAgB;CAExD,OACE,qBAAC,QAAD;EACE,WAAU;EACV,WAAU,MAAK,2BAA2B,aAAa,QAAQ,CAAC,CAAC,CAAC,CAAC;EACnE,YAAA;YAHF;GAKE,oBAAC,OAAD;IAAO,SAAQ;IAAQ,WAAU;cAAQ,EAAE,OAAO;GAAS,CAAA;GAC3D,oBAAC,OAAD;IAAO,IAAG;IAAQ,MAAK;IAAQ,cAAa;IAAQ,GAAI,SAAS,OAAO;GAAG,CAAA;GAC3E,oBAAC,iBAAD,EAAiB,MAAM,OAAO,OAAO,SAAS,SAAS,EAAI,CAAA;GAE3D,oBAAC,OAAD;IAAO,SAAQ;IAAW,WAAU;cAAa,EAAE,UAAU;GAAS,CAAA;GACtE,oBAAC,eAAD;IACE,IAAG;IACH,cAAa;IACb,GAAI;IACJ,WAAW,MAA2C;KACpD,YAAY,UAAU;KACtB,YAAY,gBAAgB;KAC5B,kBAAkB,iBAAiB,SAAS,CAAC,CAAC;IAChD;GACD,CAAA;GACD,oBAAC,iBAAD,EAAiB,MAAM,OAAO,UAAU,SAAS,SAAS,EAAI,CAAA;GAE5D,CAAC,MAAM,oBACL,qBAAA,UAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAO,SAAQ;KAAkB,WAAU;eAAa,EAAE,iBAAiB;IAAS,CAAA;IACpF,oBAAC,eAAD;KACE,IAAG;KACH,GAAI;KACJ,WAAW,MAA2C;MACtD,YAAY,UAAU;MACtB,YAAY,gBAAgB;MAC5B,kBAAkB,uBAAuB,SAAS,CAAC,CAAC;KACpD;IACD,CAAA;IACD,oBAAC,iBAAD,EAAiB,MAAM,OAAO,gBAAgB,SAAS,SAAS,EAAI,CAAA;GACpE,EAAA,CAAA;GAIN,oBAAC,QAAD;IAAQ,MAAK;IAAS,WAAU;IAAgB;cAC7C,EAAE,SAAS;GACN,CAAA;EACJ;;AAEV"}

package/dist/esm/components/elements/form-warning.d.ts

@@ -1,11 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/elements/form-warning.d.ts
 declare function FormWarningText({
   text
 }: {
   text?: string;
-}): react_jsx_runtime0.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { FormWarningText };
 //# sourceMappingURL=form-warning.d.ts.map

package/dist/esm/components/elements/form-warning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-warning.d.ts","names":[],"sources":["../../../../src/components/elements/form-warning.tsx"],"mappings":";;;iBAOgB,eAAA,CAAA;EAAkB;AAAA;EAAU,IAAA;AAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"form-warning.d.ts","names":[],"sources":["../../../../src/components/elements/form-warning.tsx"],"mappings":";iBAOgB,eAAA;EAAkB;AAAA;EAAU,IAAA;AAAA,gCAAe,GAAA,CAAA,OAAA"}