@stackone/malachite 2.21.0 → 2.22.0

package/dist/components/dropdownPanelPosition.js

@@ -0,0 +1,38 @@
+const T = 8;
+const D = /* @__PURE__ */ new Set(["small", "medium"]), G = (P, t = !1) => D.has(P) && !t, e = ({
+  triggerRect: P,
+  panelWidth: t,
+  panelHeight: o,
+  size: I,
+  fullWidth: L = !1,
+  viewportWidth: A,
+  viewportHeight: a
+}) => {
+  const s = A - 16;
+  let E, _;
+  if (G(I, L)) {
+    _ = Math.min(t || 180, s);
+    const n = A - _ - 8;
+    E = Math.max(8, Math.min(P.right - _, n));
+  } else {
+    _ = Math.min(P.width, s);
+    const n = A - _ - 8;
+    E = Math.max(8, Math.min(P.left, n));
+  }
+  const m = a - P.bottom, N = o > 0 && m < o + 8;
+  return {
+    top: N ? P.top - o - 8 : P.bottom + 8,
+    left: E,
+    width: _,
+    openUp: N
+  };
+}, l = (P, t, o) => P.bottom < 0 || P.top > o || P.right < 0 || P.left > t, X = (P) => `${P.top},${P.left},${P.width},${P.height}`;
+export {
+  D as CONTENT_SIZED_PANEL,
+  T as PANEL_VIEWPORT_PADDING_PX,
+  e as computePanelGeometry,
+  G as isContentSizedPanel,
+  l as isTriggerOffscreen,
+  X as rectSignature
+};
+//# sourceMappingURL=dropdownPanelPosition.js.map

package/dist/components/dropdownPanelPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownPanelPosition.js","sources":["../../src/components/dropdownPanelPosition.ts"],"sourcesContent":["import type { DropdownSize } from './Dropdown';\n\nconst PANEL_TRIGGER_GAP_PX = 8;\nexport const PANEL_VIEWPORT_PADDING_PX = 8;\n\n/** Before layout `offsetWidth` is 0, so the first pass needs a width to work from. */\nconst PANEL_FALLBACK_WIDTH_PX = 180;\n\n/** The smaller triggers are chips: their panel sizes to its content and right-aligns. */\nexport const CONTENT_SIZED_PANEL: ReadonlySet<DropdownSize> = new Set(['small', 'medium']);\n\nexport const isContentSizedPanel = (size: DropdownSize, fullWidth = false): boolean =>\n    CONTENT_SIZED_PANEL.has(size) && !fullWidth;\n\nexport interface PanelGeometry {\n    top: number;\n    left: number;\n    width: number;\n    openUp: boolean;\n}\n\nexport interface PanelGeometryInput {\n    triggerRect: Pick<DOMRect, 'top' | 'left' | 'right' | 'bottom' | 'width'>;\n    panelWidth: number;\n    panelHeight: number;\n    size: DropdownSize;\n    fullWidth?: boolean;\n    viewportWidth: number;\n    viewportHeight: number;\n}\n\nexport const computePanelGeometry = ({\n    triggerRect,\n    panelWidth,\n    panelHeight,\n    size,\n    fullWidth = false,\n    viewportWidth,\n    viewportHeight,\n}: PanelGeometryInput): PanelGeometry => {\n    const maxViewportWidth = viewportWidth - PANEL_VIEWPORT_PADDING_PX * 2;\n\n    let left: number;\n    let width: number;\n    if (isContentSizedPanel(size, fullWidth)) {\n        width = Math.min(panelWidth || PANEL_FALLBACK_WIDTH_PX, maxViewportWidth);\n        const maxLeft = viewportWidth - width - PANEL_VIEWPORT_PADDING_PX;\n        left = Math.max(PANEL_VIEWPORT_PADDING_PX, Math.min(triggerRect.right - width, maxLeft));\n    } else {\n        width = Math.min(triggerRect.width, maxViewportWidth);\n        const maxLeft = viewportWidth - width - PANEL_VIEWPORT_PADDING_PX;\n        left = Math.max(PANEL_VIEWPORT_PADDING_PX, Math.min(triggerRect.left, maxLeft));\n    }\n\n    const spaceBelow = viewportHeight - triggerRect.bottom;\n    const openUp = panelHeight > 0 && spaceBelow < panelHeight + PANEL_VIEWPORT_PADDING_PX;\n\n    return {\n        top: openUp\n            ? triggerRect.top - panelHeight - PANEL_TRIGGER_GAP_PX\n            : triggerRect.bottom + PANEL_TRIGGER_GAP_PX,\n        left,\n        width,\n        openUp,\n    };\n};\n\n/** A panel anchored to a trigger nobody can see is floating over unrelated content. */\nexport const isTriggerOffscreen = (\n    rect: Pick<DOMRect, 'top' | 'left' | 'right' | 'bottom'>,\n    viewportWidth: number,\n    viewportHeight: number,\n): boolean =>\n    rect.bottom < 0 || rect.top > viewportHeight || rect.right < 0 || rect.left > viewportWidth;\n\n/** Cheap equality for the frame loop: reposition only when the trigger has actually moved. */\nexport const rectSignature = (\n    rect: Pick<DOMRect, 'top' | 'left' | 'width' | 'height'>,\n): string => `${rect.top},${rect.left},${rect.width},${rect.height}`;\n"],"names":["PANEL_VIEWPORT_PADDING_PX","CONTENT_SIZED_PANEL","isContentSizedPanel","size","fullWidth","computePanelGeometry","triggerRect","panelWidth","panelHeight","viewportWidth","viewportHeight","maxViewportWidth","left","width","maxLeft","spaceBelow","openUp","isTriggerOffscreen","rect","rectSignature"],"mappings":"AAGO,MAAMA,IAA4B;AAMlC,MAAMC,IAAiD,oBAAI,IAAI,CAAC,SAAS,QAAQ,CAAC,GAE5EC,IAAsB,CAACC,GAAoBC,IAAY,OAChEH,EAAoB,IAAIE,CAAI,KAAK,CAACC,GAmBzBC,IAAuB,CAAC;AAAA,EACjC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAL;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAK;AAAA,EACA,gBAAAC;AACJ,MAAyC;AACrC,QAAMC,IAAmBF,IAAgB;AAEzC,MAAIG,GACAC;AACJ,MAAIX,EAAoBC,GAAMC,CAAS,GAAG;AACtC,IAAAS,IAAQ,KAAK,IAAIN,KAAc,KAAyBI,CAAgB;AACxE,UAAMG,IAAUL,IAAgBI,IAAQ;AACxC,IAAAD,IAAO,KAAK,IAAI,GAA2B,KAAK,IAAIN,EAAY,QAAQO,GAAOC,CAAO,CAAC;AAAA,EAC3F,OAAO;AACH,IAAAD,IAAQ,KAAK,IAAIP,EAAY,OAAOK,CAAgB;AACpD,UAAMG,IAAUL,IAAgBI,IAAQ;AACxC,IAAAD,IAAO,KAAK,IAAI,GAA2B,KAAK,IAAIN,EAAY,MAAMQ,CAAO,CAAC;AAAA,EAClF;AAEA,QAAMC,IAAaL,IAAiBJ,EAAY,QAC1CU,IAASR,IAAc,KAAKO,IAAaP,IAAc;AAE7D,SAAO;AAAA,IACH,KAAKQ,IACCV,EAAY,MAAME,IAAc,IAChCF,EAAY,SAAS;AAAA,IAC3B,MAAAM;AAAA,IACA,OAAAC;AAAA,IACA,QAAAG;AAAA,EAAA;AAER,GAGaC,IAAqB,CAC9BC,GACAT,GACAC,MAEAQ,EAAK,SAAS,KAAKA,EAAK,MAAMR,KAAkBQ,EAAK,QAAQ,KAAKA,EAAK,OAAOT,GAGrEU,IAAgB,CACzBD,MACS,GAAGA,EAAK,GAAG,IAAIA,EAAK,IAAI,IAAIA,EAAK,KAAK,IAAIA,EAAK,MAAM;"}

package/dist/components/dropdownTriggerStyle.js

@@ -0,0 +1,36 @@
+const x = "data-malachite-dropdown-trigger", b = "var(--malachite-card-background, rgb(255, 255, 255))", l = "var(--malachite-dropdown-disabled-background, rgb(241, 241, 241))", c = "var(--malachite-text-placeholder, rgb(187, 187, 187))", a = {
+  disabled: "var(--malachite-dropdown-border, rgb(232, 232, 232))",
+  active: "var(--malachite-dropdown-border-active, rgba(0, 175, 102, 0.6))",
+  filter: "var(--malachite-dropdown-border-filter, rgba(0, 175, 102, 0.4))",
+  error: "var(--malachite-dropdown-border-error, rgba(239, 55, 55, 0.6))",
+  pending: "var(--malachite-dropdown-border-pending, rgba(241, 139, 10, 0.6))"
+}, o = {
+  disabled: "var(--malachite-dropdown-shadow, 0px 1px 0px 0px rgba(0, 0, 0, 0.15))",
+  active: "var(--malachite-dropdown-shadow-active, 0px 1px 0px 0px rgba(0, 175, 102, 0.8))",
+  filter: "var(--malachite-dropdown-shadow-filter, 0px 1px 0px 0px rgba(0, 175, 102, 0.6))",
+  error: "var(--malachite-dropdown-shadow-error, 0px 1px 0px 0px rgba(239, 55, 55, 0.8), 0px 0px 0px 2px rgba(239, 55, 55, 0.1))",
+  pending: "var(--malachite-dropdown-shadow-pending, 0px 1px 0px 0px rgba(241, 139, 10, 0.8), 0px 0px 0px 2px rgba(241, 139, 10, 0.1))"
+};
+function g({
+  disabled: i,
+  error: e,
+  tone: p,
+  open: t,
+  loading: d,
+  hasSelection: n
+}) {
+  if (i)
+    return {
+      backgroundColor: l,
+      borderColor: a.disabled,
+      boxShadow: e ? o.error : o.disabled,
+      color: c
+    };
+  const r = { backgroundColor: b };
+  return d && (r.opacity = 0.6), e ? { ...r, borderColor: a.error, boxShadow: o.error } : p === "pending" ? { ...r, borderColor: a.pending, boxShadow: o.pending } : d ? { ...r, borderColor: a.filter, boxShadow: o.filter } : t ? { ...r, borderColor: a.active, boxShadow: o.active } : n ? { ...r, borderColor: a.filter, boxShadow: o.filter } : r;
+}
+export {
+  x as DROPDOWN_TRIGGER_ATTR,
+  g as getTriggerVisual
+};
+//# sourceMappingURL=dropdownTriggerStyle.js.map

