npm - @flanksource/clicky-ui - Versions diffs - 0.3.21 → 0.3.23 - Mend

@flanksource/clicky-ui 0.3.21 → 0.3.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1627) hide show

package/dist/mdx-editor.css CHANGED Viewed

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 :root,.light,.light-theme{--blue-1:#fbfdff;--blue-2:#f4faff;--blue-3:#e6f4fe;--blue-4:#d5efff;--blue-5:#c2e5ff;--blue-6:#acd8fc;--blue-7:#8ec8f6;--blue-8:#5eb1ef;--blue-9:#0090ff;--blue-10:#0588f0;--blue-11:#0d74ce;--blue-12:#113264}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--blue-1:color(display-p3 .986 .992 .999);--blue-2:color(display-p3 .96 .979 .998);--blue-3:color(display-p3 .912 .956 .991);--blue-4:color(display-p3 .853 .932 1);--blue-5:color(display-p3 .788 .894 .998);--blue-6:color(display-p3 .709 .843 .976);--blue-7:color(display-p3 .606 .777 .947);--blue-8:color(display-p3 .451 .688 .917);--blue-9:color(display-p3 .247 .556 .969);--blue-10:color(display-p3 .234 .523 .912);--blue-11:color(display-p3 .15 .44 .84);--blue-12:color(display-p3 .102 .193 .379)}}}.dark,.dark-theme{--blue-1:#0d1520;--blue-2:#111927;--blue-3:#0d2847;--blue-4:#003362;--blue-5:#004074;--blue-6:#104d87;--blue-7:#205d9e;--blue-8:#2870bd;--blue-9:#0090ff;--blue-10:#3b9eff;--blue-11:#70b8ff;--blue-12:#c2e6ff}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.dark,.dark-theme{--blue-1:color(display-p3 .057 .081 .122);--blue-2:color(display-p3 .072 .098 .147);--blue-3:color(display-p3 .078 .154 .27);--blue-4:color(display-p3 .033 .197 .37);--blue-5:color(display-p3 .08 .245 .441);--blue-6:color(display-p3 .14 .298 .511);--blue-7:color(display-p3 .195 .361 .6);--blue-8:color(display-p3 .239 .434 .72);--blue-9:color(display-p3 .247 .556 .969);--blue-10:color(display-p3 .344 .612 .973);--blue-11:color(display-p3 .49 .72 1);--blue-12:color(display-p3 .788 .898 .99)}}}:root,.light,.light-theme{--slate-1:#fcfcfd;--slate-2:#f9f9fb;--slate-3:#f0f0f3;--slate-4:#e8e8ec;--slate-5:#e0e1e6;--slate-6:#d9d9e0;--slate-7:#cdced6;--slate-8:#b9bbc6;--slate-9:#8b8d98;--slate-10:#80838d;--slate-11:#60646c;--slate-12:#1c2024}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--slate-1:color(display-p3 .988 .988 .992);--slate-2:color(display-p3 .976 .976 .984);--slate-3:color(display-p3 .94 .941 .953);--slate-4:color(display-p3 .908 .909 .925);--slate-5:color(display-p3 .88 .881 .901);--slate-6:color(display-p3 .85 .852 .876);--slate-7:color(display-p3 .805 .808 .838);--slate-8:color(display-p3 .727 .733 .773);--slate-9:color(display-p3 .547 .553 .592);--slate-10:color(display-p3 .503 .512 .549);--slate-11:color(display-p3 .379 .392 .421);--slate-12:color(display-p3 .113 .125 .14)}}}.dark,.dark-theme{--slate-1:#111113;--slate-2:#18191b;--slate-3:#212225;--slate-4:#272a2d;--slate-5:#2e3135;--slate-6:#363a3f;--slate-7:#43484e;--slate-8:#5a6169;--slate-9:#696e77;--slate-10:#777b84;--slate-11:#b0b4ba;--slate-12:#edeef0}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.dark,.dark-theme{--slate-1:color(display-p3 .067 .067 .074);--slate-2:color(display-p3 .095 .098 .105);--slate-3:color(display-p3 .13 .135 .145);--slate-4:color(display-p3 .156 .163 .176);--slate-5:color(display-p3 .183 .191 .206);--slate-6:color(display-p3 .215 .226 .244);--slate-7:color(display-p3 .265 .28 .302);--slate-8:color(display-p3 .357 .381 .409);--slate-9:color(display-p3 .415 .431 .463);--slate-10:color(display-p3 .469 .483 .514);--slate-11:color(display-p3 .692 .704 .728);--slate-12:color(display-p3 .93 .933 .94)}}}:root,.light,.light-theme{--grass-1:#fbfefb;--grass-2:#f5fbf5;--grass-3:#e9f6e9;--grass-4:#daf1db;--grass-5:#c9e8ca;--grass-6:#b2ddb5;--grass-7:#94ce9a;--grass-8:#65ba74;--grass-9:#46a758;--grass-10:#3e9b4f;--grass-11:#2a7e3b;--grass-12:#203c25}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--grass-1:color(display-p3 .986 .996 .985);--grass-2:color(display-p3 .966 .983 .964);--grass-3:color(display-p3 .923 .965 .917);--grass-4:color(display-p3 .872 .94 .865);--grass-5:color(display-p3 .811 .908 .802);--grass-6:color(display-p3 .733 .864 .724);--grass-7:color(display-p3 .628 .803 .622);--grass-8:color(display-p3 .477 .72 .482);--grass-9:color(display-p3 .38 .647 .378);--grass-10:color(display-p3 .344 .598 .342);--grass-11:color(display-p3 .263 .488 .261);--grass-12:color(display-p3 .151 .233 .153)}}}:root,.light,.light-theme{--cyan-1:#fafdfe;--cyan-2:#f2fafb;--cyan-3:#def7f9;--cyan-4:#caf1f6;--cyan-5:#b5e9f0;--cyan-6:#9ddde7;--cyan-7:#7dcedc;--cyan-8:#3db9cf;--cyan-9:#00a2c7;--cyan-10:#0797b9;--cyan-11:#107d98;--cyan-12:#0d3c48}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--cyan-1:color(display-p3 .982 .992 .996);--cyan-2:color(display-p3 .955 .981 .984);--cyan-3:color(display-p3 .888 .965 .975);--cyan-4:color(display-p3 .821 .941 .959);--cyan-5:color(display-p3 .751 .907 .935);--cyan-6:color(display-p3 .671 .862 .9);--cyan-7:color(display-p3 .564 .8 .854);--cyan-8:color(display-p3 .388 .715 .798);--cyan-9:color(display-p3 .282 .627 .765);--cyan-10:color(display-p3 .264 .583 .71);--cyan-11:color(display-p3 .08 .48 .63);--cyan-12:color(display-p3 .108 .232 .277)}}}:root,.light,.light-theme{--amber-1:#fefdfb;--amber-2:#fefbe9;--amber-3:#fff7c2;--amber-4:#ffee9c;--amber-5:#fbe577;--amber-6:#f3d673;--amber-7:#e9c162;--amber-8:#e2a336;--amber-9:#ffc53d;--amber-10:#ffba18;--amber-11:#ab6400;--amber-12:#4f3422}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--amber-1:color(display-p3 .995 .992 .985);--amber-2:color(display-p3 .994 .986 .921);--amber-3:color(display-p3 .994 .969 .782);--amber-4:color(display-p3 .989 .937 .65);--amber-5:color(display-p3 .97 .902 .527);--amber-6:color(display-p3 .936 .844 .506);--amber-7:color(display-p3 .89 .762 .443);--amber-8:color(display-p3 .85 .65 .3);--amber-9:color(display-p3 1 .77 .26);--amber-10:color(display-p3 .959 .741 .274);--amber-11:color(display-p3 .64 .4 0);--amber-12:color(display-p3 .294 .208 .145)}}}:root,.light,.light-theme{--red-1:#fffcfc;--red-2:#fff7f7;--red-3:#feebec;--red-4:#ffdbdc;--red-5:#ffcdce;--red-6:#fdbdbe;--red-7:#f4a9aa;--red-8:#eb8e90;--red-9:#e5484d;--red-10:#dc3e42;--red-11:#ce2c31;--red-12:#641723}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--red-1:color(display-p3 .998 .989 .988);--red-2:color(display-p3 .995 .971 .971);--red-3:color(display-p3 .985 .925 .925);--red-4:color(display-p3 .999 .866 .866);--red-5:color(display-p3 .984 .812 .811);--red-6:color(display-p3 .955 .751 .749);--red-7:color(display-p3 .915 .675 .672);--red-8:color(display-p3 .872 .575 .572);--red-9:color(display-p3 .83 .329 .324);--red-10:color(display-p3 .798 .294 .285);--red-11:color(display-p3 .744 .234 .222);--red-12:color(display-p3 .36 .115 .143)}}}.mdxeditor .cm-editor{--sp-font-mono:var(--font-mono);--sp-font-body:var(--font-body);padding:var(--sp-space-4) 0}.mdxeditor .sp-editor .cm-editor{padding-bottom:0}.mdxeditor .cm-scroller{padding:0!important}.mdxeditor .cm-focused{outline:none}.mdxeditor .sp-wrapper{overflow:hidden}.mdxeditor .sp-layout{border:none}.mdxeditor .sp-cm pre{white-space:break-spaces;word-break:break-word;overflow-wrap:anywhere;flex-shrink:1}.mdxeditor .cm-mergeView .cm-scroller,.mdxeditor .cm-sourceView .cm-scroller{font-family:var(--font-mono);line-height:1.3rem;font-size:var(--text-xs)}.mdxeditor .cm-gutters{font-size:var(--text-xxs);background:0 0}.mdxeditor .cm-activeLine{background:0 0}.mdxeditor .cm-tooltip-autocomplete{background:var(--baseBgSubtle)}.mdxeditor hr.selected[data-lexical-decorator=true]{outline:2px solid highlight}._editorRoot_f3hmk_53{--accentBase:var(--blue-1);--accentBgSubtle:var(--blue-2);--accentBg:var(--blue-3);--accentBgHover:var(--blue-4);--accentBgActive:var(--blue-5);--accentLine:var(--blue-6);--accentBorder:var(--blue-7);--accentBorderHover:var(--blue-8);--accentSolid:var(--blue-9);--accentSolidHover:var(--blue-10);--accentText:var(--blue-11);--accentTextContrast:var(--blue-12);--basePageBg:white;--baseBase:var(--slate-1);--baseBgSubtle:var(--slate-2);--baseBg:var(--slate-3);--baseBgHover:var(--slate-4);--baseBgActive:var(--slate-5);--baseLine:var(--slate-6);--baseBorder:var(--slate-7);--baseBorderHover:var(--slate-8);--baseSolid:var(--slate-9);--baseSolidHover:var(--slate-10);--baseText:var(--slate-11);--baseTextContrast:var(--slate-12);--admonitionTipBg:var(--cyan-4);--admonitionTipBorder:var(--cyan-8);--admonitionInfoBg:var(--grass-4);--admonitionInfoBorder:var(--grass-8);--admonitionCautionBg:var(--amber-4);--admonitionCautionBorder:var(--amber-8);--admonitionDangerBg:var(--red-4);--admonitionDangerBorder:var(--red-8);--admonitionNoteBg:var(--slate-4);--admonitionNoteBorder:var(--slate-8);--error-color:var(--red-10);--spacing-0:0px;--spacing-px:1px;--spacing-0_5:.125rem;--spacing-1:.25rem;--spacing-1_5:.375rem;--spacing-2:.5rem;--spacing-2_5:.625rem;--spacing-3:.75rem;--spacing-3_5:.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-44:11rem;--spacing-48:12rem;--spacing-52:13rem;--spacing-56:14rem;--spacing-60:15rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-96:24rem;--radius-none:0px;--radius-small:var(--spacing-0_5);--radius-base:var(--spacing-1);--radius-medium:var(--spacing-1_5);--radius-large:var(--spacing-2);--radius-extra-large:var(--spacing-3);--radius-full:9999px;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--text-xxs:.6rem;font-family:var(--font-body);color:var(--baseText)}._nestedListItem_f3hmk_158{list-style:none}._toolbarRoot_f3hmk_162{z-index:2;gap:var(--spacing-1);border-radius:var(--radius-medium);padding:var(--spacing-1_5);background-color:var(--baseBg);width:inherit;flex-direction:row;align-items:center;display:flex;position:sticky;top:0;overflow-x:auto}._toolbarRoot_f3hmk_162 div[role=separator]{margin:var(--spacing-2) var(--spacing-1);border-left:1px solid var(--baseBorder);border-right:1px solid var(--baseBase);height:var(--spacing-4)}._toolbarRoot_f3hmk_162 svg{color:var(--baseTextContrast);display:block}._readOnlyToolbarRoot_f3hmk_189{pointer-events:none;background:var(--baseBase)}._readOnlyToolbarRoot_f3hmk_189>div{opacity:.5}._toolbarModeSwitch_f3hmk_198{border:1px solid var(--baseBg);border-radius:var(--radius-medium);font-size:var(--text-xs);align-self:stretch;align-items:stretch;margin-left:auto;display:flex;opacity:1!important}._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208{padding-inline-start:var(--spacing-4);padding-inline-end:var(--spacing-4)}._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208:active,._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208[data-state=on]{background-color:var(--baseBorder)}._toolbarGroupOfGroups_f3hmk_219{margin:0 var(--spacing-1);display:flex}._toolbarToggleSingleGroup_f3hmk_224:first-of-type ._toolbarToggleItem_f3hmk_208:only-child,._toolbarToggleSingleGroup_f3hmk_224:only-child ._toolbarToggleItem_f3hmk_208:first-child,._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208:first-child{border-top-left-radius:var(--radius-base);border-bottom-left-radius:var(--radius-base)}._toolbarToggleSingleGroup_f3hmk_224:last-of-type ._toolbarToggleItem_f3hmk_208:only-child,._toolbarToggleSingleGroup_f3hmk_224:only-child ._toolbarToggleItem_f3hmk_208:last-child,._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208:last-child{border-top-right-radius:var(--radius-base);border-bottom-right-radius:var(--radius-base)}._toolbarToggleItem_f3hmk_208,._toolbarButton_f3hmk_239{all:unset;box-sizing:border-box;cursor:default;padding:var(--spacing-0_5)}@media (hover:hover){._toolbarToggleItem_f3hmk_208:hover,._toolbarButton_f3hmk_239:hover{background-color:var(--baseBgActive)}}._toolbarToggleItem_f3hmk_208:active svg,._toolbarButton_f3hmk_239:active svg{transform:translate(1px,1px)}._toolbarToggleItem_f3hmk_208[data-state=on],._toolbarButton_f3hmk_239[data-state=on],._toolbarToggleItem_f3hmk_208:active,._toolbarButton_f3hmk_239:active{color:var(--baseTextContrast);background-color:var(--baseBgActive)}._toolbarToggleItem_f3hmk_208[data-disabled],._toolbarButton_f3hmk_239[data-disabled]{pointer-events:none}._toolbarToggleItem_f3hmk_208[data-disabled] svg,._toolbarButton_f3hmk_239[data-disabled] svg{color:var(--baseBorderHover)}._toolbarButton_f3hmk_239{border-radius:var(--radius-base)}._toolbarButton_f3hmk_239+._toolbarButton_f3hmk_239{margin-left:var(--spacing-1)}._activeToolbarButton_f3hmk_275{color:var(--accentText)}._toolbarToggleSingleGroup_f3hmk_224{white-space:nowrap;align-items:center;display:flex}._toolbarNodeKindSelectContainer_f3hmk_285,._toolbarButtonDropdownContainer_f3hmk_286,._toolbarCodeBlockLanguageSelectContent_f3hmk_287,._selectContainer_f3hmk_288{filter:drop-shadow(0 2px 2px #0003);z-index:3;width:var(--spacing-36);border-bottom-left-radius:var(--radius-base);border-bottom-right-radius:var(--radius-base);background-color:var(--basePageBg);font-size:var(--text-sm)}._toolbarButtonDropdownContainer_f3hmk_286,._toolbarButtonDropdownContainer_f3hmk_286 ._selectItem_f3hmk_301:first-child{border-top-right-radius:var(--radius-base)}._toolbarNodeKindSelectTrigger_f3hmk_306,._toolbarButtonSelectTrigger_f3hmk_307,._selectTrigger_f3hmk_308{color:inherit;width:var(--spacing-36);padding:var(--spacing-0_5) var(--spacing-1);border-radius:var(--radius-medium);white-space:nowrap;font-size:var(--text-sm);background-color:#0000;background-color:var(--basePageBg);margin:0 var(--spacing-1);border:0;flex-wrap:nowrap;align-items:center;padding-inline-start:var(--spacing-2);display:flex}._toolbarNodeKindSelectTrigger_f3hmk_306[data-state=open],._toolbarButtonSelectTrigger_f3hmk_307[data-state=open],._selectTrigger_f3hmk_308[data-state=open]{filter:drop-shadow(0 2px 2px #0003);border-bottom-right-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}._selectTrigger_f3hmk_308[data-placeholder]>span:first-child{color:var(--baseBorderHover)}._toolbarButtonSelectTrigger_f3hmk_307{width:auto;padding-inline-start:var(--spacing-2);padding-inline-end:var(--spacing-1);padding-block:var(--spacing-0_5)}._toolbarCodeBlockLanguageSelectTrigger_f3hmk_342,._toolbarCodeBlockLanguageSelectContent_f3hmk_287{width:var(--spacing-48)}._toolbarNodeKindSelectItem_f3hmk_347,._selectItem_f3hmk_301{cursor:default;padding:var(--spacing-2);display:flex}._toolbarNodeKindSelectItem_f3hmk_347[data-highlighted],._selectItem_f3hmk_301[data-highlighted]{background-color:var(--baseBg)}._toolbarNodeKindSelectItem_f3hmk_347[data-state=checked],._selectItem_f3hmk_301[data-state=checked]{color:var(--baseTextContrast);background-color:var(--baseBg)}._toolbarNodeKindSelectItem_f3hmk_347[data-highlighted],._selectItem_f3hmk_301[data-highlighted]{outline:none}._toolbarNodeKindSelectItem_f3hmk_347:last-child,._selectItem_f3hmk_301:last-child{border-bottom-left-radius:var(--radius-base);border-bottom-right-radius:var(--radius-base)}._toolbarNodeKindSelectDropdownArrow_f3hmk_372,._selectDropdownArrow_f3hmk_373{align-items:center;margin-left:auto;display:flex}._contentEditable_f3hmk_379{box-sizing:border-box;width:100%;color:var(--baseTextContrast);padding:var(--spacing-3)}._contentEditable_f3hmk_379:focus{outline:none}._codeMirrorWrapper_f3hmk_391{margin-bottom:var(--spacing-5);border:1px solid var(--baseLine);border-radius:var(--radius-medium);padding:.8rem;position:relative;overflow:hidden}._sandPackWrapper_f3hmk_400{margin-bottom:var(--spacing-5);border:1px solid var(--baseLine);border-radius:var(--radius-medium);position:relative;overflow:hidden}._codeMirrorToolbar_f3hmk_408{gap:var(--spacing-1);padding:var(--spacing-1);z-index:1;background-color:var(--baseBase);border-bottom-left-radius:var(--radius-base);display:flex;position:absolute;top:0;right:0}._frontmatterWrapper_f3hmk_412{border-radius:var(--radius-medium);padding:var(--spacing-3);background-color:var(--baseBgSubtle)}._frontmatterWrapper_f3hmk_412[data-expanded=true]{margin-bottom:var(--spacing-10)}._frontmatterToggleButton_f3hmk_422{all:unset;box-sizing:border-box;cursor:default;align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);display:flex}._propertyPanelTitle_f3hmk_430{font-size:var(--text-xs);padding-top:var(--spacing-2);padding-left:var(--spacing-2);margin:0;font-weight:400}._propertyEditorTable_f3hmk_438{table-layout:fixed;border-spacing:var(--spacing-2)}._propertyEditorTable_f3hmk_438 th{text-align:left;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-3)}._propertyEditorTable_f3hmk_438 col:first-child{width:30%}._propertyEditorTable_f3hmk_438 col:nth-child(2){width:70%}._propertyEditorTable_f3hmk_438 td:last-child ._iconButton_f3hmk_456{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}._propertyEditorTable_f3hmk_438 ._readOnlyColumnCell_f3hmk_461{padding-left:0}._propertyEditorLabelCell_f3hmk_466{font-weight:400}._readOnlyColumnCell_f3hmk_461{padding-left:0}._buttonsFooter_f3hmk_474{justify-content:flex-end;gap:var(--spacing-2);display:flex}._propertyEditorInput_f3hmk_480{all:unset;box-sizing:border-box;cursor:default;width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base);border:1px solid var(--baseBorder);background-color:var(--baseBase);font-size:var(--text-sm)}._iconButton_f3hmk_456{all:unset;box-sizing:border-box;cursor:default;color:var(--baseText)}@media (hover:hover){._iconButton_f3hmk_456:hover{color:var(--baseTextContrast)}}._iconButton_f3hmk_456:disabled,._iconButton_f3hmk_456:disabled:hover{color:var(--baseLine)}._primaryButton_f3hmk_506,._secondaryButton_f3hmk_507{all:unset;box-sizing:border-box;cursor:default;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--accentBorder);background-color:var(--accentSolidHover);color:var(--baseBase);font-size:var(--text-xs);border-radius:var(--radius-medium)}._primaryButton_f3hmk_506:disabled,._secondaryButton_f3hmk_507:disabled{background:var(--accentLine);border-color:var(--accentBg)}._smallButton_f3hmk_522{font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-base)}._secondaryButton_f3hmk_507{border:1px solid var(--baseBorder);background-color:var(--baseSolidHover);color:var(--baseBase)}._dialogForm_f3hmk_534{gap:var(--spacing-2);flex-direction:row;display:flex}._linkDialogEditForm_f3hmk_540{align-items:stretch;gap:var(--spacing-2);flex-direction:column;padding:0;display:flex}._linkDialogInputContainer_f3hmk_548{flex-direction:column;align-items:stretch;display:flex}._linkDialogInputWrapper_f3hmk_554{background-color:var(--baseBase);border-radius:var(--radius-base);border:1px solid var(--baseBorder);align-items:center;display:flex}._linkDialogInputWrapper_f3hmk_554[data-visible-dropdown=true]{border-bottom-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none);border-bottom-width:0}._linkDialogInputWrapper_f3hmk_554>button{all:unset;box-sizing:border-box;cursor:default;padding-right:var(--spacing-2)}._linkDialogInput_f3hmk_548,._dialogInput_f3hmk_575{all:unset;box-sizing:border-box;cursor:default;width:20rem;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm)}._linkDialogInput_f3hmk_548::-moz-placeholder{color:var(--baseBorder)}._dialogInput_f3hmk_575::-moz-placeholder{color:var(--baseBorder)}._linkDialogInput_f3hmk_548::placeholder,._dialogInput_f3hmk_575::placeholder{color:var(--baseBorder)}._linkDialogAnchor_f3hmk_586{z-index:-1;background-color:highlight;position:fixed}._linkDialogAnchor_f3hmk_586[data-visible=true]{visibility:visible}._linkDialogAnchor_f3hmk_586[data-visible=false]{visibility:hidden}._linkDialogPopoverContent_f3hmk_600,._tableColumnEditorPopoverContent_f3hmk_601,._dialogContent_f3hmk_602{filter:drop-shadow(0 2px 2px #0003);align-items:center;gap:var(--spacing-0_5);border-radius:var(--radius-medium);border:1px solid var(--baseBg);background-color:var(--basePageBg);padding:var(--spacing-1) var(--spacing-1);font-size:var(--text-sm);display:flex}._largeDialogContent_f3hmk_614{filter:drop-shadow(0 2px 2px #0003);gap:var(--spacing-0_5);border-radius:var(--radius-medium);border:1px solid var(--baseBorder);background-color:var(--baseBgSubtle);padding:var(--spacing-4);font-size:var(--text-sm)}._dialogTitle_f3hmk_624{font-size:var(--text-base);padding-left:var(--spacing-2);font-weight:600}._dialogCloseButton_f3hmk_630{all:unset;box-sizing:border-box;cursor:default;position:absolute;top:10px;right:10px}._popoverContent_f3hmk_637{filter:drop-shadow(0 2px 2px #0003);align-items:center;gap:var(--spacing-0_5);border-radius:var(--radius-medium);background-color:var(--baseBgSubtle);padding:var(--spacing-2) var(--spacing-2);font-size:var(--text-sm);z-index:1;display:flex}._popoverArrow_f3hmk_649{fill:var(--basePageBg)}._linkDialogPreviewAnchor_f3hmk_653{margin-right:var(--spacing-1);color:var(--accentText);border:1px solid #0000;align-items:center;text-decoration:none;display:flex}@media (hover:hover){._linkDialogPreviewAnchor_f3hmk_653:hover{color:var(--accentSolidHover)}}._linkDialogPreviewAnchor_f3hmk_653 span{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow-x:hidden}._tooltipTrigger_f3hmk_676{align-self:center}._tooltipContent_f3hmk_680{z-index:2;border-radius:var(--radius-medium);padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs);background-color:var(--baseText);color:var(--baseBase);position:relative}._tooltipContent_f3hmk_680 svg{fill:var(--baseText)}._actionButton_f3hmk_694{all:unset;box-sizing:border-box;cursor:default;padding:var(--spacing-1);padding:var(--spacing-1) var(--spacing-1);border-radius:var(--radius-medium);color:var(--baseTextContrast)}._actionButton_f3hmk_694 svg{display:block}@media (hover:hover){._actionButton_f3hmk_694:hover{background-color:var(--baseBg)}}._actionButton_f3hmk_694:active svg{transform:translate(1px,1px)}._actionButton_f3hmk_694[data-state=on],._actionButton_f3hmk_694:active{background-color:var(--baseBg);color:var(--baseTextContrast)}._primaryActionButton_f3hmk_701{background-color:var(--accentSolid);color:var(--baseBase)}@media (hover:hover){._primaryActionButton_f3hmk_701:hover{background-color:var(--accentSolidHover);color:var(--baseBase)}}._tableEditor_f3hmk_713{table-layout:fixed;border-spacing:0;border-collapse:collapse;width:100%;height:100%}._tableEditor_f3hmk_713 thead>tr>th{text-align:right}._tableEditor_f3hmk_713>tbody>tr>td:not(._toolCell_f3hmk_724),._tableEditor_f3hmk_713>tbody>tr>th:not(._toolCell_f3hmk_724):not([data-tool-cell=true]){border:1px solid var(--baseBgActive);padding:var(--spacing-1) var(--spacing-2);white-space:normal}:is(._tableEditor_f3hmk_713>tbody>tr>td:not(._toolCell_f3hmk_724),._tableEditor_f3hmk_713>tbody>tr>th:not(._toolCell_f3hmk_724):not([data-tool-cell=true]))>div{outline:none}:is(._tableEditor_f3hmk_713>tbody>tr>td:not(._toolCell_f3hmk_724),._tableEditor_f3hmk_713>tbody>tr>th:not(._toolCell_f3hmk_724):not([data-tool-cell=true]))>div>p{margin:0}[data-active=true]:is(._tableEditor_f3hmk_713>tbody>tr>td:not(._toolCell_f3hmk_724),._tableEditor_f3hmk_713>tbody>tr>th:not(._toolCell_f3hmk_724):not([data-tool-cell=true])){outline:solid 1px var(--baseSolid)}._tableEditor_f3hmk_713 ._tableColumnEditorTrigger_f3hmk_743,._tableEditor_f3hmk_713 ._tableRowEditorTrigger_f3hmk_744,._tableEditor_f3hmk_713 ._addRowButton_f3hmk_745,._tableEditor_f3hmk_713 ._addColumnButton_f3hmk_746,._tableEditor_f3hmk_713 ._iconButton_f3hmk_456{opacity:.15}@media (hover:hover){._tableEditor_f3hmk_713:hover ._tableColumnEditorTrigger_f3hmk_743,._tableEditor_f3hmk_713:hover ._tableRowEditorTrigger_f3hmk_744,._tableEditor_f3hmk_713:hover ._addRowButton_f3hmk_745,._tableEditor_f3hmk_713:hover ._addColumnButton_f3hmk_746,._tableEditor_f3hmk_713:hover ._iconButton_f3hmk_456{opacity:.3}._tableEditor_f3hmk_713:hover ._tableColumnEditorTrigger_f3hmk_743:hover,._tableEditor_f3hmk_713:hover ._tableRowEditorTrigger_f3hmk_744:hover,._tableEditor_f3hmk_713:hover ._addRowButton_f3hmk_745:hover,._tableEditor_f3hmk_713:hover ._addColumnButton_f3hmk_746:hover,._tableEditor_f3hmk_713:hover ._iconButton_f3hmk_456:hover{opacity:1}}._toolCell_f3hmk_724{text-align:right}._toolCell_f3hmk_724 button{margin:auto;display:block}._tableColumnEditorTrigger_f3hmk_743{all:unset;box-sizing:border-box;cursor:default;color:var(--baseTextContrast);padding:var(--spacing-1);border-radius:var(--radius-full);opacity:.2}._tableColumnEditorTrigger_f3hmk_743 svg{display:block}@media (hover:hover){._tableColumnEditorTrigger_f3hmk_743:hover{background-color:var(--baseBg)}}._tableColumnEditorTrigger_f3hmk_743:active svg{transform:translate(1px,1px)}._tableColumnEditorTrigger_f3hmk_743[data-state=on],._tableColumnEditorTrigger_f3hmk_743:active{background-color:var(--baseBg);color:var(--baseTextContrast)}._tableColumnEditorTrigger_f3hmk_743[data-active=true]{opacity:1!important}._tableColumnEditorToolbar_f3hmk_788{display:flex}._tableColumnEditorToolbar_f3hmk_788>button{all:unset;box-sizing:border-box;cursor:default;padding:var(--spacing-1);color:var(--baseTextContrast)}._tableColumnEditorToolbar_f3hmk_788>button svg{display:block}@media (hover:hover){._tableColumnEditorToolbar_f3hmk_788>button:hover{background-color:var(--baseBg)}}._tableColumnEditorToolbar_f3hmk_788>button:active svg{transform:translate(1px,1px)}._tableColumnEditorToolbar_f3hmk_788>button[data-state=on],._tableColumnEditorToolbar_f3hmk_788>button:active{background-color:var(--baseBg);color:var(--baseTextContrast)}._tableColumnEditorToolbar_f3hmk_788 [role=separator]{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}._toggleGroupRoot_f3hmk_801{display:inline-flex}._toggleGroupRoot_f3hmk_801 button{all:unset;box-sizing:border-box;cursor:default;padding:var(--spacing-1);color:var(--baseTextContrast)}._toggleGroupRoot_f3hmk_801 button svg{display:block}@media (hover:hover){._toggleGroupRoot_f3hmk_801 button:hover{background-color:var(--baseBg)}}._toggleGroupRoot_f3hmk_801 button:active svg{transform:translate(1px,1px)}._toggleGroupRoot_f3hmk_801 button[data-state=on],._toggleGroupRoot_f3hmk_801 button:active{background-color:var(--baseBg);color:var(--baseTextContrast)}._toggleGroupRoot_f3hmk_801 button:first-child{border-top-left-radius:var(--radius-base);border-bottom-left-radius:var(--radius-base)}._toggleGroupRoot_f3hmk_801 button:last-child{border-top-right-radius:var(--radius-base);border-bottom-right-radius:var(--radius-base)}._tableToolsColumn_f3hmk_819{width:2rem}._tableToolsColumn_f3hmk_819 button{margin:auto;display:block}._leftAlignedCell_f3hmk_828{text-align:left}._rightAlignedCell_f3hmk_832{text-align:right}._centeredCell_f3hmk_836{text-align:center}._addColumnButton_f3hmk_746,._addRowButton_f3hmk_745{all:unset;box-sizing:border-box;cursor:default;padding:var(--spacing-1);color:var(--baseTextContrast);background-color:var(--baseBase);align-items:center;display:flex}._addColumnButton_f3hmk_746 svg,._addRowButton_f3hmk_745 svg{display:block}@media (hover:hover){._addColumnButton_f3hmk_746:hover,._addRowButton_f3hmk_745:hover{background-color:var(--baseBg)}}._addColumnButton_f3hmk_746:active svg,._addRowButton_f3hmk_745:active svg{transform:translate(1px,1px)}._addColumnButton_f3hmk_746[data-state=on],._addRowButton_f3hmk_745[data-state=on],._addColumnButton_f3hmk_746:active,._addRowButton_f3hmk_745:active{background-color:var(--baseBg);color:var(--baseTextContrast)}._addColumnButton_f3hmk_746 svg,._addRowButton_f3hmk_745 svg{margin:auto}._addRowButton_f3hmk_745{width:100%;margin-top:var(--spacing-px);box-sizing:border-box;border-bottom-right-radius:var(--radius-medium);border-bottom-left-radius:var(--radius-medium)}._addColumnButton_f3hmk_746{margin-left:var(--spacing-px);border-top-right-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium);height:100%}._dialogOverlay_f3hmk_869{background-color:var(--baseBase);z-index:51;opacity:.5;animation:.15s cubic-bezier(.16,1,.3,1) _overlayShow_f3hmk_1;position:fixed;inset:0}._dialogContent_f3hmk_602,._largeDialogContent_f3hmk_614{z-index:52;animation:.15s cubic-bezier(.16,1,.3,1) _contentShow_f3hmk_1;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}._dialogContent_f3hmk_602:focus,._largeDialogContent_f3hmk_614:focus{outline:none}@keyframes _overlayShow_f3hmk_1{0%{opacity:0}to{opacity:.5}}@keyframes _contentShow_f3hmk_1{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}._focusedImage_f3hmk_915{outline:2px solid highlight}._imageWrapper_f3hmk_919{display:inline-block;position:relative}._imageWrapper_f3hmk_919[draggable=true]{cursor:move;cursor:grab;cursor:-webkit-grab}._editImageToolbar_f3hmk_932{gap:var(--spacing-1);padding:var(--spacing-1);z-index:1;background-color:var(--baseBase);border-bottom-left-radius:var(--radius-base);display:flex;position:absolute;top:0;right:0}._editImageButton_f3hmk_936 svg{display:block}._inlineEditor_f3hmk_942{border-radius:var(--radius-medium);padding:var(--spacing-1);gap:var(--spacing-2);background:var(--baseBg);align-items:center;display:inline-flex}._blockEditor_f3hmk_951{border-radius:var(--radius-medium);padding:var(--spacing-2);justify-content:stretch;gap:var(--spacing-2);background:var(--baseBg);align-items:center;display:flex}._blockEditor_f3hmk_951 ._nestedEditor_f3hmk_960{flex-grow:1}._nestedEditor_f3hmk_960{background:var(--basePageBg);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-medium)}._nestedEditor_f3hmk_960>p{margin:0}._nestedEditor_f3hmk_960:focus{outline:none}._genericComponentName_f3hmk_979{font-size:var(--text-sm);color:var(--baseText);padding-right:var(--spacing-2)}._diffSourceToggleWrapper_f3hmk_985{pointer-events:auto;opacity:1;margin-left:auto;position:sticky;right:0}._diffSourceToggle_f3hmk_985{border-radius:var(--radius-medium);background-color:var(--baseBase);display:flex}._diffSourceToggle_f3hmk_985 ._toolbarToggleItem_f3hmk_208{padding:0}._diffSourceToggle_f3hmk_985 ._toolbarToggleItem_f3hmk_208>span{padding:var(--spacing-1) var(--spacing-1);display:block}._selectWithLabel_f3hmk_1011{align-items:center;gap:var(--spacing-2);margin-left:var(--spacing-2);display:flex}._selectWithLabel_f3hmk_1011>label{font-size:var(--text-sm)}._selectWithLabel_f3hmk_1011 ._selectTrigger_f3hmk_308{border:1px solid var(--baseBorder)}._toolbarTitleMode_f3hmk_1026{font-size:var(--text-sm);margin-left:var(--spacing-2)}._imageControlWrapperResizing_f3hmk_1031{touch-action:none}._imageResizer_f3hmk_1035{background-color:var(--accentText);border:1px solid var(--baseBg);width:7px;height:7px;display:block;position:absolute}._imageResizer_f3hmk_1035._imageResizerN_f3hmk_1044{cursor:n-resize;top:-6px;left:48%}._imageResizer_f3hmk_1035._imageResizerNe_f3hmk_1050{cursor:ne-resize;top:-6px;right:-6px}._imageResizer_f3hmk_1035._imageResizerE_f3hmk_1056{cursor:e-resize;bottom:48%;right:-6px}._imageResizer_f3hmk_1035._imageResizerSe_f3hmk_1062{cursor:nwse-resize;bottom:-2px;right:-6px}._imageResizer_f3hmk_1035._imageResizerS_f3hmk_1062{cursor:s-resize;bottom:-2px;left:48%}._imageResizer_f3hmk_1035._imageResizerSw_f3hmk_1074{cursor:sw-resize;bottom:-2px;left:-6px}._imageResizer_f3hmk_1035._imageResizerW_f3hmk_1080{cursor:w-resize;bottom:48%;left:-6px}._imageResizer_f3hmk_1035._imageResizerNw_f3hmk_1086{cursor:nw-resize;top:-6px;left:-6px}._imagePlaceholder_f3hmk_1092{border:2px dashed;width:fit-content;height:fit-content;margin:12px;padding:48px}._imageDimensionsContainer_f3hmk_1100{gap:var(--spacing-4);display:flex}._placeholder_f3hmk_1105{color:var(--baseSolid);padding:var(--spacing-3);text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;pointer-events:none;display:inline-block;position:absolute;top:0;overflow:hidden}._rootContentEditableWrapper_f3hmk_1118{position:relative}._downshiftContainer_f3hmk_1122{flex-direction:column;align-items:stretch;display:flex}._downshiftInputWrapper_f3hmk_1128{background-color:var(--baseBase);border-radius:var(--radius-base);border:1px solid var(--baseBorder);align-items:center;display:flex}._downshiftInputWrapper_f3hmk_1128[data-visible-dropdown=true]{border-bottom-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none);border-bottom-width:0}._downshiftInputWrapper_f3hmk_1128>button{all:unset;box-sizing:border-box;cursor:default;padding-right:var(--spacing-2)}._downshiftInput_f3hmk_1128{all:unset;box-sizing:border-box;cursor:default;width:20rem;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm)}._downshiftInput_f3hmk_1128::placeholder{color:var(--baseBorder)}._downshiftAutocompleteContainer_f3hmk_1159{position:relative}._downshiftAutocompleteContainer_f3hmk_1159 ul{all:unset;box-sizing:border-box;font-size:var(--text-sm);border-bottom-left-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium);width:100%;max-height:var(--spacing-48);border:1px solid var(--baseBorder);background-color:var(--baseBase);border-top-width:0;display:none;position:absolute;overflow:hidden auto}._downshiftAutocompleteContainer_f3hmk_1159 ul[data-visible=true]{display:block}._downshiftAutocompleteContainer_f3hmk_1159 ul li{padding:var(--spacing-2) var(--spacing-3);white-space:nowrap;margin-bottom:var(--spacing-1);text-overflow:ellipsis;overflow-x:hidden}._downshiftAutocompleteContainer_f3hmk_1159 ul li[data-selected=true]{background-color:var(--baseBgSubtle)}._downshiftAutocompleteContainer_f3hmk_1159 ul li[data-highlighted=true]{background-color:var(--baseBgHover)}._downshiftAutocompleteContainer_f3hmk_1159 ul li:last-of-type{border-bottom-left-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium)}._textInput_f3hmk_1205{all:unset;border-radius:var(--radius-base);border:1px solid var(--baseBorder);background-color:var(--baseBase);padding:var(--spacing-2) var(--spacing-3)}form._multiFieldForm_f3hmk_1213{padding:var(--spacing-2);gap:var(--spacing-2);flex-direction:column;display:flex}form._multiFieldForm_f3hmk_1213 ._formField_f3hmk_1219{gap:var(--spacing-2);flex-direction:column;display:flex}form._multiFieldForm_f3hmk_1213 ._formField_f3hmk_1219 label{font-size:var(--text-xs)}._markdownParseError_f3hmk_1230{border-radius:var(--radius-base);border:1px solid var(--error-color);padding:var(--spacing-2);margin-block:var(--spacing-2);color:var(--error-color);font-size:var(--text-xs)}._popupContainer_f3hmk_1239{z-index:2;position:relative}._inputSizer_f3hmk_1244{vertical-align:baseline;align-items:center;display:inline-grid;position:relative}._inputSizer_f3hmk_1244:after,._inputSizer_f3hmk_1244 input{width:auto;min-width:1rem;font:inherit;resize:none;appearance:none;color:inherit;background:0 0;border:none;grid-area:1/2;margin:0;padding:0 2px}._inputSizer_f3hmk_1244 span{padding:.25em}._inputSizer_f3hmk_1244:after{content:attr(data-value);white-space:pre-wrap}:root,._light_6j9u9_1,._light-theme_6j9u9_1{--blue-1:#fbfdff;--blue-2:#f4faff;--blue-3:#e6f4fe;--blue-4:#d5efff;--blue-5:#c2e5ff;--blue-6:#acd8fc;--blue-7:#8ec8f6;--blue-8:#5eb1ef;--blue-9:#0090ff;--blue-10:#0588f0;--blue-11:#0d74ce;--blue-12:#113264}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,._light_6j9u9_1,._light-theme_6j9u9_1{--blue-1:color(display-p3 .986 .992 .999);--blue-2:color(display-p3 .96 .979 .998);--blue-3:color(display-p3 .912 .956 .991);--blue-4:color(display-p3 .853 .932 1);--blue-5:color(display-p3 .788 .894 .998);--blue-6:color(display-p3 .709 .843 .976);--blue-7:color(display-p3 .606 .777 .947);--blue-8:color(display-p3 .451 .688 .917);--blue-9:color(display-p3 .247 .556 .969);--blue-10:color(display-p3 .234 .523 .912);--blue-11:color(display-p3 .15 .44 .84);--blue-12:color(display-p3 .102 .193 .379)}}}._dark_6j9u9_1,._dark-theme_6j9u9_1{--blue-1:#0d1520;--blue-2:#111927;--blue-3:#0d2847;--blue-4:#003362;--blue-5:#004074;--blue-6:#104d87;--blue-7:#205d9e;--blue-8:#2870bd;--blue-9:#0090ff;--blue-10:#3b9eff;--blue-11:#70b8ff;--blue-12:#c2e6ff}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){._dark_6j9u9_1,._dark-theme_6j9u9_1{--blue-1:color(display-p3 .057 .081 .122);--blue-2:color(display-p3 .072 .098 .147);--blue-3:color(display-p3 .078 .154 .27);--blue-4:color(display-p3 .033 .197 .37);--blue-5:color(display-p3 .08 .245 .441);--blue-6:color(display-p3 .14 .298 .511);--blue-7:color(display-p3 .195 .361 .6);--blue-8:color(display-p3 .239 .434 .72);--blue-9:color(display-p3 .247 .556 .969);--blue-10:color(display-p3 .344 .612 .973);--blue-11:color(display-p3 .49 .72 1);--blue-12:color(display-p3 .788 .898 .99)}}}:root,._light_6j9u9_1,._light-theme_6j9u9_1{--slate-1:#fcfcfd;--slate-2:#f9f9fb;--slate-3:#f0f0f3;--slate-4:#e8e8ec;--slate-5:#e0e1e6;--slate-6:#d9d9e0;--slate-7:#cdced6;--slate-8:#b9bbc6;--slate-9:#8b8d98;--slate-10:#80838d;--slate-11:#60646c;--slate-12:#1c2024}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,._light_6j9u9_1,._light-theme_6j9u9_1{--slate-1:color(display-p3 .988 .988 .992);--slate-2:color(display-p3 .976 .976 .984);--slate-3:color(display-p3 .94 .941 .953);--slate-4:color(display-p3 .908 .909 .925);--slate-5:color(display-p3 .88 .881 .901);--slate-6:color(display-p3 .85 .852 .876);--slate-7:color(display-p3 .805 .808 .838);--slate-8:color(display-p3 .727 .733 .773);--slate-9:color(display-p3 .547 .553 .592);--slate-10:color(display-p3 .503 .512 .549);--slate-11:color(display-p3 .379 .392 .421);--slate-12:color(display-p3 .113 .125 .14)}}}._dark_6j9u9_1,._dark-theme_6j9u9_1{--slate-1:#111113;--slate-2:#18191b;--slate-3:#212225;--slate-4:#272a2d;--slate-5:#2e3135;--slate-6:#363a3f;--slate-7:#43484e;--slate-8:#5a6169;--slate-9:#696e77;--slate-10:#777b84;--slate-11:#b0b4ba;--slate-12:#edeef0}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){._dark_6j9u9_1,._dark-theme_6j9u9_1{--slate-1:color(display-p3 .067 .067 .074);--slate-2:color(display-p3 .095 .098 .105);--slate-3:color(display-p3 .13 .135 .145);--slate-4:color(display-p3 .156 .163 .176);--slate-5:color(display-p3 .183 .191 .206);--slate-6:color(display-p3 .215 .226 .244);--slate-7:color(display-p3 .265 .28 .302);--slate-8:color(display-p3 .357 .381 .409);--slate-9:color(display-p3 .415 .431 .463);--slate-10:color(display-p3 .469 .483 .514);--slate-11:color(display-p3 .692 .704 .728);--slate-12:color(display-p3 .93 .933 .94)}}}:root,._light_6j9u9_1,._light-theme_6j9u9_1{--grass-1:#fbfefb;--grass-2:#f5fbf5;--grass-3:#e9f6e9;--grass-4:#daf1db;--grass-5:#c9e8ca;--grass-6:#b2ddb5;--grass-7:#94ce9a;--grass-8:#65ba74;--grass-9:#46a758;--grass-10:#3e9b4f;--grass-11:#2a7e3b;--grass-12:#203c25}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,._light_6j9u9_1,._light-theme_6j9u9_1{--grass-1:color(display-p3 .986 .996 .985);--grass-2:color(display-p3 .966 .983 .964);--grass-3:color(display-p3 .923 .965 .917);--grass-4:color(display-p3 .872 .94 .865);--grass-5:color(display-p3 .811 .908 .802);--grass-6:color(display-p3 .733 .864 .724);--grass-7:color(display-p3 .628 .803 .622);--grass-8:color(display-p3 .477 .72 .482);--grass-9:color(display-p3 .38 .647 .378);--grass-10:color(display-p3 .344 .598 .342);--grass-11:color(display-p3 .263 .488 .261);--grass-12:color(display-p3 .151 .233 .153)}}}:root,._light_6j9u9_1,._light-theme_6j9u9_1{--cyan-1:#fafdfe;--cyan-2:#f2fafb;--cyan-3:#def7f9;--cyan-4:#caf1f6;--cyan-5:#b5e9f0;--cyan-6:#9ddde7;--cyan-7:#7dcedc;--cyan-8:#3db9cf;--cyan-9:#00a2c7;--cyan-10:#0797b9;--cyan-11:#107d98;--cyan-12:#0d3c48}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,._light_6j9u9_1,._light-theme_6j9u9_1{--cyan-1:color(display-p3 .982 .992 .996);--cyan-2:color(display-p3 .955 .981 .984);--cyan-3:color(display-p3 .888 .965 .975);--cyan-4:color(display-p3 .821 .941 .959);--cyan-5:color(display-p3 .751 .907 .935);--cyan-6:color(display-p3 .671 .862 .9);--cyan-7:color(display-p3 .564 .8 .854);--cyan-8:color(display-p3 .388 .715 .798);--cyan-9:color(display-p3 .282 .627 .765);--cyan-10:color(display-p3 .264 .583 .71);--cyan-11:color(display-p3 .08 .48 .63);--cyan-12:color(display-p3 .108 .232 .277)}}}:root,._light_6j9u9_1,._light-theme_6j9u9_1{--amber-1:#fefdfb;--amber-2:#fefbe9;--amber-3:#fff7c2;--amber-4:#ffee9c;--amber-5:#fbe577;--amber-6:#f3d673;--amber-7:#e9c162;--amber-8:#e2a336;--amber-9:#ffc53d;--amber-10:#ffba18;--amber-11:#ab6400;--amber-12:#4f3422}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,._light_6j9u9_1,._light-theme_6j9u9_1{--amber-1:color(display-p3 .995 .992 .985);--amber-2:color(display-p3 .994 .986 .921);--amber-3:color(display-p3 .994 .969 .782);--amber-4:color(display-p3 .989 .937 .65);--amber-5:color(display-p3 .97 .902 .527);--amber-6:color(display-p3 .936 .844 .506);--amber-7:color(display-p3 .89 .762 .443);--amber-8:color(display-p3 .85 .65 .3);--amber-9:color(display-p3 1 .77 .26);--amber-10:color(display-p3 .959 .741 .274);--amber-11:color(display-p3 .64 .4 0);--amber-12:color(display-p3 .294 .208 .145)}}}:root,._light_6j9u9_1,._light-theme_6j9u9_1{--red-1:#fffcfc;--red-2:#fff7f7;--red-3:#feebec;--red-4:#ffdbdc;--red-5:#ffcdce;--red-6:#fdbdbe;--red-7:#f4a9aa;--red-8:#eb8e90;--red-9:#e5484d;--red-10:#dc3e42;--red-11:#ce2c31;--red-12:#641723}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,._light_6j9u9_1,._light-theme_6j9u9_1{--red-1:color(display-p3 .998 .989 .988);--red-2:color(display-p3 .995 .971 .971);--red-3:color(display-p3 .985 .925 .925);--red-4:color(display-p3 .999 .866 .866);--red-5:color(display-p3 .984 .812 .811);--red-6:color(display-p3 .955 .751 .749);--red-7:color(display-p3 .915 .675 .672);--red-8:color(display-p3 .872 .575 .572);--red-9:color(display-p3 .83 .329 .324);--red-10:color(display-p3 .798 .294 .285);--red-11:color(display-p3 .744 .234 .222);--red-12:color(display-p3 .36 .115 .143)}}}._bold_6j9u9_10{font-weight:700}._italic_6j9u9_14{font-style:italic}._underline_6j9u9_18{text-decoration:underline}._strikethrough_6j9u9_34{text-decoration:line-through}._underlineStrikethrough_6j9u9_38{text-decoration:underline line-through}._subscript_6j9u9_42{font-size:.8em;vertical-align:sub!important}._superscript_6j9u9_47{vertical-align:super;font-size:.8em}._code_6j9u9_52{background-color:var(--baseBg);font-family:var(--font-mono);padding:1px .25rem;font-size:94%}._quote_6j9u9_59{border-inline-start:3px solid var(--baseBorder);color:var(--baseText);margin-inline-start:0;padding-inline-start:var(--spacing-4)}._nestedListItem_6j9u9_66{list-style:none}._listitem_6j9u9_76{margin:var(--spacing-2) 0}._listItemChecked_6j9u9_80,._listItemUnchecked_6j9u9_81{padding-left:var(--spacing-6);padding-right:var(--spacing-6);margin-left:0;margin-right:0;outline:none;margin-inline-start:-1rem;list-style-type:none;position:relative}._listItemChecked_6j9u9_80{text-decoration:line-through}._listItemUnchecked_6j9u9_81:before,._listItemChecked_6j9u9_80:before{content:"";width:var(--spacing-4);height:var(--spacing-4);cursor:pointer;background-size:cover;display:block;position:absolute;top:0;left:0}._listItemUnchecked_6j9u9_81[dir=rtl]:before,._listItemChecked_6j9u9_80[dir=rtl]:before{left:auto;right:0}._listItemUnchecked_6j9u9_81:focus:before,._listItemChecked_6j9u9_80:focus:before{box-shadow:0 0 0 2px var(--accentBgActive);border-radius:var(--radius-small)}._listItemUnchecked_6j9u9_81:before{border:1px solid var(--baseBorder);border-radius:var(--radius-small)}._listItemChecked_6j9u9_80:before{border:1px solid var(--accentBorder);border-radius:var(--radius-small);background-color:var(--accentSolid);background-repeat:no-repeat}._listItemChecked_6j9u9_80:after{content:"";cursor:pointer;border-color:var(--baseBase);top:var(--spacing-0_5);width:var(--spacing-1);left:var(--spacing-1_5);right:var(--spacing-1_5);height:var(--spacing-2);border-style:solid;border-width:0 var(--spacing-0_5) var(--spacing-0_5) 0;display:block;position:absolute;transform:rotate(45deg)}._nestedListItem_6j9u9_66{list-style-type:none}._nestedListItem_6j9u9_66:before,._nestedListItem_6j9u9_66:after{display:none}._admonitionDanger_6j9u9_158,._admonitionInfo_6j9u9_159,._admonitionNote_6j9u9_160,._admonitionTip_6j9u9_161,._admonitionCaution_6j9u9_162{padding:var(--spacing-2);margin-top:var(--spacing-2);margin-bottom:var(--spacing-2);border-left:3px solid var(--admonitionBorder);background-color:var(--admonitionBg)}._admonitionInfo_6j9u9_159{--admonitionBorder:var(--admonitionInfoBorder);--admonitionBg:var(--admonitionInfoBg)}._admonitionTip_6j9u9_161{--admonitionBorder:var(--admonitionTipBorder);--admonitionBg:var(--admonitionTipBg)}._admonitionCaution_6j9u9_162{--admonitionBorder:var(--admonitionCautionBorder);--admonitionBg:var(--admonitionCautionBg)}._admonitionDanger_6j9u9_158{--admonitionBorder:var(--admonitionDangerBorder);--admonitionBg:var(--admonitionDangerBg)}._admonitionNote_6j9u9_160{--admonitionBorder:var(--admonitionNoteBorder);--admonitionBg:var(--admonitionNoteBg)}._mdxExpression_6j9u9_195{font-family:var(--font-mono);color:var(--accentText);font-size:84%}._mdxExpression_6j9u9_195 input:focus-visible{outline:none}

package/dist/mdx-editor.d.ts CHANGED Viewed

@@ -1,2 +1,5 @@
-export { MdxEditorField, type MdxEditorAdmonitionOptions, type MdxEditorCodeBlockLanguage, type MdxEditorCodeBlockOptions, type MdxEditorCodeMirrorOptions, type MdxEditorDiffModeOptions, type MdxEditorFieldProps, type MdxEditorHeadingLevel, type MdxEditorImageOptions, type MdxEditorImagePreviewHandler, type MdxEditorImageUploadHandler, type MdxEditorLinkOptions, type MdxEditorPlugin, type MdxEditorPluginOptions, type MdxEditorToolbarOptions, type MdxEditorViewMode, } from './components/MdxEditorField';
+export { MdxEditorField, type MdxEditorAdmonitionOptions, type MdxEditorCalloutOptions, type MdxEditorCodeBlockEditorContext, type MdxEditorCodeBlockEditorDescriptor, type MdxEditorCodeBlockEditorProps, type MdxEditorCodeBlockLanguage, type MdxEditorCodeBlockOptions, type MdxEditorCodeMirrorOptions, type MdxEditorDiffModeOptions, type MdxEditorFieldProps, type MdxEditorHeadingLevel, type MdxEditorImageOptions, type MdxEditorImagePreviewHandler, type MdxEditorImageUploadHandler, type MdxEditorJsxAttribute, type MdxEditorJsxComponentDescriptor, type MdxEditorJsxEditorProps, type MdxEditorJsxNode, type MdxEditorLinkOptions, type MdxEditorPlugin, type MdxEditorInsertJsx, type MdxEditorPluginOptions, type MdxEditorRuntime, type MdxEditorToolbarOptions, type MdxEditorViewMode, } from './components/MdxEditorField';
+export { CALLOUT_JSX_NAME, calloutJsxDescriptor, calloutToolbarButton, } from './components/mdx-editor-callout';
+export { CALLOUT_ATTRIBUTE_OPTIONS, CALLOUT_ATTRIBUTES, CALLOUT_JSX_PROPS, readCalloutAttributes, type CalloutAttribute, } from './components/mdx-editor-callout-model';
+export { readJsxAttributes, writeJsxAttribute, } from './components/mdx-editor-jsx-attributes';
 //# sourceMappingURL=mdx-editor.d.ts.map

package/dist/mdx-editor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mdx-editor.d.ts","sourceRoot":"","sources":["../src/mdx-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAC/B,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,4BAA4B,EACjC,KAAK,2BAA2B,EAChC,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,GACvB,MAAM,6BAA6B,CAAC"}
1	+ {"version":3,"file":"mdx-editor.d.ts","sourceRoot":"","sources":["../src/mdx-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,0BAA0B,EAC/B,KAAK,uBAAuB,EAC5B,KAAK,+BAA+B,EACpC,KAAK,kCAAkC,EACvC,KAAK,6BAA6B,EAClC,KAAK,0BAA0B,EAC/B,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,4BAA4B,EACjC,KAAK,2BAA2B,EAChC,KAAK,qBAAqB,EAC1B,KAAK,+BAA+B,EACpC,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,GACvB,MAAM,6BAA6B,CAAC;AAIrC,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,yBAAyB,EACzB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,KAAK,gBAAgB,GACtB,MAAM,uCAAuC,CAAC;AAI/C,OAAO,EACL,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,wCAAwC,CAAC"}

package/dist/mdx-editor.js CHANGED Viewed

@@ -1,5 +1,17 @@
 import { MdxEditorField } from "./components/MdxEditorField.js";
+import { CALLOUT_JSX_NAME, calloutJsxDescriptor, calloutToolbarButton } from "./components/mdx-editor-callout.js";
+import { CALLOUT_ATTRIBUTES, CALLOUT_ATTRIBUTE_OPTIONS, CALLOUT_JSX_PROPS, readCalloutAttributes } from "./components/mdx-editor-callout-model.js";
+import { readJsxAttributes, writeJsxAttribute } from "./components/mdx-editor-jsx-attributes.js";
 export {
-  MdxEditorField
+  CALLOUT_ATTRIBUTES,
+  CALLOUT_ATTRIBUTE_OPTIONS,
+  CALLOUT_JSX_NAME,
+  CALLOUT_JSX_PROPS,
+  MdxEditorField,
+  calloutJsxDescriptor,
+  calloutToolbarButton,
+  readCalloutAttributes,
+  readJsxAttributes,
+  writeJsxAttribute
 };
 //# sourceMappingURL=mdx-editor.js.map

package/dist/mdx-editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mdx-editor.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
1	+ {"version":3,"file":"mdx-editor.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/overlay/CommandPalette.cjs CHANGED Viewed

@@ -175,7 +175,7 @@ function CommandPalette({
                   placeholder,
                   onChange: (event) => setQuery(event.target.value),
                   onKeyDown,
-                  className: "h-12 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+                  className: "h-12 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-placeholder"
                 }
               )
             ] }),

