@stackone/malachite 2.21.0 → 2.23.0

package/dist/components/queryInputGeometry.js

@@ -0,0 +1,24 @@
+import { PANEL_VIEWPORT_PADDING_PX as t } from "./dropdownPanelPosition.js";
+const c = 8, A = ({
+  inputRect: o,
+  caretOffsetPx: r,
+  menuWidth: P,
+  menuHeight: m,
+  viewportWidth: s,
+  viewportHeight: _
+}) => {
+  const a = Math.min(P, s - t * 2), e = s - a - t, M = Math.max(
+    t,
+    Math.min(o.left + r, e)
+  ), f = _ - o.bottom, n = m > 0 && f < m + t;
+  return {
+    top: n ? o.top - m - c : o.bottom + c,
+    left: M,
+    width: a,
+    openUp: n
+  };
+};
+export {
+  A as computeCaretMenuGeometry
+};
+//# sourceMappingURL=queryInputGeometry.js.map

package/dist/components/queryInputGeometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryInputGeometry.js","sources":["../../src/components/queryInputGeometry.ts"],"sourcesContent":["// Pure geometry for the caret-anchored suggestion menu. No DOM access, no React, so it can be\n// unit tested directly even though jsdom cannot lay out text (see QueryInput.tsx's caret\n// measurement, which always reads 0 there).\n\nimport { PANEL_VIEWPORT_PADDING_PX } from './dropdownPanelPosition';\n\nconst CARET_MENU_GAP_PX = 8;\n\nexport interface CaretMenuGeometryInput {\n    inputRect: Pick<DOMRect, 'top' | 'left' | 'right' | 'bottom'>;\n    /** Caret distance from the start of the text box, already adjusted for scrollLeft. */\n    caretOffsetPx: number;\n    menuWidth: number;\n    menuHeight: number;\n    viewportWidth: number;\n    viewportHeight: number;\n}\n\nexport interface CaretMenuGeometry {\n    top: number;\n    left: number;\n    /** What the menu may occupy once the viewport has had its say. */\n    width: number;\n    openUp: boolean;\n}\n\nexport const computeCaretMenuGeometry = ({\n    inputRect,\n    caretOffsetPx,\n    menuWidth,\n    menuHeight,\n    viewportWidth,\n    viewportHeight,\n}: CaretMenuGeometryInput): CaretMenuGeometry => {\n    // Capped before `left` is derived, the way `computePanelGeometry` does it: a menu wider\n    // than the viewport otherwise pins to the left padding and still runs off the right edge.\n    const width = Math.min(menuWidth, viewportWidth - PANEL_VIEWPORT_PADDING_PX * 2);\n    const maxLeft = viewportWidth - width - PANEL_VIEWPORT_PADDING_PX;\n    const left = Math.max(\n        PANEL_VIEWPORT_PADDING_PX,\n        Math.min(inputRect.left + caretOffsetPx, maxLeft),\n    );\n\n    const spaceBelow = viewportHeight - inputRect.bottom;\n    const openUp = menuHeight > 0 && spaceBelow < menuHeight + PANEL_VIEWPORT_PADDING_PX;\n\n    return {\n        top: openUp\n            ? inputRect.top - menuHeight - CARET_MENU_GAP_PX\n            : inputRect.bottom + CARET_MENU_GAP_PX,\n        left,\n        width,\n        openUp,\n    };\n};\n"],"names":["CARET_MENU_GAP_PX","computeCaretMenuGeometry","inputRect","caretOffsetPx","menuWidth","menuHeight","viewportWidth","viewportHeight","width","PANEL_VIEWPORT_PADDING_PX","maxLeft","left","spaceBelow","openUp"],"mappings":";AAMA,MAAMA,IAAoB,GAoBbC,IAA2B,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AACJ,MAAiD;AAG7C,QAAMC,IAAQ,KAAK,IAAIJ,GAAWE,IAAgBG,IAA4B,CAAC,GACzEC,IAAUJ,IAAgBE,IAAQC,GAClCE,IAAO,KAAK;AAAA,IACdF;AAAA,IACA,KAAK,IAAIP,EAAU,OAAOC,GAAeO,CAAO;AAAA,EAAA,GAG9CE,IAAaL,IAAiBL,EAAU,QACxCW,IAASR,IAAa,KAAKO,IAAaP,IAAaI;AAE3D,SAAO;AAAA,IACH,KAAKI,IACCX,EAAU,MAAMG,IAAaL,IAC7BE,EAAU,SAASF;AAAA,IACzB,MAAAW;AAAA,IACA,OAAAH;AAAA,IACA,QAAAK;AAAA,EAAA;AAER;"}

package/dist/components/renderableNode.js

@@ -0,0 +1,6 @@
+import { isValidElement as e, Fragment as i } from "react";
+const t = (r) => r == null || typeof r == "boolean" || r === "" ? !1 : Array.isArray(r) ? r.some(t) : e(r) && r.type === i ? t(r.props.children) : !0;
+export {
+  t as isRenderableNode
+};
+//# sourceMappingURL=renderableNode.js.map