package/dist/components/dropdownTriggerStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownTriggerStyle.js","sources":["../../src/components/dropdownTriggerStyle.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\n\nexport const DROPDOWN_TRIGGER_ATTR = 'data-malachite-dropdown-trigger';\n\nconst CARD_BACKGROUND = 'var(--malachite-card-background, rgb(255, 255, 255))';\nconst DISABLED_BACKGROUND = 'var(--malachite-dropdown-disabled-background, rgb(241, 241, 241))';\nconst DISABLED_TEXT = 'var(--malachite-text-placeholder, rgb(187, 187, 187))';\n\nconst BORDER = {\n    disabled: 'var(--malachite-dropdown-border, rgb(232, 232, 232))',\n    active: 'var(--malachite-dropdown-border-active, rgba(0, 175, 102, 0.6))',\n    filter: 'var(--malachite-dropdown-border-filter, rgba(0, 175, 102, 0.4))',\n    error: 'var(--malachite-dropdown-border-error, rgba(239, 55, 55, 0.6))',\n    pending: 'var(--malachite-dropdown-border-pending, rgba(241, 139, 10, 0.6))',\n} as const;\n\nconst SHADOW = {\n    disabled: 'var(--malachite-dropdown-shadow, 0px 1px 0px 0px rgba(0, 0, 0, 0.15))',\n    active: 'var(--malachite-dropdown-shadow-active, 0px 1px 0px 0px rgba(0, 175, 102, 0.8))',\n    filter: 'var(--malachite-dropdown-shadow-filter, 0px 1px 0px 0px rgba(0, 175, 102, 0.6))',\n    error: 'var(--malachite-dropdown-shadow-error, 0px 1px 0px 0px rgba(239, 55, 55, 0.8), 0px 0px 0px 2px rgba(239, 55, 55, 0.1))',\n    pending:\n        'var(--malachite-dropdown-shadow-pending, 0px 1px 0px 0px rgba(241, 139, 10, 0.8), 0px 0px 0px 2px rgba(241, 139, 10, 0.1))',\n} as const;\n\nexport type DropdownTone = 'default' | 'pending';\n\nexport interface TriggerVisualState {\n    disabled?: boolean;\n    error?: boolean;\n    tone?: DropdownTone;\n    open?: boolean;\n    loading?: boolean;\n    hasSelection?: boolean;\n}\n\nexport function getTriggerVisual({\n    disabled,\n    error,\n    tone,\n    open,\n    loading,\n    hasSelection,\n}: TriggerVisualState): CSSProperties {\n    if (disabled) {\n        return {\n            backgroundColor: DISABLED_BACKGROUND,\n            borderColor: BORDER.disabled,\n            boxShadow: error ? SHADOW.error : SHADOW.disabled,\n            color: DISABLED_TEXT,\n        };\n    }\n    const base: CSSProperties = { backgroundColor: CARD_BACKGROUND };\n    if (loading) {\n        base.opacity = 0.6;\n    }\n    if (error) {\n        return { ...base, borderColor: BORDER.error, boxShadow: SHADOW.error };\n    }\n    if (tone === 'pending') {\n        return { ...base, borderColor: BORDER.pending, boxShadow: SHADOW.pending };\n    }\n    if (loading) {\n        return { ...base, borderColor: BORDER.filter, boxShadow: SHADOW.filter };\n    }\n    if (open) {\n        return { ...base, borderColor: BORDER.active, boxShadow: SHADOW.active };\n    }\n    if (hasSelection) {\n        return { ...base, borderColor: BORDER.filter, boxShadow: SHADOW.filter };\n    }\n    return base;\n}\n"],"names":["DROPDOWN_TRIGGER_ATTR","CARD_BACKGROUND","DISABLED_BACKGROUND","DISABLED_TEXT","BORDER","SHADOW","getTriggerVisual","disabled","error","tone","open","loading","hasSelection","base"],"mappings":"AAEO,MAAMA,IAAwB,mCAE/BC,IAAkB,wDAClBC,IAAsB,qEACtBC,IAAgB,yDAEhBC,IAAS;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AACb,GAEMC,IAAS;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SACI;AACR;AAaO,SAASC,EAAiB;AAAA,EAC7B,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AACJ,GAAsC;AAClC,MAAIL;AACA,WAAO;AAAA,MACH,iBAAiBL;AAAA,MACjB,aAAaE,EAAO;AAAA,MACpB,WAAWI,IAAQH,EAAO,QAAQA,EAAO;AAAA,MACzC,OAAOF;AAAA,IAAA;AAGf,QAAMU,IAAsB,EAAE,iBAAiBZ,EAAA;AAI/C,SAHIU,MACAE,EAAK,UAAU,MAEfL,IACO,EAAE,GAAGK,GAAM,aAAaT,EAAO,OAAO,WAAWC,EAAO,MAAA,IAE/DI,MAAS,YACF,EAAE,GAAGI,GAAM,aAAaT,EAAO,SAAS,WAAWC,EAAO,QAAA,IAEjEM,IACO,EAAE,GAAGE,GAAM,aAAaT,EAAO,QAAQ,WAAWC,EAAO,OAAA,IAEhEK,IACO,EAAE,GAAGG,GAAM,aAAaT,EAAO,QAAQ,WAAWC,EAAO,OAAA,IAEhEO,IACO,EAAE,GAAGC,GAAM,aAAaT,EAAO,QAAQ,WAAWC,EAAO,OAAA,IAE7DQ;AACX;"}

package/dist/components/escapeLayers.js

@@ -0,0 +1,13 @@
+const e = [], s = (n) => {
+  if (n.key !== "Escape" || n.defaultPrevented)
+    return;
+  const t = e[e.length - 1];
+  t && t();
+}, o = (n) => (e.length === 0 && document.addEventListener("keydown", s), e.push(n), () => {
+  const t = e.lastIndexOf(n);
+  t !== -1 && e.splice(t, 1), e.length === 0 && document.removeEventListener("keydown", s);
+});
+export {
+  o as pushEscapeLayer
+};
+//# sourceMappingURL=escapeLayers.js.map

package/dist/components/escapeLayers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"escapeLayers.js","sources":["../../src/components/escapeLayers.ts"],"sourcesContent":["type EscapeHandler = () => void;\n\nconst layers: EscapeHandler[] = [];\n\nconst handleKeyDown = (event: KeyboardEvent): void => {\n    if (event.key !== 'Escape' || event.defaultPrevented) {\n        return;\n    }\n    const top = layers[layers.length - 1];\n    if (top) {\n        top();\n    }\n};\n\nexport const pushEscapeLayer = (handler: () => void): EscapeHandler => {\n    if (layers.length === 0) {\n        document.addEventListener('keydown', handleKeyDown);\n    }\n    layers.push(handler);\n    return () => {\n        const index = layers.lastIndexOf(handler);\n        if (index !== -1) {\n            layers.splice(index, 1);\n        }\n        if (layers.length === 0) {\n            document.removeEventListener('keydown', handleKeyDown);\n        }\n    };\n};\n"],"names":["layers","handleKeyDown","event","top","pushEscapeLayer","handler","index"],"mappings":"AAEA,MAAMA,IAA0B,CAAA,GAE1BC,IAAgB,CAACC,MAA+B;AAClD,MAAIA,EAAM,QAAQ,YAAYA,EAAM;AAChC;AAEJ,QAAMC,IAAMH,EAAOA,EAAO,SAAS,CAAC;AACpC,EAAIG,KACAA,EAAA;AAER,GAEaC,IAAkB,CAACC,OACxBL,EAAO,WAAW,KAClB,SAAS,iBAAiB,WAAWC,CAAa,GAEtDD,EAAO,KAAKK,CAAO,GACZ,MAAM;AACT,QAAMC,IAAQN,EAAO,YAAYK,CAAO;AACxC,EAAIC,MAAU,MACVN,EAAO,OAAOM,GAAO,CAAC,GAEtBN,EAAO,WAAW,KAClB,SAAS,oBAAoB,WAAWC,CAAa;AAE7D;"}

package/dist/components/flexTypes.js

@@ -0,0 +1,8 @@
+var e = /* @__PURE__ */ ((r) => (r.XSmall = "xsmall", r.Small = "small", r.Medium = "medium", r.Large = "large", r))(e || {}), a = /* @__PURE__ */ ((r) => (r.Left = "flex-start", r.Right = "flex-end", r.Center = "center", r.SpaceBetween = "space-between", r.SpaceAround = "space-around", r.SpaceEvenly = "space-evenly", r))(a || {}), t = /* @__PURE__ */ ((r) => (r.Top = "flex-start", r.Bottom = "flex-end", r.Center = "center", r.Normal = "normal", r.Stretch = "stretch", r))(t || {}), n = /* @__PURE__ */ ((r) => (r.Horizontal = "horizontal", r.Vertical = "vertical", r))(n || {});
+export {
+  t as FlexAlign,
+  n as FlexDirection,
+  e as FlexGapSize,
+  a as FlexJustify
+};
+//# sourceMappingURL=flexTypes.js.map

package/dist/components/flexTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flexTypes.js","sources":["../../src/components/flexTypes.ts"],"sourcesContent":["export enum FlexGapSize {\n    XSmall = 'xsmall',\n    Small = 'small',\n    Medium = 'medium',\n    Large = 'large',\n}\n\nexport enum FlexJustify {\n    Left = 'flex-start',\n    Right = 'flex-end',\n    Center = 'center',\n    SpaceBetween = 'space-between',\n    SpaceAround = 'space-around',\n    SpaceEvenly = 'space-evenly',\n}\n\nexport enum FlexAlign {\n    Top = 'flex-start',\n    Bottom = 'flex-end',\n    Center = 'center',\n    Normal = 'normal',\n    Stretch = 'stretch',\n}\n\nexport enum FlexDirection {\n    Horizontal = 'horizontal',\n    Vertical = 'vertical',\n}\n"],"names":["FlexGapSize","FlexJustify","FlexAlign","FlexDirection"],"mappings":"AAAO,IAAKA,sBAAAA,OACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAJAA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACRA,EAAA,OAAO,cACPA,EAAA,QAAQ,YACRA,EAAA,SAAS,UACTA,EAAA,eAAe,iBACfA,EAAA,cAAc,gBACdA,EAAA,cAAc,gBANNA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACRA,EAAA,MAAM,cACNA,EAAA,SAAS,YACTA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,UAAU,WALFA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACRA,EAAA,aAAa,cACbA,EAAA,WAAW,YAFHA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/focusRing.js

