@netlify/spark-ui 1.5.0-alpha.9 → 1.6.0

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 (99) hide show
  1. package/dist/assets/SearchHeading.css +1 -1
  2. package/dist/assets/SearchLink.css +1 -1
  3. package/dist/assets/SearchModal.css +1 -1
  4. package/dist/chunks/compat.module.DJD78v1z.js +175 -0
  5. package/dist/chunks/hooks.module.D9IrxdEh.js +138 -0
  6. package/dist/chunks/{useTimeout.Cq4aqnDe.js → useTimeout.YR4eKwj7.js} +1 -1
  7. package/dist/components/index.d.ts +0 -1
  8. package/dist/components/preact/Icon/index.d.ts +2 -2
  9. package/dist/components/preact/Icon/index.js +75 -87
  10. package/dist/components/preact/Modal/Modal.js +1 -1
  11. package/dist/components/preact/SearchModal/components/SearchInput.d.ts +0 -2
  12. package/dist/components/preact/SearchModal/components/SearchInput.js +2 -2
  13. package/dist/components/preact/SearchModal/components/SearchLink/SearchLink.d.ts +1 -1
  14. package/dist/components/preact/SearchModal/components/SearchLink/SearchLink.js +17 -35
  15. package/dist/components/preact/SearchModal/components/SearchModal/SearchModal.js +49 -72
  16. package/dist/components/preact/SearchModal/components/SearchToggle/SearchToggle.js +1 -1
  17. package/dist/components/preact/SearchModal/components/SearchWindow.d.ts +1 -1
  18. package/dist/components/preact/SearchModal/components/SearchWindow.js +30 -49
  19. package/dist/components/preact/SearchModal/hooks/useKeyboardNav.js +6 -6
  20. package/dist/components/preact/SearchModal/hooks/useSearch.js +2 -2
  21. package/dist/components/preact/SearchModal/hooks/useSearchHotkeys.js +1 -1
  22. package/dist/components/preact/SearchModal/hooks/useSearchLogger.js +1 -1
  23. package/dist/components/preact/SearchModal/hooks/useSearchParams.js +1 -1
  24. package/dist/components/preact/SearchModal/hooks/useSearchToggles.d.ts +1 -3
  25. package/dist/components/preact/SearchModal/hooks/useSearchToggles.js +10 -13
  26. package/dist/components/preact/SearchModal/types/search.types.d.ts +1 -6
  27. package/dist/components/preact/index.d.ts +0 -1
  28. package/dist/components/preact/index.js +5 -7
  29. package/package.json +3 -5
  30. package/packages/assets/icons/ai.svg +22 -0
  31. package/packages/assets/icons/dev.svg +8 -0
  32. package/packages/assets/icons/ecommerce.svg +16 -0
  33. package/packages/assets/icons/marketing.svg +20 -0
  34. package/packages/components/CodeBlock.astro +4 -1
  35. package/packages/components/SectionTabbedContent.astro +185 -0
  36. package/packages/components/Switchback.astro +129 -0
  37. package/packages/components/Tab.astro +12 -0
  38. package/packages/components/TabList.astro +7 -0
  39. package/packages/components/TabPanel.astro +13 -0
  40. package/packages/components/TabPanelGroup.astro +45 -0
  41. package/packages/components/TabbedContent.astro +72 -0
  42. package/packages/components/Tabs.astro +0 -2
  43. package/packages/components/Testimonial.astro +0 -0
  44. package/packages/components/index.ts +0 -1
  45. package/packages/components/preact/Icon/index.tsx +55 -56
  46. package/packages/components/preact/SearchModal/components/SearchHeading/SearchHeading.css +4 -5
  47. package/packages/components/preact/SearchModal/components/SearchInput.tsx +7 -9
  48. package/packages/components/preact/SearchModal/components/SearchLink/SearchLink.css +9 -14
  49. package/packages/components/preact/SearchModal/components/SearchLink/SearchLink.tsx +7 -27
  50. package/packages/components/preact/SearchModal/components/SearchModal/SearchModal.css +29 -67
  51. package/packages/components/preact/SearchModal/components/SearchModal/SearchModal.tsx +30 -60
  52. package/packages/components/preact/SearchModal/components/SearchWindow.tsx +18 -32
  53. package/packages/components/preact/SearchModal/hooks/useKeyboardNav.ts +2 -2
  54. package/packages/components/preact/SearchModal/hooks/useSearchToggles.ts +3 -11
  55. package/packages/components/preact/SearchModal/types/search.types.tsx +2 -5
  56. package/packages/components/preact/index.ts +0 -1
  57. package/packages/styles/code-block.css +22 -23
  58. package/packages/styles/fonts.css +31 -2
  59. package/packages/styles/layout.css +33 -0
  60. package/packages/styles/tokens.css +22 -36
  61. package/packages/themes/poimandres.json +6 -19
  62. package/dist/assets/AskNetlify.css +0 -1
  63. package/dist/assets/Orb.css +0 -1
  64. package/dist/chunks/compat.module.BNbXPLVY.js +0 -298
  65. package/dist/chunks/hooks.module.DGkdD5n9.js +0 -177
  66. package/dist/components/preact/AskNetlify/AskNetlify.d.ts +0 -7
  67. package/dist/components/preact/AskNetlify/AskNetlify.js +0 -5774
  68. package/dist/components/preact/Orb/Orb.d.ts +0 -2
  69. package/dist/components/preact/Orb/Orb.js +0 -5
  70. package/dist/components/preact/SpriteIcon/index.d.ts +0 -7
  71. package/dist/components/preact/SpriteIcon/index.js +0 -7
  72. package/dist/components/preact/icons/AskNetlify.d.ts +0 -5
  73. package/dist/components/preact/icons/AskNetlify.js +0 -69
  74. package/dist/components/preact/icons/Book.d.ts +0 -5
  75. package/dist/components/preact/icons/Book.js +0 -23
  76. package/dist/components/preact/icons/CircleQuestion.d.ts +0 -5
  77. package/dist/components/preact/icons/CircleQuestion.js +0 -25
  78. package/dist/components/preact/icons/Comment.d.ts +0 -5
  79. package/dist/components/preact/icons/Comment.js +0 -23
  80. package/dist/components/preact/icons/Lightbulb.d.ts +0 -5
  81. package/dist/components/preact/icons/Lightbulb.js +0 -34
  82. package/dist/components/preact/icons/MagnifyingGlass.d.ts +0 -5
  83. package/dist/components/preact/icons/MagnifyingGlass.js +0 -23
  84. package/dist/utils/theme.d.ts +0 -3
  85. package/packages/assets/icons/AskNetlify.svg +0 -23
  86. package/packages/assets/icons/icons.svg +0 -10
  87. package/packages/assets/icons/lightbulb.svg +0 -4
  88. package/packages/components/preact/AskNetlify/AskNetlify.css +0 -224
  89. package/packages/components/preact/AskNetlify/AskNetlify.tsx +0 -156
  90. package/packages/components/preact/Orb/Orb.css +0 -94
  91. package/packages/components/preact/Orb/Orb.tsx +0 -7
  92. package/packages/components/preact/SpriteIcon/index.tsx +0 -13
  93. package/packages/components/preact/icons/AskNetlify.tsx +0 -46
  94. package/packages/components/preact/icons/Book.tsx +0 -20
  95. package/packages/components/preact/icons/CircleQuestion.tsx +0 -22
  96. package/packages/components/preact/icons/Comment.tsx +0 -20
  97. package/packages/components/preact/icons/Lightbulb.tsx +0 -26
  98. package/packages/components/preact/icons/MagnifyingGlass.tsx +0 -20
  99. package/packages/utils/theme.ts +0 -12