package/dist/components/renderableNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderableNode.js","sources":["../../src/components/renderableNode.ts"],"sourcesContent":["import { Fragment, isValidElement } from 'react';\nimport type React from 'react';\n\n// A truthiness check would drop `0`, which React does render. Booleans, empty arrays and\n// empty fragments are how an absent slot actually arrives — `cond && <X />`, `items.map(...)`.\nexport const isRenderableNode = (node: React.ReactNode): boolean => {\n    if (node === undefined || node === null || typeof node === 'boolean' || node === '') {\n        return false;\n    }\n\n    if (Array.isArray(node)) {\n        return node.some(isRenderableNode);\n    }\n\n    if (isValidElement(node) && node.type === Fragment) {\n        return isRenderableNode((node.props as { children?: React.ReactNode }).children);\n    }\n\n    return true;\n};\n"],"names":["isRenderableNode","node","isValidElement","Fragment"],"mappings":";AAKO,MAAMA,IAAmB,CAACC,MACHA,KAAS,QAAQ,OAAOA,KAAS,aAAaA,MAAS,KACtE,KAGP,MAAM,QAAQA,CAAI,IACXA,EAAK,KAAKD,CAAgB,IAGjCE,EAAeD,CAAI,KAAKA,EAAK,SAASE,IAC/BH,EAAkBC,EAAK,MAAyC,QAAQ,IAG5E;"}

package/dist/components/safeHref.js

@@ -0,0 +1,11 @@
+const s = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]), o = (e) => {
+  if (typeof e != "string")
+    return !1;
+  const t = /^([a-z][a-z0-9+.-]*):/i.exec(e.replace(/[\u0000-\u0020]/g, ""));
+  return !t || s.has(`${t[1].toLowerCase()}:`);
+}, a = (e) => o(e) ? e : void 0;
+export {
+  o as isSafeHref,
+  a as safeHref
+};
+//# sourceMappingURL=safeHref.js.map

package/dist/components/safeHref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safeHref.js","sources":["../../src/components/safeHref.ts"],"sourcesContent":["// React does not sanitize href, so a `javascript:` URL reaching one executes. Component\n// props are not always author-written: a docs link can arrive from an API response.\nconst ALLOWED_SCHEMES = new Set(['http:', 'https:', 'mailto:', 'tel:']);\n\nexport const isSafeHref = (href: unknown): href is string => {\n    if (typeof href !== 'string') {\n        return false;\n    }\n    // Strip control characters first: `java\\u0009script:` is a scheme the naive test misses.\n    const scheme = /^([a-z][a-z0-9+.-]*):/i.exec(href.replace(/[\\u0000-\\u0020]/g, ''));\n    // No scheme means relative or fragment, which has nothing to vet.\n    return !scheme || ALLOWED_SCHEMES.has(`${scheme[1].toLowerCase()}:`);\n};\n\n/** Returns the href only when it is safe to navigate to, so callers can fall back. */\nexport const safeHref = (href: string | undefined): string | undefined =>\n    isSafeHref(href) ? href : undefined;\n"],"names":["ALLOWED_SCHEMES","isSafeHref","href","scheme","safeHref"],"mappings":"AAEA,MAAMA,wBAAsB,IAAI,CAAC,SAAS,UAAU,WAAW,MAAM,CAAC,GAEzDC,IAAa,CAACC,MAAkC;AACzD,MAAI,OAAOA,KAAS;AAChB,WAAO;AAGX,QAAMC,IAAS,yBAAyB,KAAKD,EAAK,QAAQ,oBAAoB,EAAE,CAAC;AAEjF,SAAO,CAACC,KAAUH,EAAgB,IAAI,GAAGG,EAAO,CAAC,EAAE,aAAa,GAAG;AACvE,GAGaC,IAAW,CAACF,MACrBD,EAAWC,CAAI,IAAIA,IAAO;"}

package/dist/components/scrollLock.js

@@ -0,0 +1,19 @@
+let e = 0, d = "", n = "";
+const i = () => {
+  if (e === 0) {
+    const o = window.innerWidth - document.documentElement.clientWidth;
+    if (d = document.body.style.overflow, n = document.body.style.paddingRight, document.body.style.overflow = "hidden", o > 0) {
+      const l = Number.parseFloat(getComputedStyle(document.body).paddingRight) || 0;
+      document.body.style.paddingRight = `${l + o}px`;
+    }
+  }
+  e += 1;
+  let t = !1;
+  return () => {
+    t || (t = !0, e -= 1, e === 0 && (document.body.style.overflow = d, document.body.style.paddingRight = n));
+  };
+};
+export {
+  i as lockBodyScroll
+};
+//# sourceMappingURL=scrollLock.js.map