@@ -0,0 +1,9 @@
+const i = "outline-none focus-visible:outline-offset-2 focus-visible:[outline:2px_solid_var(--malachite-text-primary)]", o = "outline-none focus-visible:[outline:2px_solid_var(--malachite-text-primary)] focus-visible:[outline-offset:-2px]", e = "outline-none has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:[outline:2px_solid_var(--malachite-text-primary)]", s = "outline-none focus-visible:outline-offset-2 focus-visible:[outline:2px_solid_var(--malachite-selection-bar-foreground)]", t = "outline-none focus-visible:[outline:2px_solid_var(--malachite-inline-confirm-foreground)] focus-visible:[outline-offset:-2px]";
+export {
+  i as FOCUS_RING,
+  t as FOCUS_RING_INLINE_CONFIRM_INSET,
+  o as FOCUS_RING_INSET,
+  s as FOCUS_RING_SELECTION_BAR,
+  e as FOCUS_RING_WITHIN
+};
+//# sourceMappingURL=focusRing.js.map

package/dist/components/focusRing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusRing.js","sources":["../../src/components/focusRing.ts"],"sourcesContent":["// Shared keyboard focus indicator for interactive components.\n\n/** Standard focus ring — sits 2px outside the control. */\nexport const FOCUS_RING =\n    'outline-none focus-visible:outline-offset-2 focus-visible:[outline:2px_solid_var(--malachite-text-primary)]';\n\n/**\n * Inset focus ring — drawn 2px inside the element edge. Use for full-bleed elements\n * inside an `overflow-hidden` container (e.g. Surface.Row) where an outset outline\n * would be clipped.\n */\nexport const FOCUS_RING_INSET =\n    'outline-none focus-visible:[outline:2px_solid_var(--malachite-text-primary)] focus-visible:[outline-offset:-2px]';\n\n/** Ring drawn on a wrapper when a control *inside* it takes focus. */\nexport const FOCUS_RING_WITHIN =\n    'outline-none has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:[outline:2px_solid_var(--malachite-text-primary)]';\n\n/** Ring for a control on the SelectionBar, where `FOCUS_RING` would be invisible. */\nexport const FOCUS_RING_SELECTION_BAR =\n    'outline-none focus-visible:outline-offset-2 focus-visible:[outline:2px_solid_var(--malachite-selection-bar-foreground)]';\n\n/** Inset ring for a control on the InlineConfirm chip. */\nexport const FOCUS_RING_INLINE_CONFIRM_INSET =\n    'outline-none focus-visible:[outline:2px_solid_var(--malachite-inline-confirm-foreground)] focus-visible:[outline-offset:-2px]';\n"],"names":["FOCUS_RING","FOCUS_RING_INSET","FOCUS_RING_WITHIN","FOCUS_RING_SELECTION_BAR","FOCUS_RING_INLINE_CONFIRM_INSET"],"mappings":"AAGO,MAAMA,IACT,+GAOSC,IACT,oHAGSC,IACT,6HAGSC,IACT,2HAGSC,IACT;"}

package/dist/components/formItemState.js

@@ -0,0 +1,12 @@
+const r = (o) => o === "" || o === null || o === void 0 ? o : "", s = {
+  error: !1,
+  message: void 0,
+  emptyValue: "",
+  value: void 0
+}, t = (o, e) => typeof o == "function" ? o(e) : o;
+export {
+  s as NO_FIELD_ERROR,
+  r as emptyValueOf,
+  t as renderFormItemChildren
+};
+//# sourceMappingURL=formItemState.js.map

package/dist/components/formItemState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formItemState.js","sources":["../../src/components/formItemState.ts"],"sourcesContent":["import type React from 'react';\n\nexport interface FieldErrorState {\n    error: boolean;\n    message?: string;\n    /**\n     * Reports an edit to the resolver only — the control keeps painting whatever value the\n     * consumer gives it — so a rejection clears as the field is fixed, not at the next submit.\n     */\n    onFieldChange?: (value: unknown) => void;\n    onFieldBlur?: () => void;\n    /** What this form means by \"nothing chosen\" — see `emptyValueOf`. */\n    emptyValue: unknown;\n    /** The value the form holds for the field, which is what a bound control must paint. */\n    value: unknown;\n}\n\n/**\n * The shape a cleared field should report. A form seeds an empty field with `''`, `null` or\n * nothing at all, and expects that same shape back: handed a different one it never sees the\n * field return to its default and stays dirty for good. A field seeded with a value states no\n * empty shape of its own, so `''` is reported rather than a guess.\n */\nexport const emptyValueOf = (initialValue: unknown): unknown =>\n    initialValue === '' || initialValue === null || initialValue === undefined\n        ? initialValue\n        : '';\n\nexport type FormItemChildren = React.ReactNode | ((state: FieldErrorState) => React.ReactNode);\n\nexport const NO_FIELD_ERROR: FieldErrorState = {\n    error: false,\n    message: undefined,\n    emptyValue: '',\n    value: undefined,\n};\n\nexport const renderFormItemChildren = (\n    children: FormItemChildren,\n    state: FieldErrorState,\n): React.ReactNode => (typeof children === 'function' ? children(state) : children);\n"],"names":["emptyValueOf","initialValue","NO_FIELD_ERROR","renderFormItemChildren","children","state"],"mappings":"AAuBO,MAAMA,IAAe,CAACC,MACzBA,MAAiB,MAAMA,MAAiB,QAAQA,MAAiB,SAC3DA,IACA,IAIGC,IAAkC;AAAA,EAC3C,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AACX,GAEaC,IAAyB,CAClCC,GACAC,MACmB,OAAOD,KAAa,aAAaA,EAASC,CAAK,IAAID;"}

package/dist/components/glassSurface.js

@@ -0,0 +1,10 @@
+const r = {
+  backgroundColor: "var(--malachite-card-sunken-background)",
+  background: "color-mix(in srgb, var(--malachite-card-sunken-background) 38%, transparent)",
+  backdropFilter: "blur(24px) saturate(180%)",
+  WebkitBackdropFilter: "blur(24px) saturate(180%)"
+};
+export {
+  r as GLASS_SURFACE_STYLE
+};
+//# sourceMappingURL=glassSurface.js.map

package/dist/components/glassSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glassSurface.js","sources":["../../src/components/glassSurface.ts"],"sourcesContent":["import type React from 'react';\n\n/**\n * Shared frosted-glass treatment for pinned surfaces that scrolling content shows\n * through — used by Card's `glassFooter` and WizardLayout's `footerGlass` so the\n * two read identically in both themes.\n *\n * Solid fallback first; the translucent color-mix `background` below overrides it\n * where supported, so the surface never ends up fully transparent (unreadable) if\n * color-mix isn't.\n */\nexport const GLASS_SURFACE_STYLE: React.CSSProperties = {\n    backgroundColor: 'var(--malachite-card-sunken-background)',\n    background: 'color-mix(in srgb, var(--malachite-card-sunken-background) 38%, transparent)',\n    backdropFilter: 'blur(24px) saturate(180%)',\n    WebkitBackdropFilter: 'blur(24px) saturate(180%)',\n};\n"],"names":["GLASS_SURFACE_STYLE"],"mappings":"AAWO,MAAMA,IAA2C;AAAA,EACpD,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,sBAAsB;AAC1B;"}

package/dist/components/injectStyleSheet.js

@@ -0,0 +1,33 @@
+const r = Symbol.for("malachite.styleSheets"), d = (e) => {
+  const c = globalThis, o = c[r] ?? /* @__PURE__ */ new WeakMap();
+  c[r] = o;
+  let t = o.get(e);
+  return t || (t = /* @__PURE__ */ new Map(), o.set(e, t)), t;
+}, i = /* @__PURE__ */ new Set(), h = (e) => {
+  i.has(e) || (i.add(e), console.warn(
+    `[malachite] Stylesheet "${e}" did not apply. A host Content-Security-Policy is blocking <style> elements, and this browser is too old for the adoptedStyleSheets fallback (needs Firefox 101+ / Safari 16.4+). Overlay stacking and option highlights will not paint.`
+  ));
+}, S = (e, c) => {
+  if (typeof document > "u")
+    return null;
+  const o = c.join(`
+`), t = document.adoptedStyleSheets;
+  if (t && typeof CSSStyleSheet < "u")
+    try {
+      const a = d(document);
+      let n = a.get(e);
+      return n || (n = new CSSStyleSheet(), n.replaceSync(o), a.set(e, n)), t.includes(n) || (document.adoptedStyleSheets = [...t, n]), n;
+    } catch {
+    }
+  const l = document.getElementById(e);
+  if (l)
+    return l.sheet;
+  if (!document.head)
+    return null;
+  const s = document.createElement("style");
+  return s.id = e, s.textContent = o, document.head.appendChild(s), s.sheet || h(e), s.sheet;
+};
+export {
+  S as injectStyleSheet
+};
+//# sourceMappingURL=injectStyleSheet.js.map