package/dist/overlay/CommandPalette.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandPalette.cjs","sources":["../../src/overlay/CommandPalette.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiSearch } from \"../icons\";\nimport { useHotkey } from \"../hooks/use-hotkey\";\nimport { useEscapeLayer, useModalStack } from \"./modalStack\";\nimport { zIndex } from \"./zIndex\";\nimport { CommandPaletteList } from \"./CommandPaletteList\";\nimport {\n defaultCommandFilter,\n filterCommandGroups,\n firstEnabledIndex,\n flattenCommands,\n lastEnabledIndex,\n nextEnabledIndex,\n type CommandFilter,\n type CommandGroup,\n type CommandItem,\n} from \"./CommandPalette.model\";\n\nexport type {\n CommandFilter,\n CommandGroup,\n CommandItem,\n CommandSelectContext,\n} from \"./CommandPalette.model\";\n\nconst SIZE_CLASS = {\n md: \"max-w-[40rem]\",\n lg: \"max-w-[48rem]\",\n} as const;\n\nexport type CommandPaletteProps = {\n /*\n Controls visibility. Omit to run uncontrolled — the palette then owns its\n * open state and the built-in hotkey works with no wiring beyond mounting it.\n /\n open?: boolean;\n /* Called with the next open state on hotkey, Escape, backdrop click, and selection. /\n onOpenChange?: (open: boolean) => void;\n /* Command groups, rendered top to bottom in array order. /\n groups: CommandGroup[];\n /* Controlled query. Omit to let the palette own the input. /\n query?: string;\n /* Called with the next query on every keystroke. Required for server-side search. /\n onQueryChange?: (query: string) => void;\n /\n Global shortcut that opens (and, while open, closes) the palette, in\n * `useHotkey` syntax — `\"mod+k\"` by default, where `mod` is ⌘ on macOS and\n * Ctrl elsewhere. Pass `null` when an ancestor owns the binding.\n /\n hotkey?: string \| null;\n /* Ghost text in the search input. Defaults to \"Type a command or search…\". /\n placeholder?: string;\n /* Shows a loading row instead of the empty state while results are in flight. /\n loading?: boolean;\n /* Replaces the default \"No results\" body. /\n emptyState?: ReactNode;\n /* Non-interactive hint strip pinned below the list. /\n footer?: ReactNode;\n /\n How rows are matched. Defaults to a case-insensitive substring match over\n * label, description and keywords, ranked by hit position. Pass `false` when\n * the caller already filtered `groups` server-side.\n /\n filter?: CommandFilter \| false;\n /* Fallback handler for items with no own `onSelect`. /\n onSelect?: (context: { item: CommandItem; query: string; close: () => void }) => void;\n /* Close after a successful activation. Defaults to true. /\n closeOnSelect?: boolean;\n /* Clear the query when the palette closes. Defaults to true. /\n resetQueryOnClose?: boolean;\n /* Panel width preset. Defaults to \"md\". /\n size?: \"md\" \| \"lg\";\n /* Distance from the viewport top. Defaults to \"12vh\". Applied as an inline style. /\n topOffset?: string \| number;\n /* Max height of the scrolling list. Defaults to \"min(24rem, 50dvh)\". Inline style. /\n listMaxHeight?: string \| number;\n /* Accessible name for the dialog. Defaults to \"Command palette\". /\n ariaLabel?: string;\n /* Classes applied to the palette panel. /\n className?: string;\n};\n\n/\n A ⌘K command palette: a top-anchored overlay with a search field over a\n * grouped, keyboard-navigable command list.\n \n It renders its own portal rather than building on `Modal`, which centres its\n * panel, focuses the dialog element instead of an input, forces body padding,\n * and pins an inline max-height — none of which a palette can override. The\n * stacking primitives are shared though (`useModalStack`, `useEscapeLayer`, the\n * `zIndex` scale), so a palette opened over a modal sits above it and Escape\n * still dismisses exactly one layer.\n /\nexport function CommandPalette({\n open,\n onOpenChange,\n groups,\n query,\n onQueryChange,\n hotkey = \"mod+k\",\n placeholder = \"Type a command or search…\",\n loading,\n emptyState,\n footer,\n filter = defaultCommandFilter,\n onSelect,\n closeOnSelect = true,\n resetQueryOnClose = true,\n size = \"md\",\n topOffset = \"12vh\",\n listMaxHeight = \"min(24rem, 50dvh)\",\n ariaLabel = \"Command palette\",\n className,\n}: CommandPaletteProps) {\n const baseId = useId();\n const [selfOpen, setSelfOpen] = useState(false);\n const [selfQuery, setSelfQuery] = useState(\"\");\n const [activeIndex, setActiveIndex] = useState(0);\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const listRef = useRef<HTMLDivElement>(null);\n const restoreFocusRef = useRef<HTMLElement \| null>(null);\n\n const isOpen = open ?? selfOpen;\n const currentQuery = query ?? selfQuery;\n\n const setOpen = useCallback(\n (next: boolean) => {\n if (open === undefined) setSelfOpen(next);\n onOpenChange?.(next);\n },\n [open, onOpenChange],\n );\n\n const setQuery = useCallback(\n (next: string) => {\n if (query === undefined) setSelfQuery(next);\n onQueryChange?.(next);\n },\n [query, onQueryChange],\n );\n\n const visibleGroups = useMemo(\n () => filterCommandGroups(groups, currentQuery, filter),\n [groups, currentQuery, filter],\n );\n const items = useMemo(() => flattenCommands(visibleGroups), [visibleGroups]);\n\n // Priority keeps the palette ahead of any page-level ⌘K search field, whose\n // binding would otherwise win purely by mounting later.\n useHotkey(hotkey, () => setOpen(!isOpen), { priority: 10 });\n useEscapeLayer(isOpen, () => setOpen(false));\n\n const { depth } = useModalStack(isOpen);\n\n // Enter-runs-the-top-result is the point of a palette, so the active row\n // resets to the first selectable one whenever the result set changes.\n useEffect(() => {\n setActiveIndex(firstEnabledIndex(items));\n }, [items]);\n\n useEffect(() => {\n if (!isOpen) {\n if (resetQueryOnClose && query === undefined) setSelfQuery(\"\");\n restoreFocusRef.current?.focus?.();\n restoreFocusRef.current = null;\n return;\n }\n restoreFocusRef.current = document.activeElement as HTMLElement \| null;\n inputRef.current?.focus();\n }, [isOpen, resetQueryOnClose, query]);\n\n // Keep the active row in view without stealing focus from the input.\n useEffect(() => {\n if (activeIndex < 0) return;\n const option = listRef.current?.querySelectorAll('[role=\"option\"]')[activeIndex];\n // jsdom does not implement scrollIntoView; scrolling is a progressive\n // enhancement, so skip it rather than crash a consumer's test run.\n if (option instanceof HTMLElement && typeof option.scrollIntoView === \"function\") {\n option.scrollIntoView({ block: \"nearest\" });\n }\n }, [activeIndex]);\n\n const optionId = useCallback((item: CommandItem) => `${baseId}-option-${item.id}`, [baseId]);\n\n const activate = useCallback(\n (item: CommandItem) => {\n if (item.disabled) return;\n const close = () => setOpen(false);\n const context = { item, query: currentQuery.trim(), close };\n if (item.onSelect) item.onSelect(context);\n else onSelect?.(context);\n if (closeOnSelect) close();\n },\n [currentQuery, onSelect, closeOnSelect, setOpen],\n );\n\n const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n switch (event.key) {\n case \"ArrowDown\":\n event.preventDefault();\n setActiveIndex((current) => nextEnabledIndex(items, current, 1));\n break;\n case \"ArrowUp\":\n event.preventDefault();\n setActiveIndex((current) => nextEnabledIndex(items, current, -1));\n break;\n case \"Home\":\n event.preventDefault();\n setActiveIndex(firstEnabledIndex(items));\n break;\n case \"End\":\n event.preventDefault();\n setActiveIndex(lastEnabledIndex(items));\n break;\n case \"Enter\": {\n event.preventDefault();\n const index = activeIndex >= 0 ? activeIndex : firstEnabledIndex(items);\n const item = index >= 0 ? items[index] : undefined;\n if (item) activate(item);\n break;\n }\n case \"Tab\":\n // Nothing else in the panel is focusable, and letting Tab escape an\n // aria-modal dialog would strand focus behind the backdrop.\n if (!footer) event.preventDefault();\n break;\n default:\n break;\n }\n };\n\n if (!isOpen \|\| typeof document === \"undefined\") return null;\n\n const activeItem = activeIndex >= 0 ? items[activeIndex] : undefined;\n const listId = `${baseId}-list`;\n\n const overlay = (\n <div\n className={cn(\n \"fixed inset-0 flex justify-center p-density-4\",\n depth === 0 ? \"bg-black/40\" : \"bg-black/20\",\n )}\n style={{ zIndex: zIndex.modal + depth zIndex.modalStep }}\n role=\"presentation\"\n onClick={() => setOpen(false)}\n >\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={ariaLabel}\n className={cn(\n \"flex h-fit w-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\",\n SIZE_CLASS[size],\n className,\n )}\n style={{ marginTop: topOffset }}\n onClick={(event) => event.stopPropagation()}\n >\n <div className=\"flex items-center gap-density-2 border-b border-border px-density-3\">\n <Icon icon={UiSearch} className=\"shrink-0 text-muted-foreground\" />\n <input\n ref={inputRef}\n type=\"text\"\n role=\"combobox\"\n aria-expanded\n aria-controls={listId}\n aria-autocomplete=\"list\"\n aria-activedescendant={activeItem ? optionId(activeItem) : undefined}\n aria-label={ariaLabel}\n value={currentQuery}\n placeholder={placeholder}\n onChange={(event) => setQuery(event.target.value)}\n onKeyDown={onKeyDown}\n className=\"h-12 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground\"\n />\n </div>\n\n <CommandPaletteList\n groups={visibleGroups}\n items={items}\n activeIndex={activeIndex}\n listId={listId}\n optionId={optionId}\n onActivate={activate}\n onHover={setActiveIndex}\n listRef={listRef}\n loading={loading}\n emptyState={emptyState}\n listMaxHeight={listMaxHeight}\n />\n\n {footer && (\n <div className=\"border-t border-border px-density-3 py-density-2 text-xs text-muted-foreground\">\n {footer}\n </div>\n )}\n </div>\n </div>\n );\n\n return createPortal(overlay, document.body);\n}\n"],"names":["defaultCommandFilter","useId","useState","useRef","useCallback","useMemo","filterCommandGroups","flattenCommands","useHotkey","useEscapeLayer","useModalStack","useEffect","firstEnabledIndex","nextEnabledIndex","lastEnabledIndex","jsx","cn","zIndex","jsxs","Icon","UiSearch","CommandPaletteList","createPortal"],"mappings":"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"}
1	+ {"version":3,"file":"CommandPalette.cjs","sources":["../../src/overlay/CommandPalette.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiSearch } from \"../icons\";\nimport { useHotkey } from \"../hooks/use-hotkey\";\nimport { useEscapeLayer, useModalStack } from \"./modalStack\";\nimport { zIndex } from \"./zIndex\";\nimport { CommandPaletteList } from \"./CommandPaletteList\";\nimport {\n defaultCommandFilter,\n filterCommandGroups,\n firstEnabledIndex,\n flattenCommands,\n lastEnabledIndex,\n nextEnabledIndex,\n type CommandFilter,\n type CommandGroup,\n type CommandItem,\n} from \"./CommandPalette.model\";\n\nexport type {\n CommandFilter,\n CommandGroup,\n CommandItem,\n CommandSelectContext,\n} from \"./CommandPalette.model\";\n\nconst SIZE_CLASS = {\n md: \"max-w-[40rem]\",\n lg: \"max-w-[48rem]\",\n} as const;\n\nexport type CommandPaletteProps = {\n /*\n Controls visibility. Omit to run uncontrolled — the palette then owns its\n * open state and the built-in hotkey works with no wiring beyond mounting it.\n /\n open?: boolean;\n /* Called with the next open state on hotkey, Escape, backdrop click, and selection. /\n onOpenChange?: (open: boolean) => void;\n /* Command groups, rendered top to bottom in array order. /\n groups: CommandGroup[];\n /* Controlled query. Omit to let the palette own the input. /\n query?: string;\n /* Called with the next query on every keystroke. Required for server-side search. /\n onQueryChange?: (query: string) => void;\n /\n Global shortcut that opens (and, while open, closes) the palette, in\n * `useHotkey` syntax — `\"mod+k\"` by default, where `mod` is ⌘ on macOS and\n * Ctrl elsewhere. Pass `null` when an ancestor owns the binding.\n /\n hotkey?: string \| null;\n /* Ghost text in the search input. Defaults to \"Type a command or search…\". /\n placeholder?: string;\n /* Shows a loading row instead of the empty state while results are in flight. /\n loading?: boolean;\n /* Replaces the default \"No results\" body. /\n emptyState?: ReactNode;\n /* Non-interactive hint strip pinned below the list. /\n footer?: ReactNode;\n /\n How rows are matched. Defaults to a case-insensitive substring match over\n * label, description and keywords, ranked by hit position. Pass `false` when\n * the caller already filtered `groups` server-side.\n /\n filter?: CommandFilter \| false;\n /* Fallback handler for items with no own `onSelect`. /\n onSelect?: (context: { item: CommandItem; query: string; close: () => void }) => void;\n /* Close after a successful activation. Defaults to true. /\n closeOnSelect?: boolean;\n /* Clear the query when the palette closes. Defaults to true. /\n resetQueryOnClose?: boolean;\n /* Panel width preset. Defaults to \"md\". /\n size?: \"md\" \| \"lg\";\n /* Distance from the viewport top. Defaults to \"12vh\". Applied as an inline style. /\n topOffset?: string \| number;\n /* Max height of the scrolling list. Defaults to \"min(24rem, 50dvh)\". Inline style. /\n listMaxHeight?: string \| number;\n /* Accessible name for the dialog. Defaults to \"Command palette\". /\n ariaLabel?: string;\n /* Classes applied to the palette panel. /\n className?: string;\n};\n\n/\n A ⌘K command palette: a top-anchored overlay with a search field over a\n * grouped, keyboard-navigable command list.\n \n It renders its own portal rather than building on `Modal`, which centres its\n * panel, focuses the dialog element instead of an input, forces body padding,\n * and pins an inline max-height — none of which a palette can override. The\n * stacking primitives are shared though (`useModalStack`, `useEscapeLayer`, the\n * `zIndex` scale), so a palette opened over a modal sits above it and Escape\n * still dismisses exactly one layer.\n /\nexport function CommandPalette({\n open,\n onOpenChange,\n groups,\n query,\n onQueryChange,\n hotkey = \"mod+k\",\n placeholder = \"Type a command or search…\",\n loading,\n emptyState,\n footer,\n filter = defaultCommandFilter,\n onSelect,\n closeOnSelect = true,\n resetQueryOnClose = true,\n size = \"md\",\n topOffset = \"12vh\",\n listMaxHeight = \"min(24rem, 50dvh)\",\n ariaLabel = \"Command palette\",\n className,\n}: CommandPaletteProps) {\n const baseId = useId();\n const [selfOpen, setSelfOpen] = useState(false);\n const [selfQuery, setSelfQuery] = useState(\"\");\n const [activeIndex, setActiveIndex] = useState(0);\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const listRef = useRef<HTMLDivElement>(null);\n const restoreFocusRef = useRef<HTMLElement \| null>(null);\n\n const isOpen = open ?? selfOpen;\n const currentQuery = query ?? selfQuery;\n\n const setOpen = useCallback(\n (next: boolean) => {\n if (open === undefined) setSelfOpen(next);\n onOpenChange?.(next);\n },\n [open, onOpenChange],\n );\n\n const setQuery = useCallback(\n (next: string) => {\n if (query === undefined) setSelfQuery(next);\n onQueryChange?.(next);\n },\n [query, onQueryChange],\n );\n\n const visibleGroups = useMemo(\n () => filterCommandGroups(groups, currentQuery, filter),\n [groups, currentQuery, filter],\n );\n const items = useMemo(() => flattenCommands(visibleGroups), [visibleGroups]);\n\n // Priority keeps the palette ahead of any page-level ⌘K search field, whose\n // binding would otherwise win purely by mounting later.\n useHotkey(hotkey, () => setOpen(!isOpen), { priority: 10 });\n useEscapeLayer(isOpen, () => setOpen(false));\n\n const { depth } = useModalStack(isOpen);\n\n // Enter-runs-the-top-result is the point of a palette, so the active row\n // resets to the first selectable one whenever the result set changes.\n useEffect(() => {\n setActiveIndex(firstEnabledIndex(items));\n }, [items]);\n\n useEffect(() => {\n if (!isOpen) {\n if (resetQueryOnClose && query === undefined) setSelfQuery(\"\");\n restoreFocusRef.current?.focus?.();\n restoreFocusRef.current = null;\n return;\n }\n restoreFocusRef.current = document.activeElement as HTMLElement \| null;\n inputRef.current?.focus();\n }, [isOpen, resetQueryOnClose, query]);\n\n // Keep the active row in view without stealing focus from the input.\n useEffect(() => {\n if (activeIndex < 0) return;\n const option = listRef.current?.querySelectorAll('[role=\"option\"]')[activeIndex];\n // jsdom does not implement scrollIntoView; scrolling is a progressive\n // enhancement, so skip it rather than crash a consumer's test run.\n if (option instanceof HTMLElement && typeof option.scrollIntoView === \"function\") {\n option.scrollIntoView({ block: \"nearest\" });\n }\n }, [activeIndex]);\n\n const optionId = useCallback((item: CommandItem) => `${baseId}-option-${item.id}`, [baseId]);\n\n const activate = useCallback(\n (item: CommandItem) => {\n if (item.disabled) return;\n const close = () => setOpen(false);\n const context = { item, query: currentQuery.trim(), close };\n if (item.onSelect) item.onSelect(context);\n else onSelect?.(context);\n if (closeOnSelect) close();\n },\n [currentQuery, onSelect, closeOnSelect, setOpen],\n );\n\n const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n switch (event.key) {\n case \"ArrowDown\":\n event.preventDefault();\n setActiveIndex((current) => nextEnabledIndex(items, current, 1));\n break;\n case \"ArrowUp\":\n event.preventDefault();\n setActiveIndex((current) => nextEnabledIndex(items, current, -1));\n break;\n case \"Home\":\n event.preventDefault();\n setActiveIndex(firstEnabledIndex(items));\n break;\n case \"End\":\n event.preventDefault();\n setActiveIndex(lastEnabledIndex(items));\n break;\n case \"Enter\": {\n event.preventDefault();\n const index = activeIndex >= 0 ? activeIndex : firstEnabledIndex(items);\n const item = index >= 0 ? items[index] : undefined;\n if (item) activate(item);\n break;\n }\n case \"Tab\":\n // Nothing else in the panel is focusable, and letting Tab escape an\n // aria-modal dialog would strand focus behind the backdrop.\n if (!footer) event.preventDefault();\n break;\n default:\n break;\n }\n };\n\n if (!isOpen \|\| typeof document === \"undefined\") return null;\n\n const activeItem = activeIndex >= 0 ? items[activeIndex] : undefined;\n const listId = `${baseId}-list`;\n\n const overlay = (\n <div\n className={cn(\n \"fixed inset-0 flex justify-center p-density-4\",\n depth === 0 ? \"bg-black/40\" : \"bg-black/20\",\n )}\n style={{ zIndex: zIndex.modal + depth zIndex.modalStep }}\n role=\"presentation\"\n onClick={() => setOpen(false)}\n >\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={ariaLabel}\n className={cn(\n \"flex h-fit w-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\",\n SIZE_CLASS[size],\n className,\n )}\n style={{ marginTop: topOffset }}\n onClick={(event) => event.stopPropagation()}\n >\n <div className=\"flex items-center gap-density-2 border-b border-border px-density-3\">\n <Icon icon={UiSearch} className=\"shrink-0 text-muted-foreground\" />\n <input\n ref={inputRef}\n type=\"text\"\n role=\"combobox\"\n aria-expanded\n aria-controls={listId}\n aria-autocomplete=\"list\"\n aria-activedescendant={activeItem ? optionId(activeItem) : undefined}\n aria-label={ariaLabel}\n value={currentQuery}\n placeholder={placeholder}\n onChange={(event) => setQuery(event.target.value)}\n onKeyDown={onKeyDown}\n className=\"h-12 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-placeholder\"\n />\n </div>\n\n <CommandPaletteList\n groups={visibleGroups}\n items={items}\n activeIndex={activeIndex}\n listId={listId}\n optionId={optionId}\n onActivate={activate}\n onHover={setActiveIndex}\n listRef={listRef}\n loading={loading}\n emptyState={emptyState}\n listMaxHeight={listMaxHeight}\n />\n\n {footer && (\n <div className=\"border-t border-border px-density-3 py-density-2 text-xs text-muted-foreground\">\n {footer}\n </div>\n )}\n </div>\n </div>\n );\n\n return createPortal(overlay, document.body);\n}\n"],"names":["defaultCommandFilter","useId","useState","useRef","useCallback","useMemo","filterCommandGroups","flattenCommands","useHotkey","useEscapeLayer","useModalStack","useEffect","firstEnabledIndex","nextEnabledIndex","lastEnabledIndex","jsx","cn","zIndex","jsxs","Icon","UiSearch","CommandPaletteList","createPortal"],"mappings":"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"}