package/dist/components/scrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollLock.js","sources":["../../src/components/scrollLock.ts"],"sourcesContent":["// Reference-counted body scroll lock (stacked overlays don't unlock early); restores\n// the app's original inline overflow/padding.\n\nlet lockCount = 0;\nlet previousOverflow = '';\nlet previousPaddingRight = '';\n\n/** Locks body scroll; call the returned function to release (idempotent). */\nexport const lockBodyScroll = (): (() => void) => {\n    if (lockCount === 0) {\n        // Pad by the scrollbar width so removing it (Windows/Linux, always-on\n        // scrollbars) doesn't shift the page right. Zero-width on overlay scrollbars.\n        const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n        previousOverflow = document.body.style.overflow;\n        previousPaddingRight = document.body.style.paddingRight;\n        document.body.style.overflow = 'hidden';\n        if (scrollbarWidth > 0) {\n            const current = Number.parseFloat(getComputedStyle(document.body).paddingRight) || 0;\n            document.body.style.paddingRight = `${current + scrollbarWidth}px`;\n        }\n    }\n    lockCount += 1;\n    let released = false;\n    return () => {\n        if (released) {\n            return;\n        }\n        released = true;\n        lockCount -= 1;\n        if (lockCount === 0) {\n            document.body.style.overflow = previousOverflow;\n            document.body.style.paddingRight = previousPaddingRight;\n        }\n    };\n};\n"],"names":["lockCount","previousOverflow","previousPaddingRight","lockBodyScroll","scrollbarWidth","current","released"],"mappings":"AAGA,IAAIA,IAAY,GACZC,IAAmB,IACnBC,IAAuB;AAGpB,MAAMC,IAAiB,MAAoB;AAC9C,MAAIH,MAAc,GAAG;AAGjB,UAAMI,IAAiB,OAAO,aAAa,SAAS,gBAAgB;AAIpE,QAHAH,IAAmB,SAAS,KAAK,MAAM,UACvCC,IAAuB,SAAS,KAAK,MAAM,cAC3C,SAAS,KAAK,MAAM,WAAW,UAC3BE,IAAiB,GAAG;AACpB,YAAMC,IAAU,OAAO,WAAW,iBAAiB,SAAS,IAAI,EAAE,YAAY,KAAK;AACnF,eAAS,KAAK,MAAM,eAAe,GAAGA,IAAUD,CAAc;AAAA,IAClE;AAAA,EACJ;AACA,EAAAJ,KAAa;AACb,MAAIM,IAAW;AACf,SAAO,MAAM;AACT,IAAIA,MAGJA,IAAW,IACXN,KAAa,GACTA,MAAc,MACd,SAAS,KAAK,MAAM,WAAWC,GAC/B,SAAS,KAAK,MAAM,eAAeC;AAAA,EAE3C;AACJ;"}

package/dist/components/selectedRow.js

@@ -0,0 +1,14 @@
+const e = "var(--malachite-table-row-selected-background, rgba(0, 175, 102, 0.15))", a = "var(--malachite-table-row-selected-foreground, rgb(2, 122, 66))", r = "var(--malachite-table-row-selected-accent, rgb(2, 122, 66))", c = {
+  "--malachite-ctx-text-primary": a
+}, t = "var(--malachite-text-primary, rgb(10, 10, 10))", E = {
+  "--malachite-ctx-text-primary": t,
+  color: t
+};
+export {
+  E as FOREGROUND_RESET,
+  r as SELECTED_ROW_ACCENT,
+  e as SELECTED_ROW_BACKGROUND,
+  a as SELECTED_ROW_FOREGROUND,
+  c as SELECTED_TEXT_CONTEXT
+};
+//# sourceMappingURL=selectedRow.js.map

package/dist/components/selectedRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectedRow.js","sources":["../../src/components/selectedRow.ts"],"sourcesContent":["import type React from 'react';\n\n// Shared by `Table`'s `selectedRowKey` and `Surface.Row`'s `selected`.\nexport const SELECTED_ROW_BACKGROUND =\n    'var(--malachite-table-row-selected-background, rgba(0, 175, 102, 0.15))';\nexport const SELECTED_ROW_FOREGROUND =\n    'var(--malachite-table-row-selected-foreground, rgb(2, 122, 66))';\nexport const SELECTED_ROW_ACCENT = 'var(--malachite-table-row-selected-accent, rgb(2, 122, 66))';\n\n// A context channel, not a theme token: no palette value, not settable via `applyTheme`, and\n// `getCurrentTheme()` will not report it.\nexport const SELECTED_TEXT_CONTEXT = {\n    '--malachite-ctx-text-primary': SELECTED_ROW_FOREGROUND,\n} as React.CSSProperties;\n\n// The fallback carries it until `applyTheme` runs: until then the token is unset.\nconst TEXT_PRIMARY = 'var(--malachite-text-primary, rgb(10, 10, 10))';\n\n// Both the channel and `color` inherit, so a Surface or Table nested in a selected row\n// resets both at its root.\nexport const FOREGROUND_RESET = {\n    '--malachite-ctx-text-primary': TEXT_PRIMARY,\n    color: TEXT_PRIMARY,\n} as React.CSSProperties;\n"],"names":["SELECTED_ROW_BACKGROUND","SELECTED_ROW_FOREGROUND","SELECTED_ROW_ACCENT","SELECTED_TEXT_CONTEXT","TEXT_PRIMARY","FOREGROUND_RESET"],"mappings":"AAGO,MAAMA,IACT,2EACSC,IACT,mEACSC,IAAsB,+DAItBC,IAAwB;AAAA,EACjC,gCAAgCF;AACpC,GAGMG,IAAe,kDAIRC,IAAmB;AAAA,EAC5B,gCAAgCD;AAAA,EAChC,OAAOA;AACX;"}

package/dist/components/selectionBarChrome.js