package/dist/components/injectStyleSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectStyleSheet.js","sources":["../../src/components/injectStyleSheet.ts"],"sourcesContent":["// Symbol.for so two malachite copies in one realm share one sheet per id, as the `<style>`\n// path got for free from getElementById.\nconst REGISTRY = Symbol.for('malachite.styleSheets');\n\ntype Registry = WeakMap<Document, Map<string, CSSStyleSheet>>;\n\n// Per document: a constructed sheet cannot be adopted into a different one.\nconst cacheFor = (doc: Document): Map<string, CSSStyleSheet> => {\n    const global = globalThis as unknown as Record<symbol, Registry | undefined>;\n    const registry = global[REGISTRY] ?? new WeakMap();\n    global[REGISTRY] = registry;\n    let cache = registry.get(doc);\n    if (!cache) {\n        cache = new Map();\n        registry.set(doc, cache);\n    }\n    return cache;\n};\n\nconst warned = new Set<string>();\n\nconst warnBlocked = (id: string): void => {\n    if (warned.has(id)) {\n        return;\n    }\n    warned.add(id);\n    console.warn(\n        `[malachite] Stylesheet \"${id}\" did not apply. A host Content-Security-Policy is ` +\n            'blocking <style> elements, and this browser is too old for the adoptedStyleSheets ' +\n            'fallback (needs Firefox 101+ / Safari 16.4+). Overlay stacking and option ' +\n            'highlights will not paint.',\n    );\n};\n\n/**\n * Installs `rules` once per `id` and returns the sheet. Adopts a constructed stylesheet where\n * possible, because a host CSP without `style-src 'unsafe-inline'` blocks a `<style>` outright.\n * `rules` is an array because these cascades depend on source order. `@import` is unsupported.\n */\nexport const injectStyleSheet = (id: string, rules: readonly string[]): CSSStyleSheet | null => {\n    if (typeof document === 'undefined') {\n        return null;\n    }\n    const css = rules.join('\\n');\n\n    // Probed, not try/caught: jsdom lets the assignment succeed and then ignores the sheet.\n    const adopted = document.adoptedStyleSheets as CSSStyleSheet[] | undefined;\n    if (adopted && typeof CSSStyleSheet !== 'undefined') {\n        try {\n            const cache = cacheFor(document);\n            let sheet = cache.get(id);\n            if (!sheet) {\n                sheet = new CSSStyleSheet();\n                sheet.replaceSync(css);\n                cache.set(id, sheet);\n            }\n            // Re-checked, never latched: a host reassigning the array silently drops ours.\n            if (!adopted.includes(sheet)) {\n                document.adoptedStyleSheets = [...adopted, sheet];\n            }\n            return sheet;\n        } catch {\n            // Cross-document sheet or a failed construction — fall through to the element.\n        }\n    }\n\n    const existing = document.getElementById(id) as HTMLStyleElement | null;\n    if (existing) {\n        return existing.sheet;\n    }\n    if (!document.head) {\n        return null;\n    }\n    const style = document.createElement('style');\n    style.id = id;\n    style.textContent = css;\n    document.head.appendChild(style);\n    if (!style.sheet) {\n        warnBlocked(id);\n    }\n    return style.sheet;\n};\n"],"names":["REGISTRY","cacheFor","doc","global","registry","cache","warned","warnBlocked","id","injectStyleSheet","rules","css","adopted","sheet","existing","style"],"mappings":"AAEA,MAAMA,IAAW,OAAO,IAAI,uBAAuB,GAK7CC,IAAW,CAACC,MAA8C;AAC5D,QAAMC,IAAS,YACTC,IAAWD,EAAOH,CAAQ,yBAAS,QAAA;AACzC,EAAAG,EAAOH,CAAQ,IAAII;AACnB,MAAIC,IAAQD,EAAS,IAAIF,CAAG;AAC5B,SAAKG,MACDA,wBAAY,IAAA,GACZD,EAAS,IAAIF,GAAKG,CAAK,IAEpBA;AACX,GAEMC,wBAAa,IAAA,GAEbC,IAAc,CAACC,MAAqB;AACtC,EAAIF,EAAO,IAAIE,CAAE,MAGjBF,EAAO,IAAIE,CAAE,GACb,QAAQ;AAAA,IACJ,2BAA2BA,CAAE;AAAA,EAAA;AAKrC,GAOaC,IAAmB,CAACD,GAAYE,MAAmD;AAC5F,MAAI,OAAO,WAAa;AACpB,WAAO;AAEX,QAAMC,IAAMD,EAAM,KAAK;AAAA,CAAI,GAGrBE,IAAU,SAAS;AACzB,MAAIA,KAAW,OAAO,gBAAkB;AACpC,QAAI;AACA,YAAMP,IAAQJ,EAAS,QAAQ;AAC/B,UAAIY,IAAQR,EAAM,IAAIG,CAAE;AACxB,aAAKK,MACDA,IAAQ,IAAI,cAAA,GACZA,EAAM,YAAYF,CAAG,GACrBN,EAAM,IAAIG,GAAIK,CAAK,IAGlBD,EAAQ,SAASC,CAAK,MACvB,SAAS,qBAAqB,CAAC,GAAGD,GAASC,CAAK,IAE7CA;AAAA,IACX,QAAQ;AAAA,IAER;AAGJ,QAAMC,IAAW,SAAS,eAAeN,CAAE;AAC3C,MAAIM;AACA,WAAOA,EAAS;AAEpB,MAAI,CAAC,SAAS;AACV,WAAO;AAEX,QAAMC,IAAQ,SAAS,cAAc,OAAO;AAC5C,SAAAA,EAAM,KAAKP,GACXO,EAAM,cAAcJ,GACpB,SAAS,KAAK,YAAYI,CAAK,GAC1BA,EAAM,SACPR,EAAYC,CAAE,GAEXO,EAAM;AACjB;"}

package/dist/components/inlineConfirmPosition.js

@@ -0,0 +1,27 @@
+const a = 8, l = 8, m = (t, P, D) => t.width === 0 && t.height === 0 || t.bottom < 0 || t.top > D || t.right < 0 || t.left > P, A = (t, P, D) => Math.max(P, Math.min(t, D)), h = ({
+  anchorRect: t,
+  chipWidth: P,
+  chipHeight: D,
+  viewportWidth: I,
+  viewportHeight: o
+}) => ({
+  top: A(
+    t.top + t.height / 2,
+    8,
+    o - D - 8
+  ),
+  left: A(
+    t.left - 8 - P,
+    8,
+    I - P - 8
+  ),
+  maxWidth: Math.max(0, I - 16)
+}), n = (t, P, D, I, o) => `${t.top}:${t.left}:${t.height}:${P}:${D}:${I}:${o}`;
+export {
+  a as ANCHOR_GAP,
+  l as VIEWPORT_PADDING,
+  h as computeChipPlacement,
+  m as isUnplaceable,
+  n as placementKey
+};
+//# sourceMappingURL=inlineConfirmPosition.js.map

package/dist/components/inlineConfirmPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inlineConfirmPosition.js","sources":["../../src/components/inlineConfirmPosition.ts"],"sourcesContent":["/** Clear of the anchor, per the design. */\nexport const ANCHOR_GAP = 8;\n\n/** Matches `Dropdown`'s panel padding, so a clamped chip stops where its panels do. */\nexport const VIEWPORT_PADDING = 8;\n\nexport interface ChipPlacement {\n    top: number;\n    left: number;\n    /** The chip is capped rather than allowed to run off the edge; its message truncates. */\n    maxWidth: number;\n}\n\nexport type AnchorRect = Pick<DOMRect, 'top' | 'left' | 'right' | 'bottom' | 'width' | 'height'>;\n\nexport interface PlacementInput {\n    anchorRect: AnchorRect;\n    chipWidth: number;\n    chipHeight: number;\n    viewportWidth: number;\n    viewportHeight: number;\n}\n\n/**\n * True when the anchor cannot be pointed at: detached, hidden, or scrolled out of view. A\n * zero-size rect covers a detached node and a `display: none` subtree alike, either of which\n * would strand the chip off-viewport — invisible, focused, and one Enter from confirming.\n */\nexport const isUnplaceable = (\n    rect: AnchorRect,\n    viewportWidth: number,\n    viewportHeight: number,\n): boolean =>\n    (rect.width === 0 && rect.height === 0) ||\n    rect.bottom < 0 ||\n    rect.top > viewportHeight ||\n    rect.right < 0 ||\n    rect.left > viewportWidth;\n\nconst clamp = (value: number, min: number, max: number): number =>\n    Math.max(min, Math.min(value, max));\n\n/**\n * The chip sits to the anchor's left, its top edge on the anchor's midline rather than\n * centred on it — both measured off the frame. Both axes are then clamped into the viewport:\n * `isUnplaceable` deliberately keeps a part-visible anchor, so without this the chip could\n * hang off an edge with its focused confirm button out of reach.\n */\nexport const computeChipPlacement = ({\n    anchorRect,\n    chipWidth,\n    chipHeight,\n    viewportWidth,\n    viewportHeight,\n}: PlacementInput): ChipPlacement => ({\n    top: clamp(\n        anchorRect.top + anchorRect.height / 2,\n        VIEWPORT_PADDING,\n        viewportHeight - chipHeight - VIEWPORT_PADDING,\n    ),\n    left: clamp(\n        anchorRect.left - ANCHOR_GAP - chipWidth,\n        VIEWPORT_PADDING,\n        viewportWidth - chipWidth - VIEWPORT_PADDING,\n    ),\n    maxWidth: Math.max(0, viewportWidth - VIEWPORT_PADDING * 2),\n});\n\n/** Every input `computeChipPlacement` reads, so an unchanged key means an unmoved chip. */\nexport const placementKey = (\n    rect: AnchorRect,\n    chipWidth: number,\n    chipHeight: number,\n    viewportWidth: number,\n    viewportHeight: number,\n): string =>\n    `${rect.top}:${rect.left}:${rect.height}:${chipWidth}:${chipHeight}:${viewportWidth}:${viewportHeight}`;\n"],"names":["ANCHOR_GAP","VIEWPORT_PADDING","isUnplaceable","rect","viewportWidth","viewportHeight","clamp","value","min","max","computeChipPlacement","anchorRect","chipWidth","chipHeight","placementKey"],"mappings":"AACO,MAAMA,IAAa,GAGbC,IAAmB,GAwBnBC,IAAgB,CACzBC,GACAC,GACAC,MAECF,EAAK,UAAU,KAAKA,EAAK,WAAW,KACrCA,EAAK,SAAS,KACdA,EAAK,MAAME,KACXF,EAAK,QAAQ,KACbA,EAAK,OAAOC,GAEVE,IAAQ,CAACC,GAAeC,GAAaC,MACvC,KAAK,IAAID,GAAK,KAAK,IAAID,GAAOE,CAAG,CAAC,GAQzBC,IAAuB,CAAC;AAAA,EACjC,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAT;AAAA,EACA,gBAAAC;AACJ,OAAsC;AAAA,EAClC,KAAKC;AAAA,IACDK,EAAW,MAAMA,EAAW,SAAS;AAAA,IACrC;AAAA,IACAN,IAAiBQ,IAAa;AAAA,EAAA;AAAA,EAElC,MAAMP;AAAA,IACFK,EAAW,OAAO,IAAaC;AAAA,IAC/B;AAAA,IACAR,IAAgBQ,IAAY;AAAA,EAAA;AAAA,EAEhC,UAAU,KAAK,IAAI,GAAGR,IAAgB,EAAoB;AAC9D,IAGaU,IAAe,CACxBX,GACAS,GACAC,GACAT,GACAC,MAEA,GAAGF,EAAK,GAAG,IAAIA,EAAK,IAAI,IAAIA,EAAK,MAAM,IAAIS,CAAS,IAAIC,CAAU,IAAIT,CAAa,IAAIC,CAAc;"}

package/dist/components/keyboardActivation.js

@@ -0,0 +1,14 @@
+const o = (t, r, e = "enter-or-space") => {
+  (t.key === "Enter" || e === "enter-or-space" && t.key === " ") && t.target === t.currentTarget && (t.preventDefault(), t.stopPropagation(), r());
+}, a = 'button, a[href], input, select, textarea, [role="button"], [role="link"]', c = (t) => {
+  const r = t.target;
+  if (!(r != null && r.closest))
+    return !1;
+  const e = r.closest(a);
+  return !!e && e !== t.currentTarget;
+};
+export {
+  o as activateOnEnterOrSpace,
+  c as isFromInteractiveDescendant
+};
+//# sourceMappingURL=keyboardActivation.js.map