package/dist/overlay/CommandPalette.js CHANGED Viewed

@@ -173,7 +173,7 @@ function CommandPalette({
                   placeholder,
                   onChange: (event) => setQuery(event.target.value),
                   onKeyDown,
-                  className: "h-12 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+                  className: "h-12 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-placeholder"
                 }
               )
             ] }),

package/dist/overlay/CommandPalette.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandPalette.js","sources":["../../src/overlay/CommandPalette.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiSearch } from \"../icons\";\nimport { useHotkey } from \"../hooks/use-hotkey\";\nimport { useEscapeLayer, useModalStack } from \"./modalStack\";\nimport { zIndex } from \"./zIndex\";\nimport { CommandPaletteList } from \"./CommandPaletteList\";\nimport {\n defaultCommandFilter,\n filterCommandGroups,\n firstEnabledIndex,\n flattenCommands,\n lastEnabledIndex,\n nextEnabledIndex,\n type CommandFilter,\n type CommandGroup,\n type CommandItem,\n} from \"./CommandPalette.model\";\n\nexport type {\n CommandFilter,\n CommandGroup,\n CommandItem,\n CommandSelectContext,\n} from \"./CommandPalette.model\";\n\nconst SIZE_CLASS = {\n md: \"max-w-[40rem]\",\n lg: \"max-w-[48rem]\",\n} as const;\n\nexport type CommandPaletteProps = {\n /*\n Controls visibility. Omit to run uncontrolled — the palette then owns its\n * open state and the built-in hotkey works with no wiring beyond mounting it.\n /\n open?: boolean;\n /* Called with the next open state on hotkey, Escape, backdrop click, and selection. /\n onOpenChange?: (open: boolean) => void;\n /* Command groups, rendered top to bottom in array order. /\n groups: CommandGroup[];\n /* Controlled query. Omit to let the palette own the input. /\n query?: string;\n /* Called with the next query on every keystroke. Required for server-side search. /\n onQueryChange?: (query: string) => void;\n /\n Global shortcut that opens (and, while open, closes) the palette, in\n * `useHotkey` syntax — `\"mod+k\"` by default, where `mod` is ⌘ on macOS and\n * Ctrl elsewhere. Pass `null` when an ancestor owns the binding.\n /\n hotkey?: string \| null;\n /* Ghost text in the search input. Defaults to \"Type a command or search…\". /\n placeholder?: string;\n /* Shows a loading row instead of the empty state while results are in flight. /\n loading?: boolean;\n /* Replaces the default \"No results\" body. /\n emptyState?: ReactNode;\n /* Non-interactive hint strip pinned below the list. /\n footer?: ReactNode;\n /\n How rows are matched. Defaults to a case-insensitive substring match over\n * label, description and keywords, ranked by hit position. Pass `false` when\n * the caller already filtered `groups` server-side.\n /\n filter?: CommandFilter \| false;\n /* Fallback handler for items with no own `onSelect`. /\n onSelect?: (context: { item: CommandItem; query: string; close: () => void }) => void;\n /* Close after a successful activation. Defaults to true. /\n closeOnSelect?: boolean;\n /* Clear the query when the palette closes. Defaults to true. /\n resetQueryOnClose?: boolean;\n /* Panel width preset. Defaults to \"md\". /\n size?: \"md\" \| \"lg\";\n /* Distance from the viewport top. Defaults to \"12vh\". Applied as an inline style. /\n topOffset?: string \| number;\n /* Max height of the scrolling list. Defaults to \"min(24rem, 50dvh)\". Inline style. /\n listMaxHeight?: string \| number;\n /* Accessible name for the dialog. Defaults to \"Command palette\". /\n ariaLabel?: string;\n /* Classes applied to the palette panel. /\n className?: string;\n};\n\n/\n A ⌘K command palette: a top-anchored overlay with a search field over a\n * grouped, keyboard-navigable command list.\n \n It renders its own portal rather than building on `Modal`, which centres its\n * panel, focuses the dialog element instead of an input, forces body padding,\n * and pins an inline max-height — none of which a palette can override. The\n * stacking primitives are shared though (`useModalStack`, `useEscapeLayer`, the\n * `zIndex` scale), so a palette opened over a modal sits above it and Escape\n * still dismisses exactly one layer.\n /\nexport function CommandPalette({\n open,\n onOpenChange,\n groups,\n query,\n onQueryChange,\n hotkey = \"mod+k\",\n placeholder = \"Type a command or search…\",\n loading,\n emptyState,\n footer,\n filter = defaultCommandFilter,\n onSelect,\n closeOnSelect = true,\n resetQueryOnClose = true,\n size = \"md\",\n topOffset = \"12vh\",\n listMaxHeight = \"min(24rem, 50dvh)\",\n ariaLabel = \"Command palette\",\n className,\n}: CommandPaletteProps) {\n const baseId = useId();\n const [selfOpen, setSelfOpen] = useState(false);\n const [selfQuery, setSelfQuery] = useState(\"\");\n const [activeIndex, setActiveIndex] = useState(0);\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const listRef = useRef<HTMLDivElement>(null);\n const restoreFocusRef = useRef<HTMLElement \| null>(null);\n\n const isOpen = open ?? selfOpen;\n const currentQuery = query ?? selfQuery;\n\n const setOpen = useCallback(\n (next: boolean) => {\n if (open === undefined) setSelfOpen(next);\n onOpenChange?.(next);\n },\n [open, onOpenChange],\n );\n\n const setQuery = useCallback(\n (next: string) => {\n if (query === undefined) setSelfQuery(next);\n onQueryChange?.(next);\n },\n [query, onQueryChange],\n );\n\n const visibleGroups = useMemo(\n () => filterCommandGroups(groups, currentQuery, filter),\n [groups, currentQuery, filter],\n );\n const items = useMemo(() => flattenCommands(visibleGroups), [visibleGroups]);\n\n // Priority keeps the palette ahead of any page-level ⌘K search field, whose\n // binding would otherwise win purely by mounting later.\n useHotkey(hotkey, () => setOpen(!isOpen), { priority: 10 });\n useEscapeLayer(isOpen, () => setOpen(false));\n\n const { depth } = useModalStack(isOpen);\n\n // Enter-runs-the-top-result is the point of a palette, so the active row\n // resets to the first selectable one whenever the result set changes.\n useEffect(() => {\n setActiveIndex(firstEnabledIndex(items));\n }, [items]);\n\n useEffect(() => {\n if (!isOpen) {\n if (resetQueryOnClose && query === undefined) setSelfQuery(\"\");\n restoreFocusRef.current?.focus?.();\n restoreFocusRef.current = null;\n return;\n }\n restoreFocusRef.current = document.activeElement as HTMLElement \| null;\n inputRef.current?.focus();\n }, [isOpen, resetQueryOnClose, query]);\n\n // Keep the active row in view without stealing focus from the input.\n useEffect(() => {\n if (activeIndex < 0) return;\n const option = listRef.current?.querySelectorAll('[role=\"option\"]')[activeIndex];\n // jsdom does not implement scrollIntoView; scrolling is a progressive\n // enhancement, so skip it rather than crash a consumer's test run.\n if (option instanceof HTMLElement && typeof option.scrollIntoView === \"function\") {\n option.scrollIntoView({ block: \"nearest\" });\n }\n }, [activeIndex]);\n\n const optionId = useCallback((item: CommandItem) => `${baseId}-option-${item.id}`, [baseId]);\n\n const activate = useCallback(\n (item: CommandItem) => {\n if (item.disabled) return;\n const close = () => setOpen(false);\n const context = { item, query: currentQuery.trim(), close };\n if (item.onSelect) item.onSelect(context);\n else onSelect?.(context);\n if (closeOnSelect) close();\n },\n [currentQuery, onSelect, closeOnSelect, setOpen],\n );\n\n const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n switch (event.key) {\n case \"ArrowDown\":\n event.preventDefault();\n setActiveIndex((current) => nextEnabledIndex(items, current, 1));\n break;\n case \"ArrowUp\":\n event.preventDefault();\n setActiveIndex((current) => nextEnabledIndex(items, current, -1));\n break;\n case \"Home\":\n event.preventDefault();\n setActiveIndex(firstEnabledIndex(items));\n break;\n case \"End\":\n event.preventDefault();\n setActiveIndex(lastEnabledIndex(items));\n break;\n case \"Enter\": {\n event.preventDefault();\n const index = activeIndex >= 0 ? activeIndex : firstEnabledIndex(items);\n const item = index >= 0 ? items[index] : undefined;\n if (item) activate(item);\n break;\n }\n case \"Tab\":\n // Nothing else in the panel is focusable, and letting Tab escape an\n // aria-modal dialog would strand focus behind the backdrop.\n if (!footer) event.preventDefault();\n break;\n default:\n break;\n }\n };\n\n if (!isOpen \|\| typeof document === \"undefined\") return null;\n\n const activeItem = activeIndex >= 0 ? items[activeIndex] : undefined;\n const listId = `${baseId}-list`;\n\n const overlay = (\n <div\n className={cn(\n \"fixed inset-0 flex justify-center p-density-4\",\n depth === 0 ? \"bg-black/40\" : \"bg-black/20\",\n )}\n style={{ zIndex: zIndex.modal + depth zIndex.modalStep }}\n role=\"presentation\"\n onClick={() => setOpen(false)}\n >\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={ariaLabel}\n className={cn(\n \"flex h-fit w-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\",\n SIZE_CLASS[size],\n className,\n )}\n style={{ marginTop: topOffset }}\n onClick={(event) => event.stopPropagation()}\n >\n <div className=\"flex items-center gap-density-2 border-b border-border px-density-3\">\n <Icon icon={UiSearch} className=\"shrink-0 text-muted-foreground\" />\n <input\n ref={inputRef}\n type=\"text\"\n role=\"combobox\"\n aria-expanded\n aria-controls={listId}\n aria-autocomplete=\"list\"\n aria-activedescendant={activeItem ? optionId(activeItem) : undefined}\n aria-label={ariaLabel}\n value={currentQuery}\n placeholder={placeholder}\n onChange={(event) => setQuery(event.target.value)}\n onKeyDown={onKeyDown}\n className=\"h-12 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground\"\n />\n </div>\n\n <CommandPaletteList\n groups={visibleGroups}\n items={items}\n activeIndex={activeIndex}\n listId={listId}\n optionId={optionId}\n onActivate={activate}\n onHover={setActiveIndex}\n listRef={listRef}\n loading={loading}\n emptyState={emptyState}\n listMaxHeight={listMaxHeight}\n />\n\n {footer && (\n <div className=\"border-t border-border px-density-3 py-density-2 text-xs text-muted-foreground\">\n {footer}\n </div>\n )}\n </div>\n </div>\n );\n\n return createPortal(overlay, document.body);\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"CommandPalette.js","sources":["../../src/overlay/CommandPalette.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiSearch } from \"../icons\";\nimport { useHotkey } from \"../hooks/use-hotkey\";\nimport { useEscapeLayer, useModalStack } from \"./modalStack\";\nimport { zIndex } from \"./zIndex\";\nimport { CommandPaletteList } from \"./CommandPaletteList\";\nimport {\n defaultCommandFilter,\n filterCommandGroups,\n firstEnabledIndex,\n flattenCommands,\n lastEnabledIndex,\n nextEnabledIndex,\n type CommandFilter,\n type CommandGroup,\n type CommandItem,\n} from \"./CommandPalette.model\";\n\nexport type {\n CommandFilter,\n CommandGroup,\n CommandItem,\n CommandSelectContext,\n} from \"./CommandPalette.model\";\n\nconst SIZE_CLASS = {\n md: \"max-w-[40rem]\",\n lg: \"max-w-[48rem]\",\n} as const;\n\nexport type CommandPaletteProps = {\n /*\n Controls visibility. Omit to run uncontrolled — the palette then owns its\n * open state and the built-in hotkey works with no wiring beyond mounting it.\n /\n open?: boolean;\n /* Called with the next open state on hotkey, Escape, backdrop click, and selection. /\n onOpenChange?: (open: boolean) => void;\n /* Command groups, rendered top to bottom in array order. /\n groups: CommandGroup[];\n /* Controlled query. Omit to let the palette own the input. /\n query?: string;\n /* Called with the next query on every keystroke. Required for server-side search. /\n onQueryChange?: (query: string) => void;\n /\n Global shortcut that opens (and, while open, closes) the palette, in\n * `useHotkey` syntax — `\"mod+k\"` by default, where `mod` is ⌘ on macOS and\n * Ctrl elsewhere. Pass `null` when an ancestor owns the binding.\n /\n hotkey?: string \| null;\n /* Ghost text in the search input. Defaults to \"Type a command or search…\". /\n placeholder?: string;\n /* Shows a loading row instead of the empty state while results are in flight. /\n loading?: boolean;\n /* Replaces the default \"No results\" body. /\n emptyState?: ReactNode;\n /* Non-interactive hint strip pinned below the list. /\n footer?: ReactNode;\n /\n How rows are matched. Defaults to a case-insensitive substring match over\n * label, description and keywords, ranked by hit position. Pass `false` when\n * the caller already filtered `groups` server-side.\n /\n filter?: CommandFilter \| false;\n /* Fallback handler for items with no own `onSelect`. /\n onSelect?: (context: { item: CommandItem; query: string; close: () => void }) => void;\n /* Close after a successful activation. Defaults to true. /\n closeOnSelect?: boolean;\n /* Clear the query when the palette closes. Defaults to true. /\n resetQueryOnClose?: boolean;\n /* Panel width preset. Defaults to \"md\". /\n size?: \"md\" \| \"lg\";\n /* Distance from the viewport top. Defaults to \"12vh\". Applied as an inline style. /\n topOffset?: string \| number;\n /* Max height of the scrolling list. Defaults to \"min(24rem, 50dvh)\". Inline style. /\n listMaxHeight?: string \| number;\n /* Accessible name for the dialog. Defaults to \"Command palette\". /\n ariaLabel?: string;\n /* Classes applied to the palette panel. /\n className?: string;\n};\n\n/\n A ⌘K command palette: a top-anchored overlay with a search field over a\n * grouped, keyboard-navigable command list.\n \n It renders its own portal rather than building on `Modal`, which centres its\n * panel, focuses the dialog element instead of an input, forces body padding,\n * and pins an inline max-height — none of which a palette can override. The\n * stacking primitives are shared though (`useModalStack`, `useEscapeLayer`, the\n * `zIndex` scale), so a palette opened over a modal sits above it and Escape\n * still dismisses exactly one layer.\n /\nexport function CommandPalette({\n open,\n onOpenChange,\n groups,\n query,\n onQueryChange,\n hotkey = \"mod+k\",\n placeholder = \"Type a command or search…\",\n loading,\n emptyState,\n footer,\n filter = defaultCommandFilter,\n onSelect,\n closeOnSelect = true,\n resetQueryOnClose = true,\n size = \"md\",\n topOffset = \"12vh\",\n listMaxHeight = \"min(24rem, 50dvh)\",\n ariaLabel = \"Command palette\",\n className,\n}: CommandPaletteProps) {\n const baseId = useId();\n const [selfOpen, setSelfOpen] = useState(false);\n const [selfQuery, setSelfQuery] = useState(\"\");\n const [activeIndex, setActiveIndex] = useState(0);\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const listRef = useRef<HTMLDivElement>(null);\n const restoreFocusRef = useRef<HTMLElement \| null>(null);\n\n const isOpen = open ?? selfOpen;\n const currentQuery = query ?? selfQuery;\n\n const setOpen = useCallback(\n (next: boolean) => {\n if (open === undefined) setSelfOpen(next);\n onOpenChange?.(next);\n },\n [open, onOpenChange],\n );\n\n const setQuery = useCallback(\n (next: string) => {\n if (query === undefined) setSelfQuery(next);\n onQueryChange?.(next);\n },\n [query, onQueryChange],\n );\n\n const visibleGroups = useMemo(\n () => filterCommandGroups(groups, currentQuery, filter),\n [groups, currentQuery, filter],\n );\n const items = useMemo(() => flattenCommands(visibleGroups), [visibleGroups]);\n\n // Priority keeps the palette ahead of any page-level ⌘K search field, whose\n // binding would otherwise win purely by mounting later.\n useHotkey(hotkey, () => setOpen(!isOpen), { priority: 10 });\n useEscapeLayer(isOpen, () => setOpen(false));\n\n const { depth } = useModalStack(isOpen);\n\n // Enter-runs-the-top-result is the point of a palette, so the active row\n // resets to the first selectable one whenever the result set changes.\n useEffect(() => {\n setActiveIndex(firstEnabledIndex(items));\n }, [items]);\n\n useEffect(() => {\n if (!isOpen) {\n if (resetQueryOnClose && query === undefined) setSelfQuery(\"\");\n restoreFocusRef.current?.focus?.();\n restoreFocusRef.current = null;\n return;\n }\n restoreFocusRef.current = document.activeElement as HTMLElement \| null;\n inputRef.current?.focus();\n }, [isOpen, resetQueryOnClose, query]);\n\n // Keep the active row in view without stealing focus from the input.\n useEffect(() => {\n if (activeIndex < 0) return;\n const option = listRef.current?.querySelectorAll('[role=\"option\"]')[activeIndex];\n // jsdom does not implement scrollIntoView; scrolling is a progressive\n // enhancement, so skip it rather than crash a consumer's test run.\n if (option instanceof HTMLElement && typeof option.scrollIntoView === \"function\") {\n option.scrollIntoView({ block: \"nearest\" });\n }\n }, [activeIndex]);\n\n const optionId = useCallback((item: CommandItem) => `${baseId}-option-${item.id}`, [baseId]);\n\n const activate = useCallback(\n (item: CommandItem) => {\n if (item.disabled) return;\n const close = () => setOpen(false);\n const context = { item, query: currentQuery.trim(), close };\n if (item.onSelect) item.onSelect(context);\n else onSelect?.(context);\n if (closeOnSelect) close();\n },\n [currentQuery, onSelect, closeOnSelect, setOpen],\n );\n\n const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n switch (event.key) {\n case \"ArrowDown\":\n event.preventDefault();\n setActiveIndex((current) => nextEnabledIndex(items, current, 1));\n break;\n case \"ArrowUp\":\n event.preventDefault();\n setActiveIndex((current) => nextEnabledIndex(items, current, -1));\n break;\n case \"Home\":\n event.preventDefault();\n setActiveIndex(firstEnabledIndex(items));\n break;\n case \"End\":\n event.preventDefault();\n setActiveIndex(lastEnabledIndex(items));\n break;\n case \"Enter\": {\n event.preventDefault();\n const index = activeIndex >= 0 ? activeIndex : firstEnabledIndex(items);\n const item = index >= 0 ? items[index] : undefined;\n if (item) activate(item);\n break;\n }\n case \"Tab\":\n // Nothing else in the panel is focusable, and letting Tab escape an\n // aria-modal dialog would strand focus behind the backdrop.\n if (!footer) event.preventDefault();\n break;\n default:\n break;\n }\n };\n\n if (!isOpen \|\| typeof document === \"undefined\") return null;\n\n const activeItem = activeIndex >= 0 ? items[activeIndex] : undefined;\n const listId = `${baseId}-list`;\n\n const overlay = (\n <div\n className={cn(\n \"fixed inset-0 flex justify-center p-density-4\",\n depth === 0 ? \"bg-black/40\" : \"bg-black/20\",\n )}\n style={{ zIndex: zIndex.modal + depth zIndex.modalStep }}\n role=\"presentation\"\n onClick={() => setOpen(false)}\n >\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={ariaLabel}\n className={cn(\n \"flex h-fit w-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\",\n SIZE_CLASS[size],\n className,\n )}\n style={{ marginTop: topOffset }}\n onClick={(event) => event.stopPropagation()}\n >\n <div className=\"flex items-center gap-density-2 border-b border-border px-density-3\">\n <Icon icon={UiSearch} className=\"shrink-0 text-muted-foreground\" />\n <input\n ref={inputRef}\n type=\"text\"\n role=\"combobox\"\n aria-expanded\n aria-controls={listId}\n aria-autocomplete=\"list\"\n aria-activedescendant={activeItem ? optionId(activeItem) : undefined}\n aria-label={ariaLabel}\n value={currentQuery}\n placeholder={placeholder}\n onChange={(event) => setQuery(event.target.value)}\n onKeyDown={onKeyDown}\n className=\"h-12 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-placeholder\"\n />\n </div>\n\n <CommandPaletteList\n groups={visibleGroups}\n items={items}\n activeIndex={activeIndex}\n listId={listId}\n optionId={optionId}\n onActivate={activate}\n onHover={setActiveIndex}\n listRef={listRef}\n loading={loading}\n emptyState={emptyState}\n listMaxHeight={listMaxHeight}\n />\n\n {footer && (\n <div className=\"border-t border-border px-density-3 py-density-2 text-xs text-muted-foreground\">\n {footer}\n </div>\n )}\n </div>\n </div>\n );\n\n return createPortal(overlay, document.body);\n}\n"],"names":[],"mappings":"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"}