@@ -0,0 +1,63 @@
+import { FOCUS_RING_SELECTION_BAR as a } from "./focusRing.js";
+const o = 180, e = "malachite-selection-bar-track", r = "malachite-selection-bar-btn", i = "malachite-selection-bar", n = `
+.${e} {
+    transition: opacity ${o}ms ease-out;
+}
+@media (prefers-reduced-motion: reduce) {
+    .${e} {
+        transition: none;
+    }
+}
+.${r}--primary {
+    background-color: var(--malachite-selection-bar-foreground);
+    color: var(--malachite-selection-bar-background);
+    border: 1px solid var(--malachite-selection-bar-primary-border);
+    box-shadow: var(--malachite-shadow-default, 0px 1px 0px 0px rgba(0, 0, 0, 0.15));
+}
+.${r}--primary:hover:not(:disabled) {
+    background-image: linear-gradient(
+        color-mix(in srgb, var(--malachite-selection-bar-foreground) 88%, var(--malachite-selection-bar-background)),
+        color-mix(in srgb, var(--malachite-selection-bar-foreground) 88%, var(--malachite-selection-bar-background))
+    );
+}
+.${r}--secondary {
+    background-color: var(--malachite-selection-bar-divider);
+    background-image: linear-gradient(
+        color-mix(in srgb, var(--malachite-selection-bar-foreground) 16%, var(--malachite-selection-bar-background)),
+        color-mix(in srgb, var(--malachite-selection-bar-foreground) 16%, var(--malachite-selection-bar-background))
+    );
+    color: var(--malachite-selection-bar-foreground);
+}
+.${r}--secondary:hover:not(:disabled) {
+    background-image: linear-gradient(
+        color-mix(in srgb, var(--malachite-selection-bar-foreground) 30%, var(--malachite-selection-bar-background)),
+        color-mix(in srgb, var(--malachite-selection-bar-foreground) 30%, var(--malachite-selection-bar-background))
+    );
+}
+.${r}--quiet {
+    background-color: transparent;
+    color: var(--malachite-selection-bar-foreground);
+}
+.${r}--quiet:hover:not(:disabled) {
+    background-image: linear-gradient(
+        color-mix(in srgb, var(--malachite-selection-bar-foreground) 16%, var(--malachite-selection-bar-background)),
+        color-mix(in srgb, var(--malachite-selection-bar-foreground) 16%, var(--malachite-selection-bar-background))
+    );
+}
+`, c = `${r} inline-flex h-7 shrink-0 cursor-pointer items-center gap-1.5 whitespace-nowrap rounded-[10px] border border-solid border-transparent px-[10px] text-[13px] font-medium disabled:cursor-not-allowed disabled:opacity-50 ${a}`, l = "flex items-center gap-2 rounded-2xl border border-solid border-[var(--malachite-selection-bar-border)] py-[6px] pl-[12px] pr-[6px] bg-[var(--malachite-selection-bar-background)] text-[var(--malachite-selection-bar-foreground)]", s = "var(--malachite-selection-bar-shadow)", d = "flex flex-col items-stretch gap-[2px] rounded-2xl p-[2px] bg-[var(--malachite-selection-bar-notice-background)]", b = "var(--malachite-selection-bar-notice-shadow)", m = "m-0 px-[12px] py-[8px] text-center text-[13px] font-medium leading-normal text-[var(--malachite-selection-bar-notice-foreground)]", g = "shrink-0 select-none text-[13px]", h = "text-[var(--malachite-selection-bar-muted-foreground)]";
+export {
+  c as PILL_BUTTON_BASE,
+  r as PILL_BUTTON_CLASS,
+  g as PILL_DIVIDER,
+  h as PILL_MUTED_TEXT,
+  b as PILL_NOTICE_SHADOW,
+  d as PILL_NOTICE_SLEEVE,
+  m as PILL_NOTICE_TEXT,
+  s as PILL_SHADOW,
+  n as PILL_SHEET_CSS,
+  i as PILL_SHEET_ID,
+  l as PILL_SURFACE,
+  e as PILL_TRACK_CLASS,
+  o as PILL_TRANSITION_MS
+};
+//# sourceMappingURL=selectionBarChrome.js.map