package/dist/components/keyboardActivation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardActivation.js","sources":["../../src/components/keyboardActivation.ts"],"sourcesContent":["import type React from 'react';\n\n// Enter/Space activation for targets that cannot be a native <button>. Prefer a real\n// <button> or <a href>; use this only where the tag is fixed by layout or table\n// semantics, paired with tabIndex={0} and a focus ring from focusRing.ts.\n// `keys: 'enter'` drops Space for targets that read as content rather than as a button\n// — swallowing Space on a table row would take page scrolling away while it holds focus.\nexport const activateOnEnterOrSpace = (\n    event: React.KeyboardEvent,\n    activate: () => void,\n    keys: 'enter-or-space' | 'enter' = 'enter-or-space',\n): void => {\n    const activates = event.key === 'Enter' || (keys === 'enter-or-space' && event.key === ' ');\n    if (!activates) {\n        return;\n    }\n    // Keydown bubbles: without this a nested control activates its ancestor row too.\n    if (event.target !== event.currentTarget) {\n        return;\n    }\n    // Space scrolls the nearest container; Enter submits a wrapping form.\n    event.preventDefault();\n    event.stopPropagation();\n    activate();\n};\n\n// Named controls only. A bare `[tabindex]` arm would also catch focusable-but-not-\n// actionable content (a scroll container, a copyable block) and silently eat row clicks.\nconst INTERACTIVE_SELECTOR =\n    'button, a[href], input, select, textarea, [role=\"button\"], [role=\"link\"]';\n\n// Enter on a nested <button> fires a click that bubbles, so a clickable row activates\n// alongside it. Looser than the keydown guard above: a click on plain cell content must\n// still activate the row, so only bail on a real control.\nexport const isFromInteractiveDescendant = (event: React.MouseEvent): boolean => {\n    const target = event.target as HTMLElement | null;\n    if (!target?.closest) {\n        return false;\n    }\n    const control = target.closest(INTERACTIVE_SELECTOR);\n    return !!control && control !== event.currentTarget;\n};\n"],"names":["activateOnEnterOrSpace","event","activate","keys","INTERACTIVE_SELECTOR","isFromInteractiveDescendant","target","control"],"mappings":"AAOO,MAAMA,IAAyB,CAClCC,GACAC,GACAC,IAAmC,qBAC5B;AAEP,GADkBF,EAAM,QAAQ,WAAYE,MAAS,oBAAoBF,EAAM,QAAQ,QAKnFA,EAAM,WAAWA,EAAM,kBAI3BA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNC,EAAA;AACJ,GAIME,IACF,4EAKSC,IAA8B,CAACJ,MAAqC;AAC7E,QAAMK,IAASL,EAAM;AACrB,MAAI,EAACK,KAAA,QAAAA,EAAQ;AACT,WAAO;AAEX,QAAMC,IAAUD,EAAO,QAAQF,CAAoB;AACnD,SAAO,CAAC,CAACG,KAAWA,MAAYN,EAAM;AAC1C;"}

package/dist/components/modalTray.js

@@ -0,0 +1,16 @@
+const a = {
+  neutral: "var(--malachite-text-secondary)",
+  warning: "var(--malachite-tag-warning-foreground)",
+  error: "var(--malachite-tag-error-foreground)",
+  success: "var(--malachite-tag-success-foreground)"
+}, r = {
+  neutral: "var(--malachite-card-tray-neutral, var(--malachite-card-dimmed-background))",
+  warning: "var(--malachite-card-tray-warning, var(--malachite-table-row-variant-warning-background))",
+  error: "var(--malachite-card-tray-error, var(--malachite-table-row-variant-error-background))",
+  success: "var(--malachite-card-tray-success, var(--malachite-table-row-variant-success-background))"
+};
+export {
+  r as MODAL_TRAY_BACKGROUND,
+  a as MODAL_TRAY_CAPTION_COLOR
+};
+//# sourceMappingURL=modalTray.js.map

package/dist/components/modalTray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalTray.js","sources":["../../src/components/modalTray.ts"],"sourcesContent":["export type ModalTrayTone = 'neutral' | 'warning' | 'error' | 'success';\n\nexport const MODAL_TRAY_CAPTION_COLOR: Record<ModalTrayTone, string> = {\n    neutral: 'var(--malachite-text-secondary)',\n    warning: 'var(--malachite-tag-warning-foreground)',\n    error: 'var(--malachite-tag-error-foreground)',\n    success: 'var(--malachite-tag-success-foreground)',\n};\n\nexport const MODAL_TRAY_BACKGROUND: Record<ModalTrayTone, string> = {\n    neutral: 'var(--malachite-card-tray-neutral, var(--malachite-card-dimmed-background))',\n    warning:\n        'var(--malachite-card-tray-warning, var(--malachite-table-row-variant-warning-background))',\n    error: 'var(--malachite-card-tray-error, var(--malachite-table-row-variant-error-background))',\n    success:\n        'var(--malachite-card-tray-success, var(--malachite-table-row-variant-success-background))',\n};\n"],"names":["MODAL_TRAY_CAPTION_COLOR","MODAL_TRAY_BACKGROUND"],"mappings":"AAEO,MAAMA,IAA0D;AAAA,EACnE,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACb,GAEaC,IAAuD;AAAA,EAChE,SAAS;AAAA,EACT,SACI;AAAA,EACJ,OAAO;AAAA,EACP,SACI;AACR;"}

package/dist/components/optionRowStyles.js

@@ -0,0 +1,27 @@
+import { injectStyleSheet as r } from "./injectStyleSheet.js";
+import { ensureOverlayStyles as c } from "./portalOverlay.js";
+const e = {
+  resting: "transparent",
+  hover: "var(--malachite-card-dimmed-background, rgb(247, 247, 247))",
+  selected: "var(--malachite-accent-background-glass, rgba(0, 175, 102, 0.08))"
+}, o = `
+  outline: 2px solid var(--malachite-text-primary, rgb(10, 10, 10));
+  outline-offset: -2px;
+`, t = ".malachite-dropdown-option", n = [
+  `${t} { background: ${e.resting}; }`,
+  `${t}[data-selected='true'] { background: ${e.selected}; }`,
+  `${t}:hover { background: ${e.hover}; }`,
+  `${t}[data-selected='true']:hover { background: ${e.selected}; }`,
+  `${t}:focus-visible {${o}}`
+], i = () => (c(), r("malachite-dropdown-panel-styles", n)), a = ".malachite-multiselect-option", d = [
+  `${a} { background: ${e.resting}; }`,
+  `${a}[data-checked='true'] { background: ${e.selected}; }`,
+  `${a}[data-highlighted='true'] { background: ${e.hover}; }`,
+  `${a}[data-disabled='true'] { background: ${e.resting}; }`,
+  `${a}[data-disabled='true'][data-checked='true'] { background: ${e.selected}; }`
+], u = () => (c(), r("malachite-multiselect-panel-styles", d));
+export {
+  i as ensureDropdownPanelStyles,
+  u as ensureMultiSelectPanelStyles
+};
+//# sourceMappingURL=optionRowStyles.js.map

package/dist/components/optionRowStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optionRowStyles.js","sources":["../../src/components/optionRowStyles.ts"],"sourcesContent":["// Never inline on the row: an inline background outranks a `:hover` rule, killing the hover.\n// Lives outside the components so Fast Refresh keeps their state, and so specs can read the\n// installed sheet without knowing which sink it went into.\n\nimport { injectStyleSheet } from './injectStyleSheet';\nimport { ensureOverlayStyles } from './portalOverlay';\n\nconst BACKGROUND = {\n    resting: 'transparent',\n    hover: 'var(--malachite-card-dimmed-background, rgb(247, 247, 247))',\n    selected: 'var(--malachite-accent-background-glass, rgba(0, 175, 102, 0.08))',\n} as const;\n\nconst FOCUS_RING = `\n  outline: 2px solid var(--malachite-text-primary, rgb(10, 10, 10));\n  outline-offset: -2px;\n`;\n\n// [data-selected] and :hover tie, so source order decides.\nconst DROPDOWN = '.malachite-dropdown-option';\n\nconst DROPDOWN_RULES = [\n    `${DROPDOWN} { background: ${BACKGROUND.resting}; }`,\n    `${DROPDOWN}[data-selected='true'] { background: ${BACKGROUND.selected}; }`,\n    `${DROPDOWN}:hover { background: ${BACKGROUND.hover}; }`,\n    `${DROPDOWN}[data-selected='true']:hover { background: ${BACKGROUND.selected}; }`,\n    `${DROPDOWN}:focus-visible {${FOCUS_RING}}`,\n];\n\nexport const ensureDropdownPanelStyles = (): CSSStyleSheet | null => {\n    ensureOverlayStyles();\n    return injectStyleSheet('malachite-dropdown-panel-styles', DROPDOWN_RULES);\n};\n\n// The background rules all tie, so source order decides: highlight beats checked,\n// disabled beats both, disabled+checked wins outright.\nconst MULTISELECT = '.malachite-multiselect-option';\n\nconst MULTISELECT_RULES = [\n    `${MULTISELECT} { background: ${BACKGROUND.resting}; }`,\n    `${MULTISELECT}[data-checked='true'] { background: ${BACKGROUND.selected}; }`,\n    `${MULTISELECT}[data-highlighted='true'] { background: ${BACKGROUND.hover}; }`,\n    `${MULTISELECT}[data-disabled='true'] { background: ${BACKGROUND.resting}; }`,\n    `${MULTISELECT}[data-disabled='true'][data-checked='true'] { background: ${BACKGROUND.selected}; }`,\n];\n\nexport const ensureMultiSelectPanelStyles = (): CSSStyleSheet | null => {\n    ensureOverlayStyles();\n    return injectStyleSheet('malachite-multiselect-panel-styles', MULTISELECT_RULES);\n};\n"],"names":["BACKGROUND","FOCUS_RING","DROPDOWN","DROPDOWN_RULES","ensureDropdownPanelStyles","ensureOverlayStyles","injectStyleSheet","MULTISELECT","MULTISELECT_RULES","ensureMultiSelectPanelStyles"],"mappings":";;AAOA,MAAMA,IAAa;AAAA,EACf,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACd,GAEMC,IAAa;AAAA;AAAA;AAAA,GAMbC,IAAW,8BAEXC,IAAiB;AAAA,EACnB,GAAGD,CAAQ,kBAAkBF,EAAW,OAAO;AAAA,EAC/C,GAAGE,CAAQ,wCAAwCF,EAAW,QAAQ;AAAA,EACtE,GAAGE,CAAQ,wBAAwBF,EAAW,KAAK;AAAA,EACnD,GAAGE,CAAQ,8CAA8CF,EAAW,QAAQ;AAAA,EAC5E,GAAGE,CAAQ,mBAAmBD,CAAU;AAC5C,GAEaG,IAA4B,OACrCC,EAAA,GACOC,EAAiB,mCAAmCH,CAAc,IAKvEI,IAAc,iCAEdC,IAAoB;AAAA,EACtB,GAAGD,CAAW,kBAAkBP,EAAW,OAAO;AAAA,EAClD,GAAGO,CAAW,uCAAuCP,EAAW,QAAQ;AAAA,EACxE,GAAGO,CAAW,2CAA2CP,EAAW,KAAK;AAAA,EACzE,GAAGO,CAAW,wCAAwCP,EAAW,OAAO;AAAA,EACxE,GAAGO,CAAW,6DAA6DP,EAAW,QAAQ;AAClG,GAEaS,IAA+B,OACxCJ,EAAA,GACOC,EAAiB,sCAAsCE,CAAiB;"}