@@ -1 +1 @@
1
- .n-search-heading{--n-search-heading-weight: var(--font-weight-semibold, 400);--n-search-heading-size: var(--font-size-text-xs, 13px);--n-search-heading-color: var(--color-text-weaker, #757575);font-size:var(--n-search-heading-size);font-weight:var(--n-search-heading-weight);font-family:var(--font-family-mono);color:var(--n-search-heading-color);padding-inline:var(--space-xs);margin-block:var(--space-xs);letter-spacing:.2px}
1
+ .n-search-heading{--n-search-heading-weight: var(--font-weight-regular, 400);--n-search-heading-size: var(--font-size-text-sm, 13px);--n-search-heading-color: var(--color-text-weak, #757575);font-size:var(--n-search-heading-size);font-weight:var(--n-search-heading-weight);color:var(--n-search-heading-color);padding-inline:1rem;margin-block:var(--space-xs);letter-spacing:.2px}
@@ -1 +1 @@
1
- .n-search-link{--n-search-icon-size: 1.25em;box-sizing:border-box;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s, 1rem);align-items:center;padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1em);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer;width:100%;border:none;text-align:left;outline:none;border-radius:var(--radius-l)}.n-search-link-body{flex:1;width:80%;color:var(--color-text-weak);text-wrap:pretty}.n-search-link:is(:hover,:focus-visible){background:var(--n-search-color-bg-2)}.n-search-link:is(:hover,:focus-visible) .n-search-link-icon [data-icon=caretRight]{opacity:1}.n-search-link-title{font-weight:var(--font-weight-medium);color:var(--color-text-1);line-height:1.5}.n-search-link-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-weak);line-height:1.3;font-size:.9em;margin-block-start:var(--space-3xs)}.n-search-link-excerpt mark{color:var(--mark-color, currentColor);background-color:var(--mark-bg, var(--color-highlight))}.n-search-link-icon,.n-search-link-icon svg{display:flex;width:var(--n-search-icon-size);height:var(--n-search-icon-size);color:var(--n-search-color-text-secondary)}.n-search-link-icon [data-icon=caretRight]{width:1em;opacity:0}.n-search-link-label{margin-inline-end:var(--space-3xs)}.n-search-link-badge{display:inline-block;width:max-content;font-size:.7em;padding:.1em .4em;position:relative;bottom:.3em;color:var(--n-search-link-badge-text-color, var(--color-disabled-text));background:var(--n-search-link-badge-color, var(--color-disabled-bg));border:1px solid var(--n-search-link-badge-border, var(--color-disabled-border));border-radius:3px}.n-search-link-badge[data-resource=blog]{--n-search-link-badge-color: var(--color-info-bg);--n-search-link-badge-text-color: var(--color-info-text);--n-search-link-badge-border: var(--color-info-border)}.n-search-link-badge[data-resource=changelog]{--n-search-link-badge-color: var(--color-warning-bg);--n-search-link-badge-text-color: var(--color-warning-text);--n-search-link-badge-border: var(--color-warning-border)}.n-search-link-badge[data-resource=guide]{--n-search-link-badge-color: var(--color-highlight-bg);--n-search-link-badge-text-color: var(--color-highlight-text);--n-search-link-badge-border: var(--color-highlight-border)}
1
+ .n-search-link{--n-search-icon-size: 1em;all:unset;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s, 1rem);align-items:center;padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1em);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer}.n-search-link-body{flex:1;width:80%;color:var(--color-text-weak);text-wrap:pretty}.n-search-link:is(:hover,:focus-within){background:var(--n-search-color-bg-2)}.n-search-link:is(:hover,:focus-within) .n-search-link-icon [data-icon=caretRight]{display:block}.n-search-link-title{font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.5}.n-search-link-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-weak);line-height:1.3;font-size:.9em;margin-block-start:var(--space-3xs)}.n-search-link-excerpt mark{color:var(--mark-color, currentColor);background-color:var(--mark-bg, var(--color-highlight))}.n-search-link-icon{display:flex;width:var(--n-search-icon-size);height:var(--n-search-icon-size);color:var(--n-search-color-text-secondary)}.n-search-link-icon [data-icon=caretRight]{display:none;width:.8em;opacity:.3}.n-search-link-label{margin-inline-end:var(--space-3xs)}.n-search-link-badge{display:inline-block;width:max-content;font-size:.7em;padding:.1em .4em;position:relative;bottom:.3em;color:var(--n-search-link-badge-text-color, var(--color-disabled-text));background:var(--n-search-link-badge-color, var(--color-disabled-bg));border:1px solid var(--n-search-link-badge-border, var(--color-disabled-border));border-radius:3px}.n-search-link-badge[data-resource=blog]{--n-search-link-badge-color: var(--color-info-bg);--n-search-link-badge-text-color: var(--color-info-text);--n-search-link-badge-border: var(--color-info-border)}.n-search-link-badge[data-resource=changelog]{--n-search-link-badge-color: var(--color-warning-bg);--n-search-link-badge-text-color: var(--color-warning-text);--n-search-link-badge-border: var(--color-warning-border)}.n-search-link-badge[data-resource=guide]{--n-search-link-badge-color: var(--color-highlight-bg);--n-search-link-badge-text-color: var(--color-highlight-text);--n-search-link-badge-border: var(--color-highlight-border)}
@@ -1 +1 @@
1
- .n-keyboard-key{--n-key-text-size: .8em;--n-key-border-radius: 6px;--n-key-text-color: currentColor;--n-key-bg-color: transparent;display:flex;gap:calc(var(--space-3xs) * .5);font-size:var(--n-key-text-size);color:var(--n-key-text-color);background:var(--n-key-bg-color);border:1px solid currentColor;border-radius:var(--n-key-border-radius);padding:var(--n-key-padding-block, .05em) var(--n-key-padding-inline, .3em)}.n-search-heading{--n-search-heading-weight: var(--font-weight-semibold, 400);--n-search-heading-size: var(--font-size-text-xs, 13px);--n-search-heading-color: var(--color-text-weaker, #757575);font-size:var(--n-search-heading-size);font-weight:var(--n-search-heading-weight);font-family:var(--font-family-mono);color:var(--n-search-heading-color);padding-inline:var(--space-xs);margin-block:var(--space-xs);letter-spacing:.2px}.n-search-link{--n-search-icon-size: 1.25em;box-sizing:border-box;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s, 1rem);align-items:center;padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1em);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer;width:100%;border:none;text-align:left;outline:none;border-radius:var(--radius-l)}.n-search-link-body{flex:1;width:80%;color:var(--color-text-weak);text-wrap:pretty}.n-search-link:is(:hover,:focus-visible){background:var(--n-search-color-bg-2)}.n-search-link:is(:hover,:focus-visible) .n-search-link-icon [data-icon=caretRight]{opacity:1}.n-search-link-title{font-weight:var(--font-weight-medium);color:var(--color-text-1);line-height:1.5}.n-search-link-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-weak);line-height:1.3;font-size:.9em;margin-block-start:var(--space-3xs)}.n-search-link-excerpt mark{color:var(--mark-color, currentColor);background-color:var(--mark-bg, var(--color-highlight))}.n-search-link-icon,.n-search-link-icon svg{display:flex;width:var(--n-search-icon-size);height:var(--n-search-icon-size);color:var(--n-search-color-text-secondary)}.n-search-link-icon [data-icon=caretRight]{width:1em;opacity:0}.n-search-link-label{margin-inline-end:var(--space-3xs)}.n-search-link-badge{display:inline-block;width:max-content;font-size:.7em;padding:.1em .4em;position:relative;bottom:.3em;color:var(--n-search-link-badge-text-color, var(--color-disabled-text));background:var(--n-search-link-badge-color, var(--color-disabled-bg));border:1px solid var(--n-search-link-badge-border, var(--color-disabled-border));border-radius:3px}.n-search-link-badge[data-resource=blog]{--n-search-link-badge-color: var(--color-info-bg);--n-search-link-badge-text-color: var(--color-info-text);--n-search-link-badge-border: var(--color-info-border)}.n-search-link-badge[data-resource=changelog]{--n-search-link-badge-color: var(--color-warning-bg);--n-search-link-badge-text-color: var(--color-warning-text);--n-search-link-badge-border: var(--color-warning-border)}.n-search-link-badge[data-resource=guide]{--n-search-link-badge-color: var(--color-highlight-bg);--n-search-link-badge-text-color: var(--color-highlight-text);--n-search-link-badge-border: var(--color-highlight-border)}.n-search-modal{--n-search-padding-inline: var(--space-s);--n-search-color-text: var(--color-text-1, currentColor);--n-search-color-text-secondary: var(--color-text-weaker, currentColor);--n-search-color-bg: var(--search-bg-color);--n-search-color-bg-2: var(--color-bg-3);--n-search-color-border: var(--color-bg-3);--n-search-border-radius: 1.3rem;--n-search-max-w: 600px;--n-search-text-highlight: var(--search-highlight-color);--n-search-input-height: 50px;--n-search-footer-height: 40px;--n-search-container-height: 400px}.n-search-modal{padding:0;border:none;border-radius:var(--n-search-border-radius);width:min(var(--n-search-max-w),100%);margin:auto;background:var(--n-search-color-bg)}.n-search-modal-ask{--n-search-max-w: 800px}.n-search-container{--mark-bg: var(--n-search-text-highlight);display:grid;width:min(var(--n-search-max-w),100%);background-color:var(--n-search-color-bg);border-radius:var(--n-search-border-radius);overflow:hidden}.n-search-bar{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;background:var(--n-search-color-bg);border-bottom:1px solid var(--n-search-color-border)}.n-search-input-wrapper{position:relative;display:flex;width:100%;height:var(--n-search-input-height)}.n-search-input{position:relative;display:inline-flex;box-sizing:border-box;background:var(--n-search-color-bg);inline-size:100%;padding-block:.75rem;padding-inline:var(--n-search-padding-inline);flex:1;border:none;outline:none;font-size:1rem;color:var(--color-text-1)}.n-search-input-wrapper:after,.n-search-footer:after{content:"";display:block;width:200%;height:1px;background:var(--n-search-color-border);position:absolute;bottom:0;left:0}.n-search-input::placeholder{color:var(--n-search-color-text-secondary)}.n-search-links{padding:var(--space-2xs)}.n-search-label{display:flex;padding-inline-start:var(--n-search-padding-inline);align-items:center}.n-search-label>*{display:inline-block;margin:0}.n-search-icon{display:flex;width:var(--n-search-icon-size, 1em);height:var(--n-search-icon-size, 1em);color:var(--n-search-color-text-secondary)}.n-search-term{font-weight:var(--font-medium);font-size:1.1em}.n-search-window{height:var(--n-search-container-height);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:var(--space-s);margin-block:0;background:var(--n-search-color-bg)}.n-search-footer{position:relative;display:flex;gap:var(--space-m);padding:var(--space-2xs) var(--space-s);height:var(--n-search-footer-height)}.n-search-footer:after{top:0}.n-search-footer-tip{color:var(--n-search-color-text-secondary);display:flex;gap:var(--space-2xs);align-items:center;font-size:var(--font-size-text-sm)}.n-search-modal{transition:display .2s allow-discrete,overlay .2s allow-discrete,width .15s ease-in-out;animation:closeSearch .2s forwards}.n-search-modal[open]{animation:openSearch .2s forwards}.n-search-modal[data-state=search]>*{opacity:0;animation:appearContainer .12s ease-in-out forwards;animation-delay:.14s}@keyframes appearContainer{0%{opacity:0}to{opacity:1}}@keyframes openSearch{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes closeSearch{0%{opacity:1;transform:scale(1)}50%{opacity:.3}to{opacity:0;transform:scale(.9)}}.n-search-modal::backdrop{animation:closeSearchBackdrop .2s forwards}.n-search-modal[open]::backdrop{animation:openSearchBackdrop .2s forwards}@keyframes openSearchBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes closeSearchBackdrop{0%{opacity:1;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}50%{opacity:.3}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}
1
+ .n-keyboard-key{--n-key-text-size: .8em;--n-key-border-radius: 6px;--n-key-text-color: currentColor;--n-key-bg-color: transparent;display:flex;gap:calc(var(--space-3xs) * .5);font-size:var(--n-key-text-size);color:var(--n-key-text-color);background:var(--n-key-bg-color);border:1px solid currentColor;border-radius:var(--n-key-border-radius);padding:var(--n-key-padding-block, .05em) var(--n-key-padding-inline, .3em)}.n-search-heading{--n-search-heading-weight: var(--font-weight-regular, 400);--n-search-heading-size: var(--font-size-text-sm, 13px);--n-search-heading-color: var(--color-text-weak, #757575);font-size:var(--n-search-heading-size);font-weight:var(--n-search-heading-weight);color:var(--n-search-heading-color);padding-inline:1rem;margin-block:var(--space-xs);letter-spacing:.2px}.n-search-link{--n-search-icon-size: 1em;all:unset;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s, 1rem);align-items:center;padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1em);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer}.n-search-link-body{flex:1;width:80%;color:var(--color-text-weak);text-wrap:pretty}.n-search-link:is(:hover,:focus-within){background:var(--n-search-color-bg-2)}.n-search-link:is(:hover,:focus-within) .n-search-link-icon [data-icon=caretRight]{display:block}.n-search-link-title{font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.5}.n-search-link-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-weak);line-height:1.3;font-size:.9em;margin-block-start:var(--space-3xs)}.n-search-link-excerpt mark{color:var(--mark-color, currentColor);background-color:var(--mark-bg, var(--color-highlight))}.n-search-link-icon{display:flex;width:var(--n-search-icon-size);height:var(--n-search-icon-size);color:var(--n-search-color-text-secondary)}.n-search-link-icon [data-icon=caretRight]{display:none;width:.8em;opacity:.3}.n-search-link-label{margin-inline-end:var(--space-3xs)}.n-search-link-badge{display:inline-block;width:max-content;font-size:.7em;padding:.1em .4em;position:relative;bottom:.3em;color:var(--n-search-link-badge-text-color, var(--color-disabled-text));background:var(--n-search-link-badge-color, var(--color-disabled-bg));border:1px solid var(--n-search-link-badge-border, var(--color-disabled-border));border-radius:3px}.n-search-link-badge[data-resource=blog]{--n-search-link-badge-color: var(--color-info-bg);--n-search-link-badge-text-color: var(--color-info-text);--n-search-link-badge-border: var(--color-info-border)}.n-search-link-badge[data-resource=changelog]{--n-search-link-badge-color: var(--color-warning-bg);--n-search-link-badge-text-color: var(--color-warning-text);--n-search-link-badge-border: var(--color-warning-border)}.n-search-link-badge[data-resource=guide]{--n-search-link-badge-color: var(--color-highlight-bg);--n-search-link-badge-text-color: var(--color-highlight-text);--n-search-link-badge-border: var(--color-highlight-border)}.n-search-modal{--n-search-padding-inline: .5em;--n-search-color-text: var(--color-text, currentColor);--n-search-color-text-secondary: var(--color-text-weak, currentColor);--n-search-color-bg: var(--search-bg-color);--n-search-color-bg-2: var(--color-bg-2);--n-search-color-border: var(--color-bg-3);--n-search-border-radius: 8px;--n-search-max-w: 600px;--n-search-text-highlight: var(--search-highlight-color)}.n-search-modal{padding:0;border:none;border-radius:var(--n-search-border-radius);width:min(var(--n-search-max-w),100%);margin:auto}.n-search-container{--mark-bg: var(--n-search-text-highlight);display:grid;width:min(var(--n-search-max-w),100%);min-height:470px;background-color:var(--n-search-color-bg);border-radius:var(--n-search-border-radius);overflow:hidden}.n-search-bar{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;background:var(--n-search-color-bg);border-bottom:1px solid var(--n-search-color-border)}.n-search-input-wrapper{all:unset;display:flex;width:100%;border-bottom:1px solid var(--n-search-color-border)}.n-search-input{display:inline-flex;box-sizing:border-box;background:var(--n-search-color-bg);inline-size:100%;padding-block:.75rem;padding-inline:var(--n-search-padding-inline);flex:1;border:none;outline:none;font-size:1rem;color:var(--color-text)}.n-search-input::placeholder{color:var(--n-search-color-text)}.n-search-label{display:flex;padding-inline:var(--n-search-padding-inline);align-items:center}.n-search-label>*{display:inline-block;margin:0}.n-search-icon{display:flex;width:var(--n-search-icon-size, .8em);height:var(--n-search-icon-size, .8em);color:var(--n-search-color-text-secondary)}.n-search-term{font-weight:var(--font-medium);font-size:1.1em}.n-search-window{height:400px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin-block:0;background:var(--n-search-color-bg)}.n-results-list-item{border-bottom:1px solid var(--color-bg-3)}.n-results-list-item:first-of-type{border-top:1px solid var(--color-bg-3)}.n-search-footer{border-top:1px solid var(--n-search-color-border);padding:var(--space-2xs) var(--space-s);background:var(--color-bg-2);display:flex;gap:var(--space-m)}.n-search-footer-tip{color:var(--n-search-color-text-secondary);display:flex;gap:var(--space-2xs);align-items:center;font-size:var(--font-size-text-sm)}.n-search-modal{transition:display .2s allow-discrete,overlay .2s allow-discrete;animation:closeSearch .2s forwards}.n-search-modal[open]{animation:openSearch .2s forwards}@keyframes openSearch{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes closeSearch{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.3}to{opacity:0;transform:translateY(20px) scale(.9)}}.n-search-modal::backdrop{animation:closeSearchBackdrop .2s forwards}.n-search-modal[open]::backdrop{animation:openSearchBackdrop .2s forwards}@keyframes openSearchBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes closeSearchBackdrop{0%{opacity:1;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}50%{opacity:.3}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}
@@ -0,0 +1,175 @@
1
+ import { Component as f, options as a, createElement as d, Fragment as h, toChildArray as v } from "preact";
2
+ import "./hooks.module.D9IrxdEh.js";
3
+ function C(e, t) {
4
+ for (var r in t) e[r] = t[r];
5
+ return e;
6
+ }
7
+ function m(e, t) {
8
+ for (var r in e) if (r !== "__source" && !(r in t)) return !0;
9
+ for (var o in t) if (o !== "__source" && e[o] !== t[o]) return !0;
10
+ return !1;
11
+ }
12
+ function y(e, t) {
13
+ this.props = e, this.context = t;
14
+ }
15
+ (y.prototype = new f()).isPureReactComponent = !0, y.prototype.shouldComponentUpdate = function(e, t) {
16
+ return m(this.props, e) || m(this.state, t);
17
+ };
18
+ var b = a.__b;
19
+ a.__b = function(e) {
20
+ e.type && e.type.__f && e.ref && (e.props.ref = e.ref, e.ref = null), b && b(e);
21
+ };
22
+ var x = typeof Symbol < "u" && Symbol.for && Symbol.for("react.forward_ref") || 3911;
23
+ function z(e) {
24
+ function t(r) {
25
+ var o = C({}, r);
26
+ return delete o.ref, e(o, r.ref || null);
27
+ }
28
+ return t.$$typeof = x, t.render = t, t.prototype.isReactComponent = t.__f = !0, t.displayName = "ForwardRef(" + (e.displayName || e.name) + ")", t;
29
+ }
30
+ var U = a.__e;
31
+ a.__e = function(e, t, r, o) {
32
+ if (e.then) {
33
+ for (var n, l = t; l = l.__; ) if ((n = l.__c) && n.__c) return t.__e == null && (t.__e = r.__e, t.__k = r.__k), n.__c(e, t);
34
+ }
35
+ U(e, t, r, o);
36
+ };
37
+ var g = a.unmount;
38
+ function N(e, t, r) {
39
+ return e && (e.__c && e.__c.__H && (e.__c.__H.__.forEach(function(o) {
40
+ typeof o.__c == "function" && o.__c();
41
+ }), e.__c.__H = null), (e = C({}, e)).__c != null && (e.__c.__P === r && (e.__c.__P = t), e.__c.__e = !0, e.__c = null), e.__k = e.__k && e.__k.map(function(o) {
42
+ return N(o, t, r);
43
+ })), e;
44
+ }
45
+ function E(e, t, r) {
46
+ return e && r && (e.__v = null, e.__k = e.__k && e.__k.map(function(o) {
47
+ return E(o, t, r);
48
+ }), e.__c && e.__c.__P === t && (e.__e && r.appendChild(e.__e), e.__c.__e = !0, e.__c.__P = r)), e;
49
+ }
50
+ function p() {
51
+ this.__u = 0, this.o = null, this.__b = null;
52
+ }
53
+ function R(e) {
54
+ var t = e.__.__c;
55
+ return t && t.__a && t.__a(e);
56
+ }
57
+ function s() {
58
+ this.i = null, this.l = null;
59
+ }
60
+ a.unmount = function(e) {
61
+ var t = e.__c;
62
+ t && t.__R && t.__R(), t && 32 & e.__u && (e.type = null), g && g(e);
63
+ }, (p.prototype = new f()).__c = function(e, t) {
64
+ var r = t.__c, o = this;
65
+ o.o == null && (o.o = []), o.o.push(r);
66
+ var n = R(o.__v), l = !1, _ = function() {
67
+ l || (l = !0, r.__R = null, n ? n(i) : i());
68
+ };
69
+ r.__R = _;
70
+ var i = function() {
71
+ if (!--o.__u) {
72
+ if (o.state.__a) {
73
+ var u = o.state.__a;
74
+ o.__v.__k[0] = E(u, u.__c.__P, u.__c.__O);
75
+ }
76
+ var c;
77
+ for (o.setState({ __a: o.__b = null }); c = o.o.pop(); ) c.forceUpdate();
78
+ }
79
+ };
80
+ o.__u++ || 32 & t.__u || o.setState({ __a: o.__b = o.__v.__k[0] }), e.then(_, _);
81
+ }, p.prototype.componentWillUnmount = function() {
82
+ this.o = [];
83
+ }, p.prototype.render = function(e, t) {
84
+ if (this.__b) {
85
+ if (this.__v.__k) {
86
+ var r = document.createElement("div"), o = this.__v.__k[0].__c;
87
+ this.__v.__k[0] = N(this.__b, r, o.__O = o.__P);
88
+ }
89
+ this.__b = null;
90
+ }
91
+ var n = t.__a && d(h, null, e.fallback);
92
+ return n && (n.__u &= -33), [d(h, null, t.__a ? null : e.children), n];
93
+ };
94
+ var k = function(e, t, r) {
95
+ if (++r[1] === r[0] && e.l.delete(t), e.props.revealOrder && (e.props.revealOrder[0] !== "t" || !e.l.size)) for (r = e.i; r; ) {
96
+ for (; r.length > 3; ) r.pop()();
97
+ if (r[1] < r[0]) break;
98
+ e.i = r = r[2];
99
+ }
100
+ };
101
+ (s.prototype = new f()).__a = function(e) {
102
+ var t = this, r = R(t.__v), o = t.l.get(e);
103
+ return o[0]++, function(n) {
104
+ var l = function() {
105
+ t.props.revealOrder ? (o.push(n), k(t, e, o)) : n();
106
+ };
107
+ r ? r(l) : l();
108
+ };
109
+ }, s.prototype.render = function(e) {
110
+ this.i = null, this.l = /* @__PURE__ */ new Map();
111
+ var t = v(e.children);
112
+ e.revealOrder && e.revealOrder[0] === "b" && t.reverse();
113
+ for (var r = t.length; r--; ) this.l.set(t[r], this.i = [1, 0, this.i]);
114
+ return e.children;
115
+ }, s.prototype.componentDidUpdate = s.prototype.componentDidMount = function() {
116
+ var e = this;
117
+ this.l.forEach(function(t, r) {
118
+ k(e, r, t);
119
+ });
120
+ };
121
+ var A = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, V = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, W = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, H = /[A-Z0-9]/g, $ = typeof document < "u", j = function(e) {
122
+ return (typeof Symbol < "u" && typeof Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(e);
123
+ };
124
+ f.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(e) {
125
+ Object.defineProperty(f.prototype, e, { configurable: !0, get: function() {
126
+ return this["UNSAFE_" + e];
127
+ }, set: function(t) {
128
+ Object.defineProperty(this, e, { configurable: !0, writable: !0, value: t });
129
+ } });
130
+ });
131
+ var P = a.event;
132
+ function D() {
133
+ }
134
+ function F() {
135
+ return this.cancelBubble;
136
+ }
137
+ function B() {
138
+ return this.defaultPrevented;
139
+ }
140
+ a.event = function(e) {
141
+ return P && (e = P(e)), e.persist = D, e.isPropagationStopped = F, e.isDefaultPrevented = B, e.nativeEvent = e;
142
+ };
143
+ var L = { enumerable: !1, configurable: !0, get: function() {
144
+ return this.class;
145
+ } }, O = a.vnode;
146
+ a.vnode = function(e) {
147
+ typeof e.type == "string" && function(t) {
148
+ var r = t.props, o = t.type, n = {}, l = o.indexOf("-") === -1;
149
+ for (var _ in r) {
150
+ var i = r[_];
151
+ if (!(_ === "value" && "defaultValue" in r && i == null || $ && _ === "children" && o === "noscript" || _ === "class" || _ === "className")) {
152
+ var u = _.toLowerCase();
153
+ _ === "defaultValue" && "value" in r && r.value == null ? _ = "value" : _ === "download" && i === !0 ? i = "" : u === "translate" && i === "no" ? i = !1 : u[0] === "o" && u[1] === "n" ? u === "ondoubleclick" ? _ = "ondblclick" : u !== "onchange" || o !== "input" && o !== "textarea" || j(r.type) ? u === "onfocus" ? _ = "onfocusin" : u === "onblur" ? _ = "onfocusout" : W.test(_) && (_ = u) : u = _ = "oninput" : l && V.test(_) ? _ = _.replace(H, "-$&").toLowerCase() : i === null && (i = void 0), u === "oninput" && n[_ = u] && (_ = "oninputCapture"), n[_] = i;
154
+ }
155
+ }
156
+ o == "select" && n.multiple && Array.isArray(n.value) && (n.value = v(r.children).forEach(function(c) {
157
+ c.props.selected = n.value.indexOf(c.props.value) != -1;
158
+ })), o == "select" && n.defaultValue != null && (n.value = v(r.children).forEach(function(c) {
159
+ c.props.selected = n.multiple ? n.defaultValue.indexOf(c.props.value) != -1 : n.defaultValue == c.props.value;
160
+ })), r.class && !r.className ? (n.class = r.class, Object.defineProperty(n, "className", L)) : (r.className && !r.class || r.class && r.className) && (n.class = n.className = r.className), t.props = n;
161
+ }(e), e.$$typeof = A, O && O(e);
162
+ };
163
+ var S = a.__r;
164
+ a.__r = function(e) {
165
+ S && S(e), e.__c;
166
+ };
167
+ var w = a.diffed;
168
+ a.diffed = function(e) {
169
+ w && w(e);
170
+ var t = e.props, r = e.__e;
171
+ r != null && e.type === "textarea" && "value" in t && t.value !== r.value && (r.value = t.value == null ? "" : t.value);
172
+ };
173
+ export {
174
+ z as D
175
+ };
@@ -0,0 +1,138 @@
1
+ import { options as x } from "preact";
2
+ var v, n, H, y, m = 0, C = [], u = x, A = u.__b, q = u.__r, F = u.diffed, g = u.__c, k = u.unmount, T = u.__;
3
+ function d(_, t) {
4
+ u.__h && u.__h(n, _, m || t), m = 0;
5
+ var r = n.__H || (n.__H = { __: [], __h: [] });
6
+ return _ >= r.__.length && r.__.push({}), r.__[_];
7
+ }
8
+ function S(_) {
9
+ return m = 1, z(j, _);
10
+ }
11
+ function z(_, t, r) {
12
+ var o = d(v++, 2);
13
+ if (o.t = _, !o.__c && (o.__ = [r ? r(t) : j(void 0, t), function(c) {
14
+ var e = o.__N ? o.__N[0] : o.__[0], f = o.t(e, c);
15
+ e !== f && (o.__N = [f, o.__[1]], o.__c.setState({}));
16
+ }], o.__c = n, !n.__f)) {
17
+ var a = function(c, e, f) {
18
+ if (!o.__c.__H) return !0;
19
+ var l = o.__c.__H.__.filter(function(i) {
20
+ return !!i.__c;
21
+ });
22
+ if (l.every(function(i) {
23
+ return !i.__N;
24
+ })) return !h || h.call(this, c, e, f);
25
+ var E = o.__c.props !== c;
26
+ return l.forEach(function(i) {
27
+ if (i.__N) {
28
+ var w = i.__[0];
29
+ i.__ = i.__N, i.__N = void 0, w !== i.__[0] && (E = !0);
30
+ }
31
+ }), h && h.call(this, c, e, f) || E;
32
+ };
33
+ n.__f = !0;
34
+ var h = n.shouldComponentUpdate, N = n.componentWillUpdate;
35
+ n.componentWillUpdate = function(c, e, f) {
36
+ if (this.__e) {
37
+ var l = h;
38
+ h = void 0, a(c, e, f), h = l;
39
+ }
40
+ N && N.call(this, c, e, f);
41
+ }, n.shouldComponentUpdate = a;
42
+ }
43
+ return o.__N || o.__;
44
+ }
45
+ function G(_, t) {
46
+ var r = d(v++, 3);
47
+ !u.__s && W(r.__H, t) && (r.__ = _, r.u = t, n.__H.__h.push(r));
48
+ }
49
+ function I(_) {
50
+ return m = 5, b(function() {
51
+ return { current: _ };
52
+ }, []);
53
+ }
54
+ function b(_, t) {
55
+ var r = d(v++, 7);
56
+ return W(r.__H, t) && (r.__ = _(), r.__H = t, r.__h = _), r.__;
57
+ }
58
+ function J(_, t) {
59
+ return m = 8, b(function() {
60
+ return _;
61
+ }, t);
62
+ }
63
+ function B() {
64
+ for (var _; _ = C.shift(); ) if (_.__P && _.__H) try {
65
+ _.__H.__h.forEach(s), _.__H.__h.forEach(p), _.__H.__h = [];
66
+ } catch (t) {
67
+ _.__H.__h = [], u.__e(t, _.__v);
68
+ }
69
+ }
70
+ u.__b = function(_) {
71
+ n = null, A && A(_);
72
+ }, u.__ = function(_, t) {
73
+ _ && t.__k && t.__k.__m && (_.__m = t.__k.__m), T && T(_, t);
74
+ }, u.__r = function(_) {
75
+ q && q(_), v = 0;
76
+ var t = (n = _.__c).__H;
77
+ t && (H === n ? (t.__h = [], n.__h = [], t.__.forEach(function(r) {
78
+ r.__N && (r.__ = r.__N), r.u = r.__N = void 0;
79
+ })) : (t.__h.forEach(s), t.__h.forEach(p), t.__h = [], v = 0)), H = n;
80
+ }, u.diffed = function(_) {
81
+ F && F(_);
82
+ var t = _.__c;
83
+ t && t.__H && (t.__H.__h.length && (C.push(t) !== 1 && y === u.requestAnimationFrame || ((y = u.requestAnimationFrame) || D)(B)), t.__H.__.forEach(function(r) {
84
+ r.u && (r.__H = r.u), r.u = void 0;
85
+ })), H = n = null;
86
+ }, u.__c = function(_, t) {
87
+ t.some(function(r) {
88
+ try {
89
+ r.__h.forEach(s), r.__h = r.__h.filter(function(o) {
90
+ return !o.__ || p(o);
91
+ });
92
+ } catch (o) {
93
+ t.some(function(a) {
94
+ a.__h && (a.__h = []);
95
+ }), t = [], u.__e(o, r.__v);
96
+ }
97
+ }), g && g(_, t);
98
+ }, u.unmount = function(_) {
99
+ k && k(_);
100
+ var t, r = _.__c;
101
+ r && r.__H && (r.__H.__.forEach(function(o) {
102
+ try {
103
+ s(o);
104
+ } catch (a) {
105
+ t = a;
106
+ }
107
+ }), r.__H = void 0, t && u.__e(t, r.__v));
108
+ };
109
+ var U = typeof requestAnimationFrame == "function";
110
+ function D(_) {
111
+ var t, r = function() {
112
+ clearTimeout(o), U && cancelAnimationFrame(t), setTimeout(_);
113
+ }, o = setTimeout(r, 35);
114
+ U && (t = requestAnimationFrame(r));
115
+ }
116
+ function s(_) {
117
+ var t = n, r = _.__c;
118
+ typeof r == "function" && (_.__c = void 0, r()), n = t;
119
+ }
120
+ function p(_) {
121
+ var t = n;
122
+ _.__c = _.__(), n = t;
123
+ }
124
+ function W(_, t) {
125
+ return !_ || _.length !== t.length || t.some(function(r, o) {
126
+ return r !== _[o];
127
+ });
128
+ }
129
+ function j(_, t) {
130
+ return typeof t == "function" ? t(_) : t;
131
+ }
132
+ export {
133
+ I as A,
134
+ b as T,
135
+ S as d,
136
+ J as q,
137
+ G as y
138
+ };
@@ -1,4 +1,4 @@
1
- import { A as t, y as o } from "./hooks.module.DGkdD5n9.js";
1
+ import { A as t, y as o } from "./hooks.module.D9IrxdEh.js";
2
2
  function f(u, n) {
3
3
  const e = t(null), r = t("");
4
4
  return o(() => () => {
@@ -5,5 +5,4 @@ export { default as SearchLink } from './preact/SearchModal/components/SearchLin
5
5
  export { default as SearchHeading } from './preact/SearchModal/components/SearchHeading/SearchHeading';
6
6
  export { default as SearchToggle } from './preact/SearchModal/components/SearchToggle/SearchToggle';
7
7
  export { default as SearchModal } from './preact/SearchModal/components/SearchModal/SearchModal';
8
- export { default as ChatApp } from './preact/ChatApp/ChatApp';
9
8
  export { type IconName } from './preact/Icon';
@@ -1,6 +1,6 @@
1
1
  type Props = {
2
2
  name: IconName;
3
3
  };
4
- export default function Icon(props: Props): import("preact").JSX.Element | undefined;
5
- export type IconName = 'askNetlify' | 'book' | 'caretRight' | 'code' | 'comment' | 'cube' | 'lightbulb' | 'link' | 'pageWithLines' | 'pencil' | 'rss' | 'search' | 'terminal' | 'question' | 'linkedin' | 'netlify' | 'bluesky' | 'twitter' | 'youtube';
4
+ export default function Icon(props: Props): import("preact").JSX.Element;
5
+ export type IconName = 'book' | 'caretRight' | 'code' | 'comment' | 'cube' | 'link' | 'pageWithLines' | 'pencil' | 'rss' | 'search' | 'sparkles' | 'terminal' | 'question' | 'linkedin' | 'netlify' | 'bluesky' | 'twitter' | 'youtube';
6
6
  export {};