package/dist/components/selectionBarChrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectionBarChrome.js","sources":["../../src/components/selectionBarChrome.ts"],"sourcesContent":["import { FOCUS_RING_SELECTION_BAR } from './focusRing';\n\n/** A `value + label` pair, e.g. `{ value: 3, label: 'Added' }`. */\nexport interface SelectionBarCount {\n    value: string | number;\n    label: string;\n}\n\nexport type SelectionBarEmphasis = 'primary' | 'secondary' | 'quiet';\n\nexport const PILL_TRANSITION_MS = 180;\n\nexport const PILL_TRACK_CLASS = 'malachite-selection-bar-track';\nexport const PILL_BUTTON_CLASS = 'malachite-selection-bar-btn';\nexport const PILL_SHEET_ID = 'malachite-selection-bar';\n\nexport const PILL_SHEET_CSS = `\n.${PILL_TRACK_CLASS} {\n    transition: opacity ${PILL_TRANSITION_MS}ms ease-out;\n}\n@media (prefers-reduced-motion: reduce) {\n    .${PILL_TRACK_CLASS} {\n        transition: none;\n    }\n}\n.${PILL_BUTTON_CLASS}--primary {\n    background-color: var(--malachite-selection-bar-foreground);\n    color: var(--malachite-selection-bar-background);\n    border: 1px solid var(--malachite-selection-bar-primary-border);\n    box-shadow: var(--malachite-shadow-default, 0px 1px 0px 0px rgba(0, 0, 0, 0.15));\n}\n.${PILL_BUTTON_CLASS}--primary:hover:not(:disabled) {\n    background-image: linear-gradient(\n        color-mix(in srgb, var(--malachite-selection-bar-foreground) 88%, var(--malachite-selection-bar-background)),\n        color-mix(in srgb, var(--malachite-selection-bar-foreground) 88%, var(--malachite-selection-bar-background))\n    );\n}\n.${PILL_BUTTON_CLASS}--secondary {\n    background-color: var(--malachite-selection-bar-divider);\n    background-image: linear-gradient(\n        color-mix(in srgb, var(--malachite-selection-bar-foreground) 16%, var(--malachite-selection-bar-background)),\n        color-mix(in srgb, var(--malachite-selection-bar-foreground) 16%, var(--malachite-selection-bar-background))\n    );\n    color: var(--malachite-selection-bar-foreground);\n}\n.${PILL_BUTTON_CLASS}--secondary:hover:not(:disabled) {\n    background-image: linear-gradient(\n        color-mix(in srgb, var(--malachite-selection-bar-foreground) 30%, var(--malachite-selection-bar-background)),\n        color-mix(in srgb, var(--malachite-selection-bar-foreground) 30%, var(--malachite-selection-bar-background))\n    );\n}\n.${PILL_BUTTON_CLASS}--quiet {\n    background-color: transparent;\n    color: var(--malachite-selection-bar-foreground);\n}\n.${PILL_BUTTON_CLASS}--quiet:hover:not(:disabled) {\n    background-image: linear-gradient(\n        color-mix(in srgb, var(--malachite-selection-bar-foreground) 16%, var(--malachite-selection-bar-background)),\n        color-mix(in srgb, var(--malachite-selection-bar-foreground) 16%, var(--malachite-selection-bar-background))\n    );\n}\n`;\n\nexport const PILL_BUTTON_BASE = `${PILL_BUTTON_CLASS} inline-flex h-7 shrink-0 cursor-pointer items-center gap-1.5 whitespace-nowrap rounded-[10px] border border-solid border-transparent px-[10px] text-[13px] font-medium disabled:cursor-not-allowed disabled:opacity-50 ${FOCUS_RING_SELECTION_BAR}`;\n\nexport const PILL_SURFACE =\n    'flex items-center gap-2 rounded-2xl border border-solid border-[var(--malachite-selection-bar-border)] py-[6px] pl-[12px] pr-[6px] bg-[var(--malachite-selection-bar-background)] text-[var(--malachite-selection-bar-foreground)]';\n\nexport const PILL_SHADOW = 'var(--malachite-selection-bar-shadow)';\n\n/** The sleeve a `notice` wraps the pill in: the pill keeps its own surface inside it. */\nexport const PILL_NOTICE_SLEEVE =\n    'flex flex-col items-stretch gap-[2px] rounded-2xl p-[2px] bg-[var(--malachite-selection-bar-notice-background)]';\n\nexport const PILL_NOTICE_SHADOW = 'var(--malachite-selection-bar-notice-shadow)';\n\nexport const PILL_NOTICE_TEXT =\n    'm-0 px-[12px] py-[8px] text-center text-[13px] font-medium leading-normal text-[var(--malachite-selection-bar-notice-foreground)]';\n\nexport const PILL_DIVIDER = 'shrink-0 select-none text-[13px]';\n\nexport const PILL_MUTED_TEXT = 'text-[var(--malachite-selection-bar-muted-foreground)]';\n"],"names":["PILL_TRANSITION_MS","PILL_TRACK_CLASS","PILL_BUTTON_CLASS","PILL_SHEET_ID","PILL_SHEET_CSS","PILL_BUTTON_BASE","FOCUS_RING_SELECTION_BAR","PILL_SURFACE","PILL_SHADOW","PILL_NOTICE_SLEEVE","PILL_NOTICE_SHADOW","PILL_NOTICE_TEXT","PILL_DIVIDER","PILL_MUTED_TEXT"],"mappings":";AAUO,MAAMA,IAAqB,KAErBC,IAAmB,iCACnBC,IAAoB,+BACpBC,IAAgB,2BAEhBC,IAAiB;AAAA,GAC3BH,CAAgB;AAAA,0BACOD,CAAkB;AAAA;AAAA;AAAA,OAGrCC,CAAgB;AAAA;AAAA;AAAA;AAAA,GAIpBC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMjBA,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMjBA,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjBA,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMjBA,CAAiB;AAAA;AAAA;AAAA;AAAA,GAIjBA,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQPG,IAAmB,GAAGH,CAAiB,2NAA2NI,CAAwB,IAE1RC,IACT,sOAESC,IAAc,yCAGdC,IACT,mHAESC,IAAqB,gDAErBC,IACT,qIAESC,IAAe,oCAEfC,IAAkB;"}

package/dist/components/topLayer.js

@@ -0,0 +1,29 @@
+import { useLayoutEffect as t } from "react";
+import { ensureTopLayerStyles as p } from "./portalOverlay.js";
+const s = (o) => "showPopover" in o ? typeof CSS < "u" && CSS.supports("selector(:popover-open)") : !1, n = (o) => {
+  if (s(o) && p())
+    try {
+      o.setAttribute("popover", "manual"), o.matches(":popover-open") && o.hidePopover(), o.showPopover();
+    } catch {
+      o.removeAttribute("popover");
+    }
+}, v = (o) => {
+  o.removeAttribute("popover");
+}, f = (o, r) => {
+  t(() => {
+    const e = o.current;
+    if (e) {
+      if (r) {
+        n(e);
+        return;
+      }
+      e.removeAttribute("popover");
+    }
+  }, [o, r]);
+};
+export {
+  v as leaveTopLayer,
+  n as raiseToTopLayer,
+  f as useTopLayer
+};
+//# sourceMappingURL=topLayer.js.map