package/dist/components/overlayBehaviour.js

@@ -0,0 +1,118 @@
+import { useSyncExternalStore as y, useRef as i, useEffect as S, useLayoutEffect as L, useCallback as O } from "react";
+import { getDeepActiveElement as g } from "./activeElement.js";
+import { pushEscapeLayer as D } from "./escapeLayers.js";
+import { FOCUS_RING as F } from "./focusRing.js";
+import { OVERLAY_Z_BASE as T, ensureElevatedOverlayStyles as N } from "./portalOverlay.js";
+import { lockBodyScroll as R } from "./scrollLock.js";
+import { leaveTopLayer as w, raiseToTopLayer as z } from "./topLayer.js";
+const J = `flex shrink-0 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent p-[4px] text-[var(--malachite-text-secondary)] hover:text-[var(--malachite-text-primary)] transition-colors ${F}`, U = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', c = [], f = /* @__PURE__ */ new Set(), x = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Set(), K = () => {
+};
+let p = [];
+const M = () => {
+  const e = f.size ? c.map((t) => {
+    var s;
+    return (s = x.get(t)) == null ? void 0 : s();
+  }).filter((t) => !!t) : [];
+  if (e.length === p.length && e.every((t, s) => t === p[s]))
+    return;
+  const r = new Set(e);
+  for (const t of p)
+    r.has(t) || w(t);
+  for (const t of e)
+    z(t);
+  p = e;
+}, m = () => {
+  for (const e of b)
+    e();
+}, A = (e) => (b.add(e), () => {
+  b.delete(e);
+}), k = (e) => {
+  if (e.key !== "Tab" || e.defaultPrevented)
+    return;
+  let r = null;
+  for (let a = c.length - 1; a >= 0 && !r; a -= 1)
+    r = c[a]();
+  if (!r)
+    return;
+  const t = Array.from(r.querySelectorAll(U));
+  if (t.length === 0) {
+    e.preventDefault(), r.focus();
+    return;
+  }
+  const s = t[0], l = t[t.length - 1], o = g(), u = o !== null && r.contains(o);
+  e.shiftKey ? (!u || o === s || o === r) && (e.preventDefault(), l.focus()) : (!u || o === l) && (e.preventDefault(), s.focus());
+}, V = (e, r) => (c.length === 0 && document.addEventListener("keydown", k), c.push(e), x.set(e, r), m(), () => {
+  const t = c.lastIndexOf(e);
+  t !== -1 && c.splice(t, 1), f.delete(e), x.delete(e);
+  const s = r();
+  s && w(s), c.length === 0 && document.removeEventListener("keydown", k), m();
+}), Q = () => y(
+  A,
+  () => c.length > 0,
+  () => !1
+), X = ({
+  open: e,
+  onClose: r,
+  elevated: t = !1,
+  hostRef: s
+}) => {
+  const l = i(null), o = i(() => l.current).current, u = i(null), a = i(null), v = i(r);
+  S(() => {
+    v.current = r;
+  }, [r]), S(() => {
+    if (e)
+      return u.current = g(), () => {
+        const n = u.current;
+        u.current = null, n != null && n.isConnected && n.focus();
+      };
+  }, [e]), S(() => {
+    var E;
+    if (!e)
+      return;
+    a.current = o;
+    const n = D(() => v.current()), _ = R(), B = V(o, () => (s == null ? void 0 : s.current) ?? null);
+    return (E = l.current) == null || E.focus(), () => {
+      a.current = null, B(), n(), _();
+    };
+  }, [e, s, o]), L(() => {
+    if (!(!e || !t))
+      return f.add(o), m(), () => {
+        f.delete(o), m();
+      };
+  }, [e, t, o]);
+  const h = O(
+    (n) => e ? A(n) : K,
+    [e]
+  ), C = y(
+    h,
+    // Gated on `open` so an overlay fading out stops claiming modal. Before it registers
+    // it is the one about to go on top, or aria-modal would drop for a frame on open.
+    () => e && (a.current === null || c[c.length - 1] === a.current),
+    () => !0
+  ), d = y(
+    h,
+    () => e && (t || f.size > 0),
+    () => !1
+  ), I = y(
+    h,
+    () => {
+      const n = a.current;
+      return T + (e && n ? Math.max(0, c.indexOf(n)) : 0);
+    },
+    () => T
+  );
+  return L(() => {
+    d && N();
+  }, [d]), L(() => {
+    M();
+  }), { ref: O((n) => {
+    l.current = n, n == null || n.focus();
+  }, []), isTopmost: C, zIndex: d ? void 0 : I, elevated: d };
+};
+export {
+  U as FOCUSABLE_SELECTOR,
+  J as OVERLAY_ICON_BUTTON_CLASSES,
+  Q as useHasOpenOverlay,
+  X as useOverlayBehaviour
+};
+//# sourceMappingURL=overlayBehaviour.js.map