package/dist/components/topLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"topLayer.js","sources":["../../src/components/topLayer.ts"],"sourcesContent":["// A host that opens its modal in the browser's top layer (Angular CDK 21+ sets\n// `popover=\"manual\"` by default; native `<dialog>.showModal()` does the same) paints above every\n// normal-flow element, and z-index is not consulted at all. An overlay portaled to document.body\n// therefore renders UNDER that modal however high it bids, so it has to join the top layer.\n\nimport { type RefObject, useLayoutEffect } from 'react';\nimport { ensureTopLayerStyles } from './portalOverlay';\n\nconst supportsPopover = (el: HTMLElement): boolean => {\n    // The same probe CDK uses: without popover, CDK builds no top layer either. A host using\n    // `<dialog>.showModal()` still outranks us on an engine too old for popover.\n    if (!('showPopover' in el)) {\n        return false;\n    }\n    // A JS-only popover polyfill (e.g. `@oddbird/popover-polyfill`) can define `showPopover` on\n    // the prototype without the CSS engine ever matching `:popover-open`, which would promote\n    // into the raw UA box with no reset able to reach it. `CSS` itself is undefined in jsdom.\n    return typeof CSS !== 'undefined' && CSS.supports('selector(:popover-open)');\n};\n\nexport const raiseToTopLayer = (el: HTMLElement): void => {\n    if (!supportsPopover(el)) {\n        return;\n    }\n    // Never promote unstyled: the UA box would stretch a panel to the viewport edge, which is\n    // worse than losing to the modal. Covers a host CSP blocking the sheet as well.\n    if (!ensureTopLayerStyles()) {\n        return;\n    }\n    try {\n        // setAttribute, not the `popover` IDL property: the property is an expando wherever the\n        // attribute is not reflected, which strands the element without the UA popover behaviour.\n        el.setAttribute('popover', 'manual');\n        // Entry order decides which top-layer element wins, so re-enter to land on top.\n        if (el.matches(':popover-open')) {\n            el.hidePopover();\n        }\n        el.showPopover();\n    } catch {\n        // `[popover]:not(:popover-open)` is `display: none` in the UA sheet, so a half-applied\n        // popover erases the overlay outright. Falling back to the z-index path is the lesser bug.\n        el.removeAttribute('popover');\n    }\n};\n\n// Dropping the attribute rather than calling hidePopover leaves the top layer AND takes the UA\n// `display: none` with it, so an overlay that stays mounted while hidden keeps its transition.\nexport const leaveTopLayer = (el: HTMLElement): void => {\n    el.removeAttribute('popover');\n};\n\n/**\n * Promotes a portaled overlay into the top layer while `active`. Pass the visibility state, not\n * `true`, for an overlay that stays mounted while hidden, so each show re-enters above its peers.\n */\nexport const useTopLayer = (ref: RefObject<HTMLElement | null>, active: boolean): void => {\n    useLayoutEffect(() => {\n        const el = ref.current;\n        if (!el) {\n            return;\n        }\n        if (active) {\n            raiseToTopLayer(el);\n            return;\n        }\n        // Dropping the attribute rather than calling hidePopover leaves the top layer AND takes the\n        // UA `display: none` with it, so an overlay that stays mounted while hidden keeps its exit\n        // transition and costs a style recalc no more than it did before promotion. Left open, each\n        // one measurably slows a full recalc — 500 of them tripled it in Chromium and WebKit.\n        el.removeAttribute('popover');\n    }, [ref, active]);\n};\n"],"names":["supportsPopover","el","raiseToTopLayer","ensureTopLayerStyles","leaveTopLayer","useTopLayer","ref","active","useLayoutEffect"],"mappings":";;AAQA,MAAMA,IAAkB,CAACC,MAGf,iBAAiBA,IAMhB,OAAO,MAAQ,OAAe,IAAI,SAAS,yBAAyB,IALhE,IAQFC,IAAkB,CAACD,MAA0B;AACtD,MAAKD,EAAgBC,CAAE,KAKlBE;AAGL,QAAI;AAGA,MAAAF,EAAG,aAAa,WAAW,QAAQ,GAE/BA,EAAG,QAAQ,eAAe,KAC1BA,EAAG,YAAA,GAEPA,EAAG,YAAA;AAAA,IACP,QAAQ;AAGJ,MAAAA,EAAG,gBAAgB,SAAS;AAAA,IAChC;AACJ,GAIaG,IAAgB,CAACH,MAA0B;AACpD,EAAAA,EAAG,gBAAgB,SAAS;AAChC,GAMaI,IAAc,CAACC,GAAoCC,MAA0B;AACtF,EAAAC,EAAgB,MAAM;AAClB,UAAMP,IAAKK,EAAI;AACf,QAAKL,GAGL;AAAA,UAAIM,GAAQ;AACR,QAAAL,EAAgBD,CAAE;AAClB;AAAA,MACJ;AAKA,MAAAA,EAAG,gBAAgB,SAAS;AAAA;AAAA,EAChC,GAAG,CAACK,GAAKC,CAAM,CAAC;AACpB;"}

package/dist/components/useAdoptedStyleSheet.js

@@ -0,0 +1,41 @@
+import { useLayoutEffect as o } from "react";
+const l = /* @__PURE__ */ new Map(), u = (e, t) => {
+  if (l.has(e))
+    return l.get(e) ?? null;
+  if (typeof CSSStyleSheet > "u")
+    return l.set(e, null), null;
+  try {
+    const n = new CSSStyleSheet();
+    return n.replaceSync(t), l.set(e, n), n;
+  } catch (n) {
+    return console.error(`Failed to construct the ${e} stylesheet:`, n), l.set(e, null), null;
+  }
+}, a = (e, t) => {
+  if (!("adoptedStyleSheets" in e))
+    return !1;
+  try {
+    return e.adoptedStyleSheets.includes(t) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, t]), !0;
+  } catch {
+    return !1;
+  }
+}, S = (e, t, n) => {
+  if (e instanceof Document ? e.getElementById(t) : e.querySelector(`#${t}`))
+    return;
+  const s = document.createElement("style");
+  s.id = t, s.textContent = n, e instanceof Document ? e.head.appendChild(s) : e.appendChild(s);
+}, f = (e, t, n) => {
+  o(() => {
+    const r = e.current;
+    if (!r)
+      return;
+    const s = r.getRootNode();
+    if (!(s instanceof Document) && !(s instanceof ShadowRoot))
+      return;
+    const c = u(n, t);
+    (!c || !a(s, c)) && S(s, n, t);
+  }, [e, t, n]);
+};
+export {
+  f as useAdoptedStyleSheet
+};
+//# sourceMappingURL=useAdoptedStyleSheet.js.map

package/dist/components/useAdoptedStyleSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdoptedStyleSheet.js","sources":["../../src/components/useAdoptedStyleSheet.ts"],"sourcesContent":["import { type RefObject, useLayoutEffect } from 'react';\n\n/**\n * Adopts a stylesheet into whichever root the element renders in — the shadow root under\n * MalachiteContext, or the document.\n *\n * Components need this for rules that cannot be expressed inline: keyframes, media queries,\n * `:has()`, pseudo-elements. The sheet is constructed once per `id` and shared across every\n * instance, and falls back to a `<style>` tag where `adoptedStyleSheets` is unavailable.\n */\nconst sheets = new Map<string, CSSStyleSheet | null>();\n\nconst ensureSheet = (id: string, css: string): CSSStyleSheet | null => {\n    if (sheets.has(id)) {\n        return sheets.get(id) ?? null;\n    }\n    if (typeof CSSStyleSheet === 'undefined') {\n        sheets.set(id, null);\n        return null;\n    }\n    try {\n        const sheet = new CSSStyleSheet();\n        sheet.replaceSync(css);\n        sheets.set(id, sheet);\n        return sheet;\n    } catch (error) {\n        console.error(`Failed to construct the ${id} stylesheet:`, error);\n        sheets.set(id, null);\n        return null;\n    }\n};\n\nconst adoptSheet = (root: Document | ShadowRoot, sheet: CSSStyleSheet): boolean => {\n    if (!('adoptedStyleSheets' in root)) {\n        return false;\n    }\n    try {\n        if (!root.adoptedStyleSheets.includes(sheet)) {\n            root.adoptedStyleSheets = [...root.adoptedStyleSheets, sheet];\n        }\n        return true;\n    } catch {\n        return false;\n    }\n};\n\nconst appendStyleTag = (root: Document | ShadowRoot, id: string, css: string): void => {\n    const existing =\n        root instanceof Document ? root.getElementById(id) : root.querySelector(`#${id}`);\n    if (existing) {\n        return;\n    }\n    const style = document.createElement('style');\n    style.id = id;\n    style.textContent = css;\n    if (root instanceof Document) {\n        root.head.appendChild(style);\n    } else {\n        root.appendChild(style);\n    }\n};\n\nexport const useAdoptedStyleSheet = (\n    ref: RefObject<HTMLElement | null>,\n    css: string,\n    id: string,\n): void => {\n    useLayoutEffect(() => {\n        const el = ref.current;\n        if (!el) {\n            return;\n        }\n        const root = el.getRootNode();\n        if (!(root instanceof Document) && !(root instanceof ShadowRoot)) {\n            return;\n        }\n        const sheet = ensureSheet(id, css);\n        if (!sheet || !adoptSheet(root, sheet)) {\n            appendStyleTag(root, id, css);\n        }\n    }, [ref, css, id]);\n};\n\nexport default useAdoptedStyleSheet;\n"],"names":["sheets","ensureSheet","id","css","sheet","error","adoptSheet","root","appendStyleTag","style","useAdoptedStyleSheet","ref","useLayoutEffect","el"],"mappings":";AAUA,MAAMA,wBAAa,IAAA,GAEbC,IAAc,CAACC,GAAYC,MAAsC;AACnE,MAAIH,EAAO,IAAIE,CAAE;AACb,WAAOF,EAAO,IAAIE,CAAE,KAAK;AAE7B,MAAI,OAAO,gBAAkB;AACzB,WAAAF,EAAO,IAAIE,GAAI,IAAI,GACZ;AAEX,MAAI;AACA,UAAME,IAAQ,IAAI,cAAA;AAClB,WAAAA,EAAM,YAAYD,CAAG,GACrBH,EAAO,IAAIE,GAAIE,CAAK,GACbA;AAAA,EACX,SAASC,GAAO;AACZ,mBAAQ,MAAM,2BAA2BH,CAAE,gBAAgBG,CAAK,GAChEL,EAAO,IAAIE,GAAI,IAAI,GACZ;AAAA,EACX;AACJ,GAEMI,IAAa,CAACC,GAA6BH,MAAkC;AAC/E,MAAI,EAAE,wBAAwBG;AAC1B,WAAO;AAEX,MAAI;AACA,WAAKA,EAAK,mBAAmB,SAASH,CAAK,MACvCG,EAAK,qBAAqB,CAAC,GAAGA,EAAK,oBAAoBH,CAAK,IAEzD;AAAA,EACX,QAAQ;AACJ,WAAO;AAAA,EACX;AACJ,GAEMI,IAAiB,CAACD,GAA6BL,GAAYC,MAAsB;AAGnF,MADII,aAAgB,WAAWA,EAAK,eAAeL,CAAE,IAAIK,EAAK,cAAc,IAAIL,CAAE,EAAE;AAEhF;AAEJ,QAAMO,IAAQ,SAAS,cAAc,OAAO;AAC5C,EAAAA,EAAM,KAAKP,GACXO,EAAM,cAAcN,GAChBI,aAAgB,WAChBA,EAAK,KAAK,YAAYE,CAAK,IAE3BF,EAAK,YAAYE,CAAK;AAE9B,GAEaC,IAAuB,CAChCC,GACAR,GACAD,MACO;AACP,EAAAU,EAAgB,MAAM;AAClB,UAAMC,IAAKF,EAAI;AACf,QAAI,CAACE;AACD;AAEJ,UAAMN,IAAOM,EAAG,YAAA;AAChB,QAAI,EAAEN,aAAgB,aAAa,EAAEA,aAAgB;AACjD;AAEJ,UAAMH,IAAQH,EAAYC,GAAIC,CAAG;AACjC,KAAI,CAACC,KAAS,CAACE,EAAWC,GAAMH,CAAK,MACjCI,EAAeD,GAAML,GAAIC,CAAG;AAAA,EAEpC,GAAG,CAACQ,GAAKR,GAAKD,CAAE,CAAC;AACrB;"}