package/dist/components/overlayBehaviour.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayBehaviour.js","sources":["../../src/components/overlayBehaviour.ts"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef, useSyncExternalStore } from 'react';\nimport { getDeepActiveElement } from './activeElement';\nimport { pushEscapeLayer } from './escapeLayers';\nimport { FOCUS_RING } from './focusRing';\nimport { OVERLAY_Z_BASE, ensureElevatedOverlayStyles } from './portalOverlay';\nimport { lockBodyScroll } from './scrollLock';\nimport { leaveTopLayer, raiseToTopLayer } from './topLayer';\n\n/** Back/close button chrome, shared so the two overlays cannot drift apart. */\nexport const OVERLAY_ICON_BUTTON_CLASSES = `flex shrink-0 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent p-[4px] text-[var(--malachite-text-secondary)] hover:text-[var(--malachite-text-primary)] transition-colors ${FOCUS_RING}`;\n\nexport const FOCUSABLE_SELECTOR =\n    'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\ntype PanelSource = () => HTMLElement | null;\n\n// LIFO like escapeLayers: with a listener per overlay the first-registered one wins, which\n// sent Tab from a dialog into the panel behind it.\nconst trapLayers: PanelSource[] = [];\n// Elevation belongs to the stack: a Modal left in the base band opens behind the panel that\n// elevated it.\nconst elevatedLayers = new Set<PanelSource>();\n// The shadow host per layer, so promotion can replay in stack order.\nconst hostSources = new Map<PanelSource, () => HTMLElement | null>();\nconst stackListeners = new Set<() => void>();\nconst NO_SUBSCRIPTION = () => {\n    // Nothing to tear down: a closed overlay never subscribed.\n};\n\n// Top-layer paint order is entry order, so replay the whole stack bottom-up rather than letting\n// each overlay promote itself: those effects run in React tree order, which need not match.\nlet promoted: HTMLElement[] = [];\n\nconst syncTopLayer = (): void => {\n    const wanted = elevatedLayers.size\n        ? trapLayers\n              .map((layer) => hostSources.get(layer)?.())\n              .filter((host): host is HTMLElement => Boolean(host))\n        : [];\n    // Compared, not reapplied: this runs on every commit, because a host can appear a commit\n    // after the layer that owns it, and re-entering the top layer unprompted costs a recalc.\n    if (\n        wanted.length === promoted.length &&\n        wanted.every((host, index) => host === promoted[index])\n    ) {\n        return;\n    }\n    const stillWanted = new Set(wanted);\n    for (const host of promoted) {\n        if (!stillWanted.has(host)) {\n            leaveTopLayer(host);\n        }\n    }\n    for (const host of wanted) {\n        raiseToTopLayer(host);\n    }\n    promoted = wanted;\n};\n\nconst notifyStackChanged = (): void => {\n    for (const listener of stackListeners) {\n        listener();\n    }\n};\n\nconst subscribeToStack = (listener: () => void): (() => void) => {\n    stackListeners.add(listener);\n    return () => {\n        stackListeners.delete(listener);\n    };\n};\n\nconst handleTabKeyDown = (event: KeyboardEvent): void => {\n    if (event.key !== 'Tab' || event.defaultPrevented) {\n        return;\n    }\n    // Walk down rather than bail: React detaches refs before flushing the cleanup that pops\n    // the layer, so the topmost can be registered-but-null and Tab would escape entirely.\n    let panel: HTMLElement | null = null;\n    for (let index = trapLayers.length - 1; index >= 0 && !panel; index -= 1) {\n        panel = trapLayers[index]();\n    }\n    if (!panel) {\n        return;\n    }\n    const focusables = Array.from(panel.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR));\n    if (focusables.length === 0) {\n        event.preventDefault();\n        panel.focus();\n        return;\n    }\n    const first = focusables[0];\n    const last = focusables[focusables.length - 1];\n    const active = getDeepActiveElement();\n    const activeInPanel = active !== null && panel.contains(active);\n    if (event.shiftKey) {\n        if (!activeInPanel || active === first || active === panel) {\n            event.preventDefault();\n            last.focus();\n        }\n    } else if (!activeInPanel || active === last) {\n        event.preventDefault();\n        first.focus();\n    }\n};\n\n// On `document` so it also catches focus that escaped behind the overlay. The trap reaches\n// focusables in the overlay's own shadow root only, so a popup portaled elsewhere (Dropdown,\n// ActionMenu, Tooltip) is outside it and Tab will pull focus back out of the popup.\nconst pushFocusTrapLayer = (getPanel: PanelSource, getHost: () => HTMLElement | null) => {\n    if (trapLayers.length === 0) {\n        document.addEventListener('keydown', handleTabKeyDown);\n    }\n    trapLayers.push(getPanel);\n    hostSources.set(getPanel, getHost);\n    notifyStackChanged();\n    return () => {\n        const index = trapLayers.lastIndexOf(getPanel);\n        if (index !== -1) {\n            trapLayers.splice(index, 1);\n        }\n        elevatedLayers.delete(getPanel);\n        hostSources.delete(getPanel);\n        const host = getHost();\n        if (host) {\n            leaveTopLayer(host);\n        }\n        if (trapLayers.length === 0) {\n            document.removeEventListener('keydown', handleTabKeyDown);\n        }\n        notifyStackChanged();\n    };\n};\n\n/**\n * Whether a SidePanel or Modal is open anywhere, for host chrome that has to move out of the way.\n * Overlays portal, so the only other signal is this module's markers, which a host cannot read\n * without coupling to an internal. Dropdowns and tooltips do not count: they trap no focus.\n */\nexport const useHasOpenOverlay = (): boolean =>\n    useSyncExternalStore(\n        subscribeToStack,\n        () => trapLayers.length > 0,\n        () => false,\n    );\n\n/**\n * The modal-overlay behaviour shared by SidePanel and Modal: ESC and the Tab focus trap\n * (topmost overlay only, so these may be stacked), background scroll lock, and focus moved\n * into the overlay on open then restored to the trigger on close.\n *\n * Returns the ref callback the dialog element must take, whether this overlay is the topmost\n * one — only that one may claim `aria-modal`, or a screen reader can still browse the overlay\n * underneath — the z-index its host must carry, which keeps paint order with the focus stack,\n * and whether it is elevated. Presentation otherwise stays with the calling component.\n */\nexport const useOverlayBehaviour = ({\n    open,\n    onClose,\n    elevated = false,\n    hostRef,\n}: {\n    open: boolean;\n    onClose: () => void;\n    elevated?: boolean;\n    /** The shadow host, which the stack promotes into the top layer while elevated. */\n    hostRef?: { current: HTMLElement | null };\n}): {\n    ref: (node: HTMLElement | null) => void;\n    isTopmost: boolean;\n    zIndex: number | undefined;\n    elevated: boolean;\n} => {\n    const panelRef = useRef<HTMLElement | null>(null);\n    // One identity for the life of the instance: elevation registers it in the layout phase,\n    // before the effect below pushes it onto the stack.\n    const source = useRef<PanelSource>(() => panelRef.current).current;\n    const previousFocusRef = useRef<HTMLElement | null>(null);\n    const layerRef = useRef<PanelSource | null>(null);\n\n    // Ref so the ESC layer registers once per open, not on every inline-onClose change.\n    const onCloseRef = useRef(onClose);\n    useEffect(() => {\n        onCloseRef.current = onClose;\n    }, [onClose]);\n\n    // Before the trap effect, so the trigger is recorded before focus moves in — and relies on\n    // ShadowRootWrapper portaling a commit late, or this would capture the panel itself.\n    useEffect(() => {\n        if (!open) {\n            return;\n        }\n        previousFocusRef.current = getDeepActiveElement();\n        return () => {\n            const previous = previousFocusRef.current;\n            previousFocusRef.current = null;\n            if (previous?.isConnected) {\n                previous.focus();\n            }\n        };\n    }, [open]);\n\n    useEffect(() => {\n        if (!open) {\n            return;\n        }\n        layerRef.current = source;\n        const popEscapeLayer = pushEscapeLayer(() => onCloseRef.current());\n        const releaseScrollLock = lockBodyScroll();\n        const popFocusTrapLayer = pushFocusTrapLayer(source, () => hostRef?.current ?? null);\n        // Reopening inside the exit transition reuses the same node, so the ref callback\n        // never fires again and nothing would take focus.\n        panelRef.current?.focus();\n        return () => {\n            layerRef.current = null;\n            popFocusTrapLayer();\n            popEscapeLayer();\n            releaseScrollLock();\n        };\n    }, [open, hostRef, source]);\n\n    // Its own effect: re-pushing the trap layer to change elevation would move this overlay to\n    // the top of the stack, handing it the Escape and Tab that belong to a dialog above it.\n    // Layout, and declared above the sync below, so that sync sees it in the same commit.\n    useLayoutEffect(() => {\n        if (!open || !elevated) {\n            return;\n        }\n        elevatedLayers.add(source);\n        notifyStackChanged();\n        return () => {\n            elevatedLayers.delete(source);\n            notifyStackChanged();\n        };\n    }, [open, elevated, source]);\n\n    // Only an open overlay subscribes: a mounted-but-idle one must carry no at-rest cost,\n    // and its snapshot is a constant `false` regardless of what the stack does.\n    const subscribe = useCallback(\n        (onStackChange: () => void) => (open ? subscribeToStack(onStackChange) : NO_SUBSCRIPTION),\n        [open],\n    );\n\n    const isTopmost = useSyncExternalStore(\n        subscribe,\n        // Gated on `open` so an overlay fading out stops claiming modal. Before it registers\n        // it is the one about to go on top, or aria-modal would drop for a frame on open.\n        () =>\n            open &&\n            (layerRef.current === null || trapLayers[trapLayers.length - 1] === layerRef.current),\n        () => true,\n    );\n\n    // Its own request counts before the stack has it: the layer is not pushed until effects run.\n    const stackElevated = useSyncExternalStore(\n        subscribe,\n        () => open && (elevated || elevatedLayers.size > 0),\n        () => false,\n    );\n\n    // Overlay hosts share one z-index band, so paint order would otherwise fall out of body\n    // order: an overlay reopened over a newer one takes the keyboard while painting under it.\n    const zIndex = useSyncExternalStore(\n        subscribe,\n        () => {\n            const layer = layerRef.current;\n            return OVERLAY_Z_BASE + (open && layer ? Math.max(0, trapLayers.indexOf(layer)) : 0);\n        },\n        () => OVERLAY_Z_BASE,\n    );\n\n    // Layout, not passive: the rule has to exist before the first paint the attribute applies to.\n    useLayoutEffect(() => {\n        if (stackElevated) {\n            ensureElevatedOverlayStyles();\n        }\n    }, [stackElevated]);\n\n    // No deps: the host mounts a commit after the layer that owns it, so there is no stack\n    // change left to key this on. `syncTopLayer` compares before it touches anything.\n    useLayoutEffect(() => {\n        syncTopLayer();\n    });\n\n    const ref = useCallback((node: HTMLElement | null) => {\n        panelRef.current = node;\n        // The panel mounts fresh on every open, so first attach = time to take focus.\n        node?.focus();\n    }, []);\n\n    return { ref, isTopmost, zIndex: stackElevated ? undefined : zIndex, elevated: stackElevated };\n};\n\nexport default useOverlayBehaviour;\n"],"names":["OVERLAY_ICON_BUTTON_CLASSES","FOCUS_RING","FOCUSABLE_SELECTOR","trapLayers","elevatedLayers","hostSources","stackListeners","NO_SUBSCRIPTION","promoted","syncTopLayer","wanted","layer","_a","host","index","stillWanted","leaveTopLayer","raiseToTopLayer","notifyStackChanged","listener","subscribeToStack","handleTabKeyDown","event","panel","focusables","first","last","active","getDeepActiveElement","activeInPanel","pushFocusTrapLayer","getPanel","getHost","useHasOpenOverlay","useSyncExternalStore","useOverlayBehaviour","open","onClose","elevated","hostRef","panelRef","useRef","source","previousFocusRef","layerRef","onCloseRef","useEffect","previous","popEscapeLayer","pushEscapeLayer","releaseScrollLock","lockBodyScroll","popFocusTrapLayer","useLayoutEffect","subscribe","useCallback","onStackChange","isTopmost","stackElevated","zIndex","OVERLAY_Z_BASE","ensureElevatedOverlayStyles","node"],"mappings":"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"}

package/dist/components/portalOverlay.js

@@ -0,0 +1,35 @@
+import { injectStyleSheet as a } from "./injectStyleSheet.js";
+const c = "data-malachite-overlay", t = {
+  dropdown: "malachite-dropdown-surface",
+  multiselect: "malachite-multiselect-surface",
+  actionmenu: "malachite-actionmenu-surface",
+  tooltip: "malachite-tip-surface",
+  sidepanel: "malachite-drawer-surface",
+  modal: "malachite-modal-surface"
+}, _ = (e) => ({
+  className: t[e],
+  [c]: e
+}), s = "malachite-overlay-styles", h = 1e3, i = 2147483646, o = "data-malachite-elevated", l = (e) => Object.values(t).map((n) => `.${n}:popover-open${e}`).join(", "), r = "inset: auto; margin: 0; border: 0; padding: 0; width: auto; height: auto; overflow: visible; background: none; color: inherit;", E = [
+  `.${t.dropdown}, .${t.multiselect}, .${t.actionmenu} { z-index: 2147483646; }`,
+  `.${t.tooltip} { z-index: 2147483647; }`
+], A = () => a(s, E), d = "malachite-overlay-elevated", m = [
+  `.${t.sidepanel}[${o}], .${t.modal}[${o}] { z-index: ${i}; }`
+], R = () => a(d, m), u = "malachite-overlay-top-layer", L = [
+  `${l("")} { ${r} }`,
+  `${l("::backdrop")} { display: none; }`
+], y = () => {
+  const e = a(u, L);
+  return e && e.cssRules.length > 0 ? e : null;
+};
+export {
+  c as OVERLAY_ATTR,
+  t as OVERLAY_CLASS,
+  o as OVERLAY_ELEVATED_ATTR,
+  h as OVERLAY_Z_BASE,
+  i as OVERLAY_Z_ELEVATED,
+  R as ensureElevatedOverlayStyles,
+  A as ensureOverlayStyles,
+  y as ensureTopLayerStyles,
+  _ as overlayIdentity
+};
+//# sourceMappingURL=portalOverlay.js.map