package/dist/geist-font.js

@@ -0,0 +1,23 @@
+import a from "./vendor/@fontsource/geist-sans/files/geist-sans-latin-400-normal.woff2.js";
+import f from "./vendor/@fontsource/geist-sans/files/geist-sans-latin-500-normal.woff2.js";
+const n = "U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD", U = [
+  { weight: 400, src: a, range: n },
+  { weight: 500, src: f, range: n }
+], o = "malachite-geist-font-face";
+let e = !1;
+const l = () => {
+  if (e || typeof document > "u" || !document.head)
+    return;
+  if (document.getElementById(o)) {
+    e = !0;
+    return;
+  }
+  const i = U.map(
+    ({ weight: s, src: c, range: r }) => `@font-face{font-family:'Geist';font-style:normal;font-weight:${s};font-display:swap;src:url('${c}') format('woff2');unicode-range:${r};}`
+  ).join(""), t = document.createElement("style");
+  t.id = o, t.textContent = i, document.head.appendChild(t), e = !0;
+};
+export {
+  l as ensureGeistFontFace
+};
+//# sourceMappingURL=geist-font.js.map

package/dist/geist-font.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"geist-font.js","sources":["../src/geist-font.ts"],"sourcesContent":["// Self-hosted Geist webfont for Malachite — the body typeface of the new type system.\n//\n// Same constraint as Inter (see inter-font.ts): Malachite renders inside a shadow root and\n// @font-face rules don't load fonts from inside a shadow root, so the declarations are\n// injected into document.head once, the first time a Malachite context mounts. The\n// --font-body theme token (see tailwind.css) then resolves to it.\nimport geistLatin400 from '@fontsource/geist-sans/files/geist-sans-latin-400-normal.woff2';\nimport geistLatin500 from '@fontsource/geist-sans/files/geist-sans-latin-500-normal.woff2';\n\nconst LATIN_RANGE =\n    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD';\n\nconst FACES: ReadonlyArray<{ weight: number; src: string; range: string }> = [\n    { weight: 400, src: geistLatin400, range: LATIN_RANGE },\n    { weight: 500, src: geistLatin500, range: LATIN_RANGE },\n];\n\nconst STYLE_ID = 'malachite-geist-font-face';\n\nlet injected = false;\n\nexport const ensureGeistFontFace = (): void => {\n    if (injected || typeof document === 'undefined' || !document.head) {\n        return;\n    }\n    if (document.getElementById(STYLE_ID)) {\n        injected = true;\n        return;\n    }\n    const css = FACES.map(\n        ({ weight, src, range }) =>\n            `@font-face{font-family:'Geist';font-style:normal;font-weight:${weight};font-display:swap;src:url('${src}') format('woff2');unicode-range:${range};}`,\n    ).join('');\n    const style = document.createElement('style');\n    style.id = STYLE_ID;\n    style.textContent = css;\n    document.head.appendChild(style);\n    injected = true;\n};\n"],"names":["LATIN_RANGE","FACES","geistLatin400","geistLatin500","STYLE_ID","injected","ensureGeistFontFace","css","weight","src","range","style"],"mappings":";;AASA,MAAMA,IACF,4JAEEC,IAAuE;AAAA,EACzE,EAAE,QAAQ,KAAK,KAAKC,GAAe,OAAOF,EAAA;AAAA,EAC1C,EAAE,QAAQ,KAAK,KAAKG,GAAe,OAAOH,EAAA;AAC9C,GAEMI,IAAW;AAEjB,IAAIC,IAAW;AAER,MAAMC,IAAsB,MAAY;AAC3C,MAAID,KAAY,OAAO,WAAa,OAAe,CAAC,SAAS;AACzD;AAEJ,MAAI,SAAS,eAAeD,CAAQ,GAAG;AACnC,IAAAC,IAAW;AACX;AAAA,EACJ;AACA,QAAME,IAAMN,EAAM;AAAA,IACd,CAAC,EAAE,QAAAO,GAAQ,KAAAC,GAAK,OAAAC,EAAA,MACZ,gEAAgEF,CAAM,+BAA+BC,CAAG,oCAAoCC,CAAK;AAAA,EAAA,EACvJ,KAAK,EAAE,GACHC,IAAQ,SAAS,cAAc,OAAO;AAC5C,EAAAA,EAAM,KAAKP,GACXO,EAAM,cAAcJ,GACpB,SAAS,KAAK,YAAYI,CAAK,GAC/BN,IAAW;AACf;"}