package/dist/components/portalOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalOverlay.js","sources":["../../src/components/portalOverlay.ts"],"sourcesContent":["// Host \"kill the ad overlay\" CSS erases anything portaled into document.body: `body >\n// div:not([class])` matches an unclassed body child, `[style*=\"2147483\"]` a max-int z-index.\n// The second matches the style ATTRIBUTE, so declaring z-index here keeps max-int stacking.\n\nimport { injectStyleSheet } from './injectStyleSheet';\n\n/** One selector for every malachite overlay, so a host allow-lists them in one rule. */\nexport const OVERLAY_ATTR = 'data-malachite-overlay';\n\n// Values avoid `panel`/`popup`/`overlay`/`tooltip`: a class defeats `:not([class])`, but one\n// matching `[class*=\"panel\"]` trades that hole for another these elements did not have.\nexport const OVERLAY_CLASS = {\n    dropdown: 'malachite-dropdown-surface',\n    multiselect: 'malachite-multiselect-surface',\n    actionmenu: 'malachite-actionmenu-surface',\n    tooltip: 'malachite-tip-surface',\n    sidepanel: 'malachite-drawer-surface',\n    modal: 'malachite-modal-surface',\n} as const;\n\nexport type OverlayName = keyof typeof OVERLAY_CLASS;\n\nexport const overlayIdentity = (name: OverlayName) => ({\n    className: OVERLAY_CLASS[name],\n    [OVERLAY_ATTR]: name,\n});\n\nconst OVERLAY_STYLE_ID = 'malachite-overlay-styles';\n\n/**\n * Where SidePanel and Modal start. `useOverlayBehaviour` steps one per stacked overlay, so\n * paint order follows the focus stack rather than body order — a handful above this at most.\n */\nexport const OVERLAY_Z_BASE = 1000;\n\n/**\n * The dropdown band, which clears app chrome pinned just under max-int. One integer wide: a host\n * pins its chrome at max-int-1 and the tooltip band sits at max-int, so the stack cannot step\n * per layer the way the base band does — the top layer orders it, and where popover is\n * unsupported, document order does.\n */\nexport const OVERLAY_Z_ELEVATED = 2147483646;\n\n/** Marks a host in that band — an attribute, not an inline z-index; see above. */\nexport const OVERLAY_ELEVATED_ATTR = 'data-malachite-elevated';\n\n// Every overlay class, not the four promoted by default: one the reset misses wears the UA box.\nconst promotedSelector = (suffix: string) =>\n    Object.values(OVERLAY_CLASS)\n        .map((name) => `.${name}:popover-open${suffix}`)\n        .join(', ');\n\n// Promotion drags in the UA `[popover]` box: `inset: 0` (which survives as right/bottom and\n// stretches a panel to the viewport edge), auto margins, a border, padding and fit-content\n// sizing. Reset to what these computed before promotion; their own inline styles still win.\nconst POPOVER_RESET =\n    'inset: auto; margin: 0; border: 0; padding: 0; width: auto; height: auto; ' +\n    'overflow: visible; background: none; color: inherit;';\n\nconst OVERLAY_RULES = [\n    `.${OVERLAY_CLASS.dropdown}, .${OVERLAY_CLASS.multiselect}, .${OVERLAY_CLASS.actionmenu} { z-index: 2147483646; }`,\n    `.${OVERLAY_CLASS.tooltip} { z-index: 2147483647; }`,\n];\n\nexport const ensureOverlayStyles = (): CSSStyleSheet | null =>\n    injectStyleSheet(OVERLAY_STYLE_ID, OVERLAY_RULES);\n\n// Its own id like TOP_LAYER_STYLE_ID: a copy predating elevation would own OVERLAY_STYLE_ID.\nconst ELEVATED_STYLE_ID = 'malachite-overlay-elevated';\n\nconst ELEVATED_RULES = [\n    `.${OVERLAY_CLASS.sidepanel}[${OVERLAY_ELEVATED_ATTR}], .${OVERLAY_CLASS.modal}[${OVERLAY_ELEVATED_ATTR}] { z-index: ${OVERLAY_Z_ELEVATED}; }`,\n];\n\nexport const ensureElevatedOverlayStyles = (): CSSStyleSheet | null =>\n    injectStyleSheet(ELEVATED_STYLE_ID, ELEVATED_RULES);\n\n// Its own id, never folded into OVERLAY_STYLE_ID: injectStyleSheet keeps one sheet per id across\n// malachite copies sharing a realm, so a copy predating the reset would win that id and leave a\n// promoted overlay wearing the raw UA box. No copy has ever registered this one.\nconst TOP_LAYER_STYLE_ID = 'malachite-overlay-top-layer';\n\nconst TOP_LAYER_RULES = [\n    `${promotedSelector('')} { ${POPOVER_RESET} }`,\n    `${promotedSelector('::backdrop')} { display: none; }`,\n];\n\nexport const ensureTopLayerStyles = (): CSSStyleSheet | null => {\n    // A sheet that installed does not mean its rules parsed: replaceSync (and the <style> path)\n    // drop an unparseable rule silently rather than throwing, so an engine that chokes on\n    // `:popover-open` or `::backdrop` hands back a valid, empty sheet.\n    const sheet = injectStyleSheet(TOP_LAYER_STYLE_ID, TOP_LAYER_RULES);\n    return sheet && sheet.cssRules.length > 0 ? sheet : null;\n};\n"],"names":["OVERLAY_ATTR","OVERLAY_CLASS","overlayIdentity","name","OVERLAY_STYLE_ID","OVERLAY_Z_BASE","OVERLAY_Z_ELEVATED","OVERLAY_ELEVATED_ATTR","promotedSelector","suffix","POPOVER_RESET","OVERLAY_RULES","ensureOverlayStyles","injectStyleSheet","ELEVATED_STYLE_ID","ELEVATED_RULES","ensureElevatedOverlayStyles","TOP_LAYER_STYLE_ID","TOP_LAYER_RULES","ensureTopLayerStyles","sheet"],"mappings":";AAOO,MAAMA,IAAe,0BAIfC,IAAgB;AAAA,EACzB,UAAU;AAAA,EACV,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AACX,GAIaC,IAAkB,CAACC,OAAuB;AAAA,EACnD,WAAWF,EAAcE,CAAI;AAAA,EAC7B,CAACH,CAAY,GAAGG;AACpB,IAEMC,IAAmB,4BAMZC,IAAiB,KAQjBC,IAAqB,YAGrBC,IAAwB,2BAG/BC,IAAmB,CAACC,MACtB,OAAO,OAAOR,CAAa,EACtB,IAAI,CAACE,MAAS,IAAIA,CAAI,gBAAgBM,CAAM,EAAE,EAC9C,KAAK,IAAI,GAKZC,IACF,kIAGEC,IAAgB;AAAA,EAClB,IAAIV,EAAc,QAAQ,MAAMA,EAAc,WAAW,MAAMA,EAAc,UAAU;AAAA,EACvF,IAAIA,EAAc,OAAO;AAC7B,GAEaW,IAAsB,MAC/BC,EAAiBT,GAAkBO,CAAa,GAG9CG,IAAoB,8BAEpBC,IAAiB;AAAA,EACnB,IAAId,EAAc,SAAS,IAAIM,CAAqB,OAAON,EAAc,KAAK,IAAIM,CAAqB,gBAAgBD,CAAkB;AAC7I,GAEaU,IAA8B,MACvCH,EAAiBC,GAAmBC,CAAc,GAKhDE,IAAqB,+BAErBC,IAAkB;AAAA,EACpB,GAAGV,EAAiB,EAAE,CAAC,MAAME,CAAa;AAAA,EAC1C,GAAGF,EAAiB,YAAY,CAAC;AACrC,GAEaW,IAAuB,MAA4B;AAI5D,QAAMC,IAAQP,EAAiBI,GAAoBC,CAAe;AAClE,SAAOE,KAASA,EAAM,SAAS,SAAS,IAAIA,IAAQ;AACxD;"}

package/dist/components/prismCedar.js

@@ -0,0 +1,27 @@
+const e = (a) => {
+  a.languages.cedar = {
+    comment: /\/\/.*/,
+    // Greedy so an operator or keyword inside a quoted id, `"like-this"`, stays string.
+    string: {
+      pattern: /"(?:\\.|[^"\\\r\n])*"/,
+      greedy: !0
+    },
+    // Each segment of an entity path: the `StackOne` and `Action` of
+    // `StackOne::Action::"invokeTool"`. Matching per segment rather than the whole path
+    // keeps the pattern readable, and `::` falls through to punctuation.
+    "class-name": /\b[A-Za-z_]\w*(?=\s*::)/,
+    keyword: /\b(?:permit|forbid|when|unless|if|then|else|in|like|has|is)\b/,
+    // The four scope variables read as language, not as identifiers a policy author chose.
+    builtin: /\b(?:principal|action|resource|context)\b/,
+    boolean: /\b(?:true|false)\b/,
+    number: /\b\d+\b/,
+    operator: /&&|\|\||[=!<>]=|[<>!]|[+\-*]/,
+    punctuation: /[{}[\]();,.:]/
+  };
+};
+e.displayName = "cedar";
+e.aliases = [];
+export {
+  e as default
+};
+//# sourceMappingURL=prismCedar.js.map

package/dist/components/prismCedar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prismCedar.js","sources":["../../src/components/prismCedar.ts"],"sourcesContent":["/**\n * A Prism grammar for Cedar, the policy language.\n *\n * Written here because Prism ships none: Cedar is not in refractor's language set, so a\n * `language=\"cedar\"` code block would otherwise render as unhighlighted text. The shape\n * follows refractor's contract (a default-exported function taking Prism, carrying a\n * `displayName`), which is what `PrismLight.registerLanguage` expects.\n */\n\n/** The slice of Prism a grammar module touches. */\ninterface PrismLike {\n    languages: Record<string, unknown>;\n}\n\nconst cedar = (Prism: PrismLike): void => {\n    Prism.languages.cedar = {\n        comment: /\\/\\/.*/,\n        // Greedy so an operator or keyword inside a quoted id, `\"like-this\"`, stays string.\n        string: {\n            pattern: /\"(?:\\\\.|[^\"\\\\\\r\\n])*\"/,\n            greedy: true,\n        },\n        // Each segment of an entity path: the `StackOne` and `Action` of\n        // `StackOne::Action::\"invokeTool\"`. Matching per segment rather than the whole path\n        // keeps the pattern readable, and `::` falls through to punctuation.\n        'class-name': /\\b[A-Za-z_]\\w*(?=\\s*::)/,\n        keyword: /\\b(?:permit|forbid|when|unless|if|then|else|in|like|has|is)\\b/,\n        // The four scope variables read as language, not as identifiers a policy author chose.\n        builtin: /\\b(?:principal|action|resource|context)\\b/,\n        boolean: /\\b(?:true|false)\\b/,\n        number: /\\b\\d+\\b/,\n        operator: /&&|\\|\\||[=!<>]=|[<>!]|[+\\-*]/,\n        punctuation: /[{}[\\]();,.:]/,\n    };\n};\n\ncedar.displayName = 'cedar';\ncedar.aliases = [] as string[];\n\nexport default cedar;\n"],"names":["cedar","Prism"],"mappings":"AAcA,MAAMA,IAAQ,CAACC,MAA2B;AACtC,EAAAA,EAAM,UAAU,QAAQ;AAAA,IACpB,SAAS;AAAA;AAAA,IAET,QAAQ;AAAA,MACJ,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EAAA;AAErB;AAEAD,EAAM,cAAc;AACpBA,EAAM,UAAU,CAAA;"}