@netlify/spark-ui 0.0.10 → 0.0.12
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.
- package/dist/assets/SearchToggle.css +1 -0
- package/dist/assets/index.css +1 -0
- package/dist/assets/index2.css +1 -0
- package/dist/compat.module-DWiGVdMB.js +175 -0
- package/dist/components/index.d.ts +9 -0
- package/dist/components/preact/Icon/index.d.ts +7 -0
- package/dist/components/preact/Icon/index.js +125 -0
- package/dist/components/preact/KeyboardKey/index.d.ts +6 -0
- package/dist/components/preact/KeyboardKey/index.js +7 -0
- package/dist/components/preact/Modal/index.d.ts +9 -0
- package/dist/components/preact/Modal/index.js +8 -0
- package/dist/components/preact/SearchModal/components/SearchFooter.d.ts +6 -0
- package/dist/components/preact/SearchModal/components/SearchFooter.js +7 -0
- package/dist/components/preact/SearchModal/components/SearchFooterTip.d.ts +6 -0
- package/dist/components/preact/SearchModal/components/SearchFooterTip.js +7 -0
- package/dist/components/preact/SearchModal/components/SearchHeading.d.ts +6 -0
- package/dist/components/preact/SearchModal/components/SearchHeading.js +5 -0
- package/dist/components/preact/SearchModal/components/SearchInput.d.ts +8 -0
- package/dist/components/preact/SearchModal/components/SearchInput.js +30 -0
- package/dist/components/preact/SearchModal/components/SearchLink.d.ts +11 -0
- package/dist/components/preact/SearchModal/components/SearchLink.js +15 -0
- package/dist/components/preact/SearchModal/components/SearchToggle/SearchToggle.d.ts +10 -0
- package/dist/components/preact/SearchModal/components/SearchToggle/SearchToggle.js +12 -0
- package/dist/components/preact/SearchModal/components/SearchWindow.d.ts +3 -0
- package/dist/components/preact/SearchModal/components/SearchWindow.js +33 -0
- package/dist/components/preact/SearchModal/components/index.js +16 -0
- package/dist/components/preact/SearchModal/hooks/useKeyboardNav.d.ts +14 -0
- package/dist/components/preact/SearchModal/hooks/useKeyboardNav.js +24 -0
- package/dist/components/preact/SearchModal/hooks/useSearch.d.ts +17 -0
- package/dist/components/preact/SearchModal/hooks/useSearch.js +57 -0
- package/dist/components/preact/SearchModal/hooks/useSearchHotkeys.d.ts +13 -0
- package/dist/components/preact/SearchModal/hooks/useSearchHotkeys.js +12 -0
- package/dist/components/preact/SearchModal/hooks/useSearchParams.d.ts +11 -0
- package/dist/components/preact/SearchModal/hooks/useSearchParams.js +11 -0
- package/dist/components/preact/SearchModal/hooks/useSearchToggles.d.ts +12 -0
- package/dist/components/preact/SearchModal/hooks/useSearchToggles.js +15 -0
- package/dist/components/preact/SearchModal/index.d.ts +6 -0
- package/dist/components/preact/SearchModal/index.js +57 -0
- package/dist/components/preact/SearchModal/types/search.types.d.ts +25 -0
- package/dist/components/preact/SearchModal/types/search.types.js +1 -0
- package/dist/components/preact/SearchModal/utils/index.d.ts +2 -0
- package/dist/components/preact/SearchModal/utils/index.js +11 -0
- package/dist/components/preact/index.d.ts +8 -0
- package/dist/components/preact/index.js +16 -0
- package/dist/hooks.module-ExpuRnbo.js +131 -0
- package/dist/jsxRuntime.module-Bzuv3cXw.js +13 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/pluralize.d.ts +1 -0
- package/dist/utils/useClickOutside.d.ts +1 -0
- package/dist/utils/useTimeout.d.ts +4 -0
- package/package.json +20 -4
- package/packages/components/index.ts +8 -8
- package/packages/components/preact/SearchModal/components/index.ts +7 -0
- package/packages/components/{search → preact/SearchModal}/hooks/useSearch.ts +1 -1
- package/packages/components/{search/SearchModal.tsx → preact/SearchModal/index.tsx} +4 -4
- package/packages/components/preact/index.ts +9 -0
- /package/{packages/components/search/components/index.ts → dist/components/preact/SearchModal/components/index.d.ts} +0 -0
- /package/packages/components/{Icon.tsx → preact/Icon/index.tsx} +0 -0
- /package/packages/components/{KeyboardKey → preact/KeyboardKey}/KeyboardKey.css +0 -0
- /package/packages/components/{KeyboardKey/KeyboardKey.tsx → preact/KeyboardKey/index.tsx} +0 -0
- /package/packages/components/{Modal/Modal.tsx → preact/Modal/index.tsx} +0 -0
- /package/packages/components/{search → preact/SearchModal}/components/SearchFooter.tsx +0 -0
- /package/packages/components/{search → preact/SearchModal}/components/SearchFooterTip.tsx +0 -0
- /package/packages/components/{search → preact/SearchModal}/components/SearchHeading.tsx +0 -0
- /package/packages/components/{search → preact/SearchModal}/components/SearchInput.tsx +0 -0
- /package/packages/components/{search → preact/SearchModal}/components/SearchLink.tsx +0 -0
- /package/packages/components/{search → preact/SearchModal}/components/SearchToggle/SearchToggle.css +0 -0
- /package/packages/components/{search → preact/SearchModal}/components/SearchToggle/SearchToggle.tsx +0 -0
- /package/packages/components/{search → preact/SearchModal}/components/SearchWindow.tsx +0 -0
- /package/packages/components/{search → preact/SearchModal}/hooks/useKeyboardNav.ts +0 -0
- /package/packages/components/{search → preact/SearchModal}/hooks/useSearchHotkeys.ts +0 -0
- /package/packages/components/{search → preact/SearchModal}/hooks/useSearchParams.ts +0 -0
- /package/packages/components/{search → preact/SearchModal}/hooks/useSearchToggles.ts +0 -0
- /package/packages/components/{search → preact/SearchModal}/types/search.types.tsx +0 -0
- /package/packages/components/{search → preact/SearchModal}/utils/index.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.search-toggle{all:unset;outline:revert;cursor:pointer;line-height:normal;padding:var(--space-2xs);transition:opacity .3s ease-in-out;max-width:max-content}.search-toggle:disabled{opacity:.3}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--ntl-key-text-size: .8em;--ntl-key-border-radius: 6px;--ntl-key-text-color: var(--neutral-300);--ntl-key-bg-color: transparent}.keyboard-key{display:flex;gap:calc(var(--space-3xs) * .5);font-size:var(--ntl-key-text-size);color:var(--ntl-key-text-color);background:var(--ntl-key-bg-color);border:1px solid currentColor;border-radius:var(--ntl-key-border-radius);padding:var(--ntl-key-padding-block, .05em) var(--ntl-key-padding-inline, .3em)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--blue-000: color(srgb .9294117647058824 .9568627450980393 1);--blue-100: color(srgb .803921568627451 .8862745098039215 1);--blue-200: color(srgb .7098039215686275 .8235294117647058 .984313725490196);--blue-300: color(srgb .611764705882353 .7450980392156863 .9647058823529412);--blue-400: color(srgb .5019607843137255 .6705882352941176 .9803921568627451);--blue-500: color(srgb .36470588235294116 .5529411764705883 .9607843137254902);--blue-600: color(srgb .19215686274509805 .4196078431372549 .9568627450980393);--blue-700: color(srgb .1803921568627451 .3176470588235294 .9294117647058824);--blue-800: color(srgb .12549019607843137 .21176470588235294 .6313725490196078);--blue-900: color(srgb .10588235294117647 .12549019607843137 .3568627450980392);--color-bg-1: var(--neutral-000);--color-bg-2: var(--neutral-100);--color-bg-3: var(--neutral-200);--color-brand: var(--blue-700);--color-disabled-bg: var(--neutral-200);--color-disabled-border: var(--neutral-400);--color-disabled-text: var(--neutral-400);--color-invalid-bg: var(--red-100);--color-invalid-border: var(--red-600);--color-invalid-text: var(--red-600);--color-link: var(--neutral-800);--color-success-bg: var(--green-100);--color-success-border: var(--green-300);--color-success-text: var(--green-800);--color-text-1: var(--neutral-800);--color-text-2: var(--neutral-600);--color-text-3: var(--neutral-400);--color-text-accent: var(--teal-000);--color-warning-bg: var(--gold-100);--color-warning-border: var(--gold-300);--color-warning-text: var(--gold-800);--font-bold: 800;--font-light: 300;--font-medium: 500;--font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", "Menlo", "Consolas", "DejaVu Sans Mono", monospace;--font-primary: "Mulish", system-ui, "Helvetica", sans-serif;--font-regular: 400;--font-secondary: "Pacaembu", system-ui, "Helvetica", sans-serif;--font-semibold: 680;--font-semilight: 350;--gold-000: color(srgb .9921568627450981 .9607843137254902 .8470588235294118);--gold-100: color(srgb .9647058823529412 .8784313725490196 .6470588235294118);--gold-200: color(srgb .9803921568627451 .803921568627451 .43529411764705883);--gold-300: color(srgb .984313725490196 .6941176470588235 .23921568627450981);--gold-400: color(srgb .9764705882352941 .5568627450980392 .12941176470588237);--gold-500: color(srgb .8352941176470589 .4666666666666667 .10196078431372549);--gold-600: color(srgb .6588235294117647 .36470588235294116 .07450980392156863);--gold-700: color(srgb .5490196078431373 .2980392156862745 .050980392156862744);--gold-800: color(srgb .3764705882352941 .20392156862745098 .03137254901960784);--gold-900: color(srgb .2 .13333333333333333 .07450980392156863);--green-000: color(srgb .9058823529411765 .9882352941176471 .9137254901960784);--green-100: color(srgb .7450980392156863 .9764705882352941 .7764705882352941);--green-200: color(srgb .5764705882352941 .9607843137254902 .6470588235294118);--green-300: color(srgb .39215686274509803 .8470588235294118 .4980392156862745);--green-400: color(srgb .22745098039215686 .7647058823529411 .39215686274509803);--green-500: color(srgb .19215686274509805 .6588235294117647 .3333333333333333);--green-600: color(srgb .13333333333333333 .5098039215686274 .25098039215686274);--green-700: color(srgb .10196078431372549 .4196078431372549 .20392156862745098);--green-800: color(srgb .058823529411764705 .2901960784313726 .12941176470588237);--green-900: color(srgb .08235294117647059 .16470588235294117 .09803921568627451);--line-height-heading: 1.2;--line-height-none: 1;--line-height-prose: 1.5;--neutral-000: color(srgb 1 1 1);--neutral-100: color(srgb .9647058823529412 .9647058823529412 .9686274509803922);--neutral-200: color(srgb .9137254901960784 .9215686274509803 .9294117647058824);--neutral-300: color(srgb .8196078431372549 .8352941176470589 .8549019607843137);--neutral-400: color(srgb .615686274509804 .6549019607843137 .6980392156862745);--neutral-500: color(srgb .4666666666666667 .5019607843137255 .5372549019607843);--neutral-600: color(srgb .32941176470588235 .35294117647058826 .3803921568627451);--neutral-700: color(srgb .20784313725490197 .22745098039215686 .24313725490196078);--neutral-800: color(srgb .09411764705882353 .10196078431372549 .10980392156862745);--neutral-900: color(srgb .023529411764705882 .043137254901960784 .06274509803921569);--pink-000: color(srgb .9882352941176471 .9411764705882353 .984313725490196);--pink-100: color(srgb .9647058823529412 .8235294117647058 .9490196078431372);--pink-200: color(srgb .9686274509803922 .7372549019607844 .9529411764705882);--pink-300: color(srgb .9529411764705882 .6588235294117647 .9333333333333333);--pink-400: color(srgb .9372549019607843 .4980392156862745 .9215686274509803);--pink-500: color(srgb .8745098039215686 .35294117647058826 .8627450980392157);--pink-600: color(srgb .7254901960784313 .2196078431372549 .7215686274509804);--pink-700: color(srgb .6039215686274509 .17647058823529413 .6);--pink-800: color(srgb .4235294117647059 .11372549019607843 .4196078431372549);--pink-900: color(srgb .2196078431372549 .10588235294117647 .21568627450980393);--purple-000: color(srgb .9607843137254902 .9490196078431372 .9882352941176471);--purple-100: color(srgb .8862745098039215 .8509803921568627 .9686274509803922);--purple-200: color(srgb .8470588235294118 .7803921568627451 1);--purple-300: color(srgb .792156862745098 .7254901960784313 .9568627450980393);--purple-400: color(srgb .7058823529411765 .615686274509804 .9450980392156862);--purple-500: color(srgb .6078431372549019 .5019607843137255 .9294117647058824);--purple-600: color(srgb .4666666666666667 .3607843137254902 .9058823529411765);--purple-700: color(srgb .3803921568627451 .2901960784313726 .792156862745098);--purple-800: color(srgb .2196078431372549 .16470588235294117 .6431372549019608);--purple-900: color(srgb .1607843137254902 .12941176470588237 .25882352941176473);--red-000: color(srgb .984313725490196 .9333333333333333 .9294117647058824);--red-100: color(srgb .984313725490196 .8274509803921568 .8156862745098039);--red-200: color(srgb 1 .7411764705882353 .7294117647058823);--red-300: color(srgb 1 .6784313725490196 .6627450980392157);--red-400: color(srgb .996078431372549 .5137254901960784 .5098039215686274);--red-500: color(srgb .996078431372549 .3058823529411765 .3607843137254902);--red-600: color(srgb .8392156862745098 .15294117647058825 .25098039215686274);--red-700: color(srgb .6862745098039216 .1450980392156863 .21176470588235294);--red-800: color(srgb .5019607843137255 .0392156862745098 .12549019607843137);--red-900: color(srgb .23921568627450981 .10980392156862745 .10588235294117647);--shadow-deep: 0 16px 24px 0 color(srgb 0 0 0 / .07), 0 6px 30px 0 color(srgb 0 0 0 / .06), 0 8px 10px 0 color(srgb 0 0 0 / .1);--shadow-heavy: -10px 10px 80px 0 color(srgb 0 0 0 / .1);--shadow-hover: 0 4px 12px 0 color(srgb 0 0 0 / .25);--shadow-light: 0 2px 4px 0 color(srgb .2 .21568627450980393 .23137254901960785 / .08), 0 1px 10px 0 color(srgb .2 .21568627450980393 .23137254901960785 / .06);--space-2xl: 4rem;--space-2xs: .5rem;--space-3xl: 6rem;--space-3xs: .25rem;--space-4xl: 10rem;--space-l: 2rem;--space-m: 1.5rem;--space-s: 1rem;--space-xl: 3rem;--space-xs: .75rem;--teal-000: color(srgb .8705882352941177 1 .996078431372549);--teal-100: color(srgb .5568627450980392 .984313725490196 .9686274509803922);--teal-200: color(srgb .19607843137254902 .9019607843137255 .8862745098039215);--teal-300: color(srgb .0784313725490196 .8470588235294118 .8313725490196079);--teal-400: color(srgb .0196078431372549 .7411764705882353 .7294117647058823);--teal-500: color(srgb .01568627450980392 .6352941176470588 .6235294117647059);--teal-600: color(srgb .00784313725490196 .5019607843137255 .49019607843137253);--teal-700: color(srgb .00392156862745098 .4117647058823529 .40784313725490196);--teal-800: color(srgb .00392156862745098 .2823529411764706 .2784313725490196);--teal-900: color(srgb .047058823529411764 .16470588235294117 .16470588235294117);--text-2xl: 1.74rem;--text-3xl: 2.3rem;--text-4xl: 3.04rem;--text-5xl: 4.01rem;--text-base: 1rem;--text-lg: 1.125rem;--text-sm: .875rem;--text-xl: 1.32rem;--text-xs: .8125rem}@media (prefers-color-scheme: light){:root{--color-bg-1: var(--neutral-000);--color-bg-2: var(--neutral-100);--color-bg-3: var(--neutral-200);--color-brand: var(--blue-700);--color-disabled-bg: var(--neutral-200);--color-disabled-border: var(--neutral-400);--color-disabled-text: var(--neutral-400);--color-invalid-bg: var(--red-100);--color-invalid-border: var(--red-600);--color-invalid-text: var(--red-600);--color-link: var(--neutral-800);--color-success-bg: var(--green-100);--color-success-border: var(--green-300);--color-success-text: var(--green-800);--color-text-1: var(--neutral-800);--color-text-2: var(--neutral-600);--color-text-3: var(--neutral-400);--color-text-accent: var(--teal-000);--color-warning-bg: var(--gold-100);--color-warning-border: var(--gold-300);--color-warning-text: var(--gold-800);--neutral-000: color(srgb 1 1 1);--neutral-100: color(srgb .9647058823529412 .9647058823529412 .9686274509803922);--neutral-200: color(srgb .9137254901960784 .9215686274509803 .9294117647058824);--neutral-300: color(srgb .8196078431372549 .8352941176470589 .8549019607843137);--neutral-400: color(srgb .615686274509804 .6549019607843137 .6980392156862745);--neutral-500: color(srgb .4666666666666667 .5019607843137255 .5372549019607843);--neutral-600: color(srgb .32941176470588235 .35294117647058826 .3803921568627451);--neutral-700: color(srgb .20784313725490197 .22745098039215686 .24313725490196078);--neutral-800: color(srgb .09411764705882353 .10196078431372549 .10980392156862745)}}[data-mode=light]{--color-bg-1: var(--neutral-000);--color-bg-2: var(--neutral-100);--color-bg-3: var(--neutral-200);--color-brand: var(--blue-700);--color-disabled-bg: var(--neutral-200);--color-disabled-border: var(--neutral-400);--color-disabled-text: var(--neutral-400);--color-invalid-bg: var(--red-100);--color-invalid-border: var(--red-600);--color-invalid-text: var(--red-600);--color-link: var(--neutral-800);--color-success-bg: var(--green-100);--color-success-border: var(--green-300);--color-success-text: var(--green-800);--color-text-1: var(--neutral-800);--color-text-2: var(--neutral-600);--color-text-3: var(--neutral-400);--color-text-accent: var(--teal-000);--color-warning-bg: var(--gold-100);--color-warning-border: var(--gold-300);--color-warning-text: var(--gold-800);--neutral-000: color(srgb 1 1 1);--neutral-100: color(srgb .9647058823529412 .9647058823529412 .9686274509803922);--neutral-200: color(srgb .9137254901960784 .9215686274509803 .9294117647058824);--neutral-300: color(srgb .8196078431372549 .8352941176470589 .8549019607843137);--neutral-400: color(srgb .615686274509804 .6549019607843137 .6980392156862745);--neutral-500: color(srgb .4666666666666667 .5019607843137255 .5372549019607843);--neutral-600: color(srgb .32941176470588235 .35294117647058826 .3803921568627451);--neutral-700: color(srgb .20784313725490197 .22745098039215686 .24313725490196078);--neutral-800: color(srgb .09411764705882353 .10196078431372549 .10980392156862745)}@media (prefers-color-scheme: dark){:root{--color-bg-1: var(--neutral-800);--color-bg-2: var(--neutral-700);--color-bg-3: var(--neutral-600);--color-brand: var(--teal-200);--color-disabled-bg: var(--neutral-600);--color-disabled-border: var(--neutral-400);--color-disabled-text: var(--neutral-400);--color-invalid-bg: var(--red-200);--color-invalid-border: var(--red-700);--color-invalid-text: var(--red-700);--color-link: var(--neutral-100);--color-success-bg: var(--green-200);--color-success-border: var(--green-400);--color-success-text: var(--green-900);--color-text-1: var(--neutral-100);--color-text-2: var(--neutral-300);--color-text-3: var(--neutral-500);--color-text-accent: var(--teal-600);--color-warning-bg: var(--gold-200);--color-warning-border: var(--gold-400);--color-warning-text: var(--gold-900);--neutral-100: color(srgb .9019607843137255 .9254901960784314 .9490196078431372);--neutral-200: color(srgb .6705882352941176 .7098039215686275 .7490196078431373);--neutral-300: color(srgb .49411764705882355 .5294117647058824 .5725490196078431);--neutral-400: color(srgb .30196078431372547 .33725490196078434 .37254901960784315);--neutral-500: color(srgb .23137254901960785 .2627450980392157 .2980392156862745);--neutral-600: color(srgb .15294117647058825 .1843137254901961 .2196078431372549);--neutral-700: color(srgb .11764705882352941 .1411764705882353 .17254901960784313);--neutral-800: color(srgb .07058823529411765 .09411764705882353 .12156862745098039);--neutral-900: color(srgb .023529411764705882 .043137254901960784 .06274509803921569)}}[data-mode=dark]{--color-bg-1: var(--neutral-800);--color-bg-2: var(--neutral-700);--color-bg-3: var(--neutral-600);--color-brand: var(--teal-200);--color-disabled-bg: var(--neutral-600);--color-disabled-border: var(--neutral-400);--color-disabled-text: var(--neutral-400);--color-invalid-bg: var(--red-200);--color-invalid-border: var(--red-700);--color-invalid-text: var(--red-700);--color-link: var(--neutral-100);--color-success-bg: var(--green-200);--color-success-border: var(--green-400);--color-success-text: var(--green-900);--color-text-1: var(--neutral-100);--color-text-2: var(--neutral-300);--color-text-3: var(--neutral-500);--color-text-accent: var(--teal-600);--color-warning-bg: var(--gold-200);--color-warning-border: var(--gold-400);--color-warning-text: var(--gold-900);--neutral-100: color(srgb .9019607843137255 .9254901960784314 .9490196078431372);--neutral-200: color(srgb .6705882352941176 .7098039215686275 .7490196078431373);--neutral-300: color(srgb .49411764705882355 .5294117647058824 .5725490196078431);--neutral-400: color(srgb .30196078431372547 .33725490196078434 .37254901960784315);--neutral-500: color(srgb .23137254901960785 .2627450980392157 .2980392156862745);--neutral-600: color(srgb .15294117647058825 .1843137254901961 .2196078431372549);--neutral-700: color(srgb .11764705882352941 .1411764705882353 .17254901960784313);--neutral-800: color(srgb .07058823529411765 .09411764705882353 .12156862745098039);--neutral-900: color(srgb .023529411764705882 .043137254901960784 .06274509803921569)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.search-modal{--ntl-search-padding-inline: .5em;--ntl-search-color-text: var(--color-text-2);--ntl-search-color-bg: var(--color-bg-1);--ntl-search-color-border: var(--color-bg-3);--ntl-search-border-radius: 8px;--ntl-search-max-w: 600px;--ntl-search-text-highlight: var(--color-text-accent);--ntl-search-footer-key-color-text: var(--color-text-2)}.search-container{--mark-bg: var(--ntl-search-text-highlight);display:grid;width:min(var(--ntl-search-max-w),100%);min-height:470px;background-color:var(--ntl-search-color-bg);border-radius:var(--ntl-search-border-radius);overflow:hidden}.search-modal{padding:0;border:none;border-radius:var(--ntl-search-border-radius);width:min(var(--ntl-search-max-w),100%);margin-inline:auto}.search{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;background:var(--ntl-search-color-bg);border-bottom:1px solid var(--ntl-search-color-border)}.search>*{display:inline-block}.search-trigger{width:var(--ntl-search-icon-size, 1rem);height:auto;border:none;background:none;padding:0;cursor:pointer;padding-inline:var(--space-2xs);color:var(--color-text-1);box-sizing:content-box;display:block}.search-input-wrapper{all:unset;display:flex;width:100%}.search-input{display:inline-flex;box-sizing:border-box;background:var(--ntl-search-color-bg);inline-size:100%;padding-block:.75rem;padding-inline:var(--ntl-search-padding-inline);flex:1;border:none;outline:none;font-size:1rem}.search-input::placeholder{color:var(--ntl-search-color-text)}.search-label{display:flex;padding-inline:var(--ntl-search-padding-inline)}.search-label>*{display:inline-block;margin:0}.search-icon{display:flex;width:1em;height:auto;color:#d3d3d3}.icon{display:flex;width:1em;height:auto;height:1em}.icon [data-icon=caretRight]{width:10px;color:var(--neutral-300)}.search-term{font-weight:var(--font-medium);font-size:1.1em}.search-results-heading{padding-inline:1rem;margin-block:var(--space-xs);font-size:var(--step--2);font-weight:var(--font-regular);color:var(--color-text-3)}.search-window{height:400px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin-block:0;background:var(--ntl-search-color-bg)}.results-list,ul[role=list]{list-style:none;padding:0}.results-list-item{border-bottom:1px solid var(--color-bg-3)}.results-list-item:first-of-type{border-top:1px solid var(--color-bg-3)}.result-link{all:unset;display:flex;flex-wrap:wrap;row-gap:var(--space-3xs);padding:var(--ntl-result-padding-block, 1em) var(--ntl-result-padding-inline, 1rem);font-size:var(--step--1);font-weight:var(--font-regular);text-decoration:none;cursor:pointer}.result-link:is(:hover,:focus-within){background:var(--neutral-100)}.result-header{display:flex;justify-content:space-between;width:100%;align-items:center}.result-title{display:flex;align-items:center;gap:var(--space-s);font-weight:var(--font-semibold);color:var(--color-text-2)}.result-excerpt{color:var(--color-text-3);line-height:1.3;font-size:.9em;padding-inline-start:var(--space-l)}.search-footer{border-top:1px solid var(--ntl-search-color-border);padding:var(--space-2xs) var(--space-s);background:var(--color-bg-2);display:flex;gap:var(--space-m)}.search-footer-tip{--ntl-key-text-color: var(--ntl-search-footer-key-color-text);color:var(--ntl-search-footer-key-color-text);display:flex;gap:var(--space-2xs);align-items:center;font-size:var(--step--1)}.search-modal{transition:display .2s allow-discrete,overlay .2s allow-discrete;animation:closeSearch .2s forwards}.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)}}.search-modal::backdrop{animation:closeSearchBackdrop .2s forwards}.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-ExpuRnbo.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 = 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,9 @@
|
|
|
1
|
+
export { default as KeyboardKey } from './preact/KeyboardKey';
|
|
2
|
+
export { default as Modal } from './preact/Modal';
|
|
3
|
+
export { default as Icon } from './preact/Icon';
|
|
4
|
+
export { default as SearchLink } from './preact/SearchModal/components/SearchLink';
|
|
5
|
+
export { default as SearchHeading } from './preact/SearchModal/components/SearchHeading';
|
|
6
|
+
export { default as SearchToggle } from './preact/SearchModal/components/SearchToggle/SearchToggle';
|
|
7
|
+
export { default as SearchModal } from './preact/SearchModal';
|
|
8
|
+
export { default as Tabs } from './Tabs.astro';
|
|
9
|
+
export { type IconName } from './preact/Icon';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { default as Preact } from 'preact';
|
|
2
|
+
type Props = {
|
|
3
|
+
name: IconName;
|
|
4
|
+
};
|
|
5
|
+
export default function Icon(props: Props): Preact.JSX.Element;
|
|
6
|
+
export type IconName = 'search' | 'askNetlify' | 'netlify' | 'book' | 'pencil' | 'caretRight' | 'rss' | 'pageWithLines' | 'twitter';
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { u as C } from "../../../jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
+
import { Fragment as t } from "preact";
|
|
3
|
+
function u(L) {
|
|
4
|
+
const r = Z[L.name];
|
|
5
|
+
return /* @__PURE__ */ C("svg", { "data-icon": L.name, viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ C(r, {}) });
|
|
6
|
+
}
|
|
7
|
+
const o = () => /* @__PURE__ */ C(
|
|
8
|
+
"path",
|
|
9
|
+
{
|
|
10
|
+
d: "M8.5328 26.6769C8.5328 16.6562 16.6562 8.5328 26.6769 8.5328C36.6977 8.5328 44.8211 16.6562 44.8211 26.6769C44.8211 36.6977 36.6977 44.8211 26.6769 44.8211C16.6562 44.8211 8.5328 36.6977 8.5328 26.6769ZM26.6769 0C11.9437 0 0 11.9437 0 26.6769C0 41.4102 11.9437 53.3539 26.6769 53.3539C32.5038 53.3539 37.8943 51.4858 42.2822 48.3158L56.7168 62.7504C58.3829 64.4165 61.0843 64.4165 62.7504 62.7504C64.4165 61.0843 64.4165 58.3829 62.7504 56.7168L48.3158 42.2822C51.4858 37.8943 53.3539 32.5038 53.3539 26.6769C53.3539 11.9437 41.4102 0 26.6769 0Z",
|
|
11
|
+
fill: "currentColor"
|
|
12
|
+
}
|
|
13
|
+
), n = () => /* @__PURE__ */ C(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
d: "M45.264 17.719L37.08 15.439C35.64 14.987 35.64 13.011 37.08 12.631L45.264 10.275C45.4922 10.1958 45.6994 10.0656 45.8699 9.89446C46.0404 9.72329 46.1697 9.51555 46.248 9.287L48.6 1.083C49.052 -0.361 51.024 -0.361 51.4 1.083L53.676 9.287C53.7543 9.51555 53.8836 9.72329 54.0541 9.89446C54.2246 10.0656 54.4318 10.1958 54.66 10.275L62.92 12.635C64.36 13.087 64.36 15.063 62.92 15.443L54.736 17.723C54.5078 17.8022 54.3006 17.9324 54.1301 18.1035C53.9596 18.2747 53.8303 18.4824 53.752 18.711L51.4 26.915C50.948 28.359 48.976 28.359 48.6 26.915L46.248 18.711C46.1694 18.4826 46.0401 18.275 45.8696 18.1039C45.6992 17.9327 45.4921 17.8025 45.264 17.723V17.719ZM29.36 33.663L42.348 37.615C44.536 38.271 44.536 41.643 42.424 42.383L29.436 46.335C29.0506 46.4707 28.7043 46.6988 28.4274 46.9994C28.1506 47.2999 27.9516 47.6637 27.848 48.059L24.224 62.211C24.1201 62.7151 23.8456 63.1679 23.4466 63.4931C23.0476 63.8182 22.5487 63.9958 22.034 63.9958C21.5193 63.9958 21.0204 63.8182 20.6214 63.4931C20.2224 63.1679 19.9479 62.7151 19.844 62.211L16.22 48.059C16.1164 47.6637 15.9174 47.2999 15.6406 46.9994C15.3637 46.6988 15.0174 46.4707 14.632 46.335L1.644 42.383C-0.548 41.727 -0.548 38.271 1.644 37.615L14.556 33.663C14.9414 33.5273 15.2877 33.2992 15.5646 32.9986C15.8414 32.6981 16.0404 32.3343 16.144 31.939L19.768 17.787C19.8719 17.2829 20.1464 16.8301 20.5454 16.5049C20.9444 16.1798 21.4433 16.0022 21.958 16.0022C22.4727 16.0022 22.9716 16.1798 23.3706 16.5049C23.7696 16.8301 24.0441 17.2829 24.148 17.787L27.772 31.939C28 32.759 28.604 33.419 29.36 33.663Z",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
}
|
|
19
|
+
), l = () => /* @__PURE__ */ C(t, { children: [
|
|
20
|
+
/* @__PURE__ */ C(
|
|
21
|
+
"path",
|
|
22
|
+
{
|
|
23
|
+
d: "M35.9844 32.8064H28.0101L27.3492 32.1231V23.877L28.0101 23.1936H35.9844L36.6452 23.877V32.1231L35.9844 32.8064Z",
|
|
24
|
+
fill: "currentColor"
|
|
25
|
+
}
|
|
26
|
+
),
|
|
27
|
+
/* @__PURE__ */ C(
|
|
28
|
+
"path",
|
|
29
|
+
{
|
|
30
|
+
d: "M19.3916 45.233H18.7141L15.3322 41.7359V41.041L20.5022 35.6891L24.084 35.6948L24.5616 36.1829V39.8868L19.3916 45.233Z",
|
|
31
|
+
fill: "currentColor"
|
|
32
|
+
}
|
|
33
|
+
),
|
|
34
|
+
/* @__PURE__ */ C(
|
|
35
|
+
"path",
|
|
36
|
+
{
|
|
37
|
+
d: "M15.3322 14.9647V14.2642L18.7141 10.767H19.3916L24.5616 16.1132V19.8113L24.084 20.3109H20.5022L15.3322 14.9647Z",
|
|
38
|
+
fill: "currentColor"
|
|
39
|
+
}
|
|
40
|
+
),
|
|
41
|
+
/* @__PURE__ */ C(
|
|
42
|
+
"path",
|
|
43
|
+
{
|
|
44
|
+
d: "M20.0913 30.9746H0.410933L0 30.5496V25.4504L0.410933 25.0254H20.0913L20.5022 25.4504V30.5496L20.0913 30.9746Z",
|
|
45
|
+
fill: "currentColor"
|
|
46
|
+
}
|
|
47
|
+
),
|
|
48
|
+
/* @__PURE__ */ C(
|
|
49
|
+
"path",
|
|
50
|
+
{
|
|
51
|
+
d: "M63.5891 30.9746H43.9087L43.4978 30.5496V25.4504L43.9087 25.0254H63.5891L64 25.4504V30.5496L63.5891 30.9746Z",
|
|
52
|
+
fill: "currentColor"
|
|
53
|
+
}
|
|
54
|
+
),
|
|
55
|
+
/* @__PURE__ */ C(
|
|
56
|
+
"path",
|
|
57
|
+
{
|
|
58
|
+
d: "M29.1263 15.6883V0.424938L29.5372 0H34.4684L34.8793 0.424938V15.6883L34.4684 16.1132H29.5372L29.1263 15.6883Z",
|
|
59
|
+
fill: "currentColor"
|
|
60
|
+
}
|
|
61
|
+
),
|
|
62
|
+
/* @__PURE__ */ C(
|
|
63
|
+
"path",
|
|
64
|
+
{
|
|
65
|
+
d: "M29.1263 55.5751V40.3117L29.5372 39.8868H34.4684L34.8793 40.3117V55.5751L34.4684 56H29.5372L29.1263 55.5751Z",
|
|
66
|
+
fill: "currentColor"
|
|
67
|
+
}
|
|
68
|
+
),
|
|
69
|
+
/* @__PURE__ */ C(
|
|
70
|
+
"path",
|
|
71
|
+
{
|
|
72
|
+
d: "M36.6452 32.1231L35.9844 32.8064H28.0101L27.3492 32.1231V23.877L28.0101 23.1936H35.9844L36.6452 23.877V32.1231ZM35.0452 24.7936H28.9492V31.2064H35.0452V24.7936ZM18.7141 45.233L15.3322 41.7359V41.041L20.5022 35.6891L24.084 35.6948L24.5616 36.1829V39.8868L19.3916 45.233H18.7141ZM22.9616 39.2397L19.0528 43.2816L17.2216 41.388L21.1802 37.2902L22.9616 37.293V39.2397ZM17.2193 14.6144L21.1807 18.7109H22.9616V16.7603L19.0528 12.7184L17.2193 14.6144ZM15.3322 14.2642L18.7141 10.767H19.3916L24.5616 16.1132V19.8113L24.084 20.3109H20.5022L15.3322 14.9647V14.2642ZM20.5022 30.5496L20.0913 30.9746H0.410933L0 30.5496V25.4504L0.410933 25.0254H20.0913L20.5022 25.4504V30.5496ZM18.9022 26.6254V29.3746H1.6V26.6254H18.9022ZM62.4 29.3746V26.6254H45.0978V29.3746H62.4ZM43.4978 30.5496V25.4504L43.9087 25.0254H63.5891L64 25.4504V30.5496L63.5891 30.9746H43.9087L43.4978 30.5496ZM30.7263 14.5132H33.2793V1.6H30.7263V14.5132ZM29.5372 0H34.4684L34.8793 0.424938V15.6883L34.4684 16.1132H29.5372L29.1263 15.6883V0.424938L29.5372 0ZM30.7263 54.4H33.2793V41.4868H30.7263V54.4ZM29.5372 39.8868H34.4684L34.8793 40.3117V55.5751L34.4684 56H29.5372L29.1263 55.5751V40.3117L29.5372 39.8868Z",
|
|
73
|
+
fill: "currentColor"
|
|
74
|
+
}
|
|
75
|
+
)
|
|
76
|
+
] }), H = () => /* @__PURE__ */ C(
|
|
77
|
+
"path",
|
|
78
|
+
{
|
|
79
|
+
d: "M12.1061 3L13.5064 3C16.6592 2.99998 19.2022 2.99995 21.2615 3.1682C23.3817 3.34144 25.2441 3.70744 26.9671 4.58537C28.9557 5.59858 30.6741 7.05028 32 8.81816C33.3259 7.05028 35.0443 5.59858 37.0329 4.58537C38.7559 3.70744 40.6183 3.34144 42.7386 3.1682C44.7978 2.99995 47.3408 2.99998 50.4937 3L51.8939 3C53.4275 2.99995 54.7504 2.99991 55.8401 3.08893C56.9902 3.1829 58.1341 3.39037 59.2348 3.95122C60.877 4.78794 62.2121 6.12304 63.0488 7.76518C63.6096 8.86592 63.8171 10.0098 63.9111 11.1599C64.0001 12.2496 64.0001 13.5725 64 15.106V40.3486C64.0001 41.8821 64.0001 43.205 63.9111 44.2946C63.8171 45.4447 63.6096 46.5886 63.0488 47.6894C62.2121 49.3315 60.877 50.6666 59.2348 51.5033C58.1341 52.0642 56.9902 52.2717 55.8401 52.3656C54.7504 52.4546 53.4275 52.4546 51.894 52.4545H47.7823C43.9582 52.4545 42.6522 52.4842 41.5098 52.8311C40.412 53.1645 39.3907 53.7111 38.5043 54.4396C37.5819 55.1977 36.8328 56.2679 34.7116 59.4498L34.4205 59.8864C33.881 60.6957 32.9727 61.1818 32 61.1818C31.0273 61.1818 30.119 60.6957 29.5795 59.8864L29.2884 59.4498C27.1672 56.2679 26.4181 55.1977 25.4957 54.4396C24.6093 53.7111 23.588 53.1645 22.4902 52.8311C21.3478 52.4842 20.0418 52.4545 16.2177 52.4545H12.106C10.5725 52.4546 9.24957 52.4546 8.15992 52.3656C7.00983 52.2717 5.86592 52.0642 4.76518 51.5033C3.12304 50.6666 1.78793 49.3315 0.951221 47.6894C0.390366 46.5886 0.182901 45.4447 0.0889347 44.2946C-9.4598e-05 43.205 -4.95165e-05 41.882 2.50214e-06 40.3485V15.1061C-4.95165e-05 13.5725 -9.4598e-05 12.2496 0.0889347 11.1599C0.182901 10.0098 0.390366 8.86592 0.951221 7.76518C1.78793 6.12304 3.12304 4.78793 4.76518 3.95122C5.86592 3.39037 7.00983 3.1829 8.15992 3.08893C9.24959 2.99991 10.5725 2.99995 12.1061 3ZM29.0909 24.5273C29.0909 21.2208 29.0886 18.9159 28.942 17.1214C28.7982 15.3609 28.5301 14.3495 28.1397 13.5834C27.303 11.9412 25.9679 10.6061 24.3257 9.7694C23.5596 9.37904 22.5482 9.1109 20.7877 8.96706C18.9932 8.82045 16.6883 8.81819 13.3818 8.81819H12.2182C10.5409 8.81819 9.45796 8.82045 8.63371 8.88779C7.84342 8.95236 7.55041 9.06197 7.40658 9.13526C6.8592 9.41416 6.41416 9.8592 6.13526 10.4066C6.06197 10.5504 5.95236 10.8434 5.88779 11.6337C5.82045 12.458 5.81819 13.5409 5.81819 15.2182V40.2364C5.81819 41.9136 5.82045 42.9966 5.88779 43.8208C5.95236 44.6111 6.06197 44.9041 6.13526 45.048C6.41416 45.5954 6.8592 46.0404 7.40658 46.3193C7.55041 46.3926 7.84342 46.5022 8.63371 46.5668C9.45796 46.6341 10.5409 46.6364 12.2182 46.6364H16.2177C16.3627 46.6364 16.5058 46.6363 16.647 46.6363C19.8751 46.6351 22.1073 46.6343 24.1809 47.264C25.9698 47.8073 27.6368 48.6902 29.0909 49.8641V24.5273ZM34.9091 49.8641C36.3632 48.6902 38.0302 47.8073 39.8191 47.264C41.8927 46.6343 44.1249 46.6351 47.353 46.6363C47.4942 46.6363 47.6373 46.6364 47.7823 46.6364H51.7818C53.4591 46.6364 54.542 46.6341 55.3663 46.5668C56.1566 46.5022 56.4496 46.3926 56.5934 46.3193C57.1408 46.0404 57.5858 45.5954 57.8647 45.048C57.938 44.9041 58.0476 44.6111 58.1122 43.8208C58.1796 42.9966 58.1818 41.9136 58.1818 40.2364V15.2182C58.1818 13.5409 58.1796 12.458 58.1122 11.6337C58.0476 10.8434 57.938 10.5504 57.8647 10.4066C57.5858 9.85919 57.1408 9.41416 56.5934 9.13526C56.4496 9.06197 56.1566 8.95236 55.3663 8.88779C54.542 8.82045 53.4591 8.81819 51.7818 8.81819H50.6182C47.3117 8.81819 45.0068 8.82045 43.2123 8.96706C41.4518 9.1109 40.4404 9.37904 39.6743 9.7694C38.0321 10.6061 36.697 11.9412 35.8603 13.5834C35.4699 14.3495 35.2018 15.3609 35.058 17.1214C34.9114 18.9159 34.9091 21.2208 34.9091 24.5273V49.8641Z",
|
|
80
|
+
fill: "currentColor"
|
|
81
|
+
}
|
|
82
|
+
), e = () => /* @__PURE__ */ C(
|
|
83
|
+
"path",
|
|
84
|
+
{
|
|
85
|
+
d: "M50.963 8.1111C50.1278 8.1111 49.3269 8.44286 48.7364 9.03338L9.92665 47.8431L8.44226 53.7807L14.3798 52.2963L53.1896 13.4865C53.482 13.1941 53.7139 12.847 53.8722 12.465C54.0304 12.0829 54.1118 11.6735 54.1118 11.26C54.1118 10.8465 54.0304 10.437 53.8722 10.0549C53.7139 9.67291 53.482 9.32578 53.1896 9.03338C52.8972 8.74098 52.55 8.50904 52.168 8.3508C51.786 8.19255 51.3765 8.1111 50.963 8.1111ZM43.7081 4.00507C45.6322 2.08096 48.2419 1 50.963 1C52.3103 1 53.6445 1.26538 54.8893 1.78099C56.1341 2.29661 57.2651 3.05235 58.2179 4.00507C59.1706 4.9578 59.9263 6.08884 60.4419 7.33364C60.9576 8.57844 61.2229 9.9126 61.2229 11.26C61.2229 12.6073 60.9576 13.9415 60.4419 15.1863C59.9263 16.4311 59.1706 17.5621 58.2179 18.5149L18.7117 58.021C18.2561 58.4767 17.6851 58.7999 17.0599 58.9562L4.41798 62.1167C3.20633 62.4196 1.9246 62.0646 1.04147 61.1815C0.158343 60.2983 -0.196675 59.0166 0.106235 57.805L3.26673 45.163C3.42302 44.5378 3.74629 43.9669 4.20196 43.5112L43.7081 4.00507ZM28.4445 58.6673C28.4445 56.7036 30.0364 55.1118 32 55.1118H60.4444C62.4081 55.1118 64 56.7036 64 58.6673C64 60.631 62.4081 62.2229 60.4444 62.2229H32C30.0364 62.2229 28.4445 60.631 28.4445 58.6673Z",
|
|
86
|
+
fill: "currentColor"
|
|
87
|
+
}
|
|
88
|
+
), V = () => /* @__PURE__ */ C(
|
|
89
|
+
"path",
|
|
90
|
+
{
|
|
91
|
+
d: "M44.0011 24.0013L51.9987 31.9989L52.0008 32.0011L20.0018 64L12.0021 56.0003L36.0013 32.0011L12 7.99974L19.9997 0L44.0011 24.0013Z",
|
|
92
|
+
fill: "currentColor"
|
|
93
|
+
}
|
|
94
|
+
), c = () => /* @__PURE__ */ C(
|
|
95
|
+
"path",
|
|
96
|
+
{
|
|
97
|
+
d: "M0 4.57143C0 2.04286 2.04286 0 4.57143 0C37.4 0 64 26.6 64 59.4286C64 61.9571 61.9571 64 59.4286 64C56.9 64 54.8571 61.9571 54.8571 59.4286C54.8571 31.6571 32.3429 9.14286 4.57143 9.14286C2.04286 9.14286 0 7.1 0 4.57143ZM0 54.8571C0 52.4323 0.963263 50.1068 2.67788 48.3922C4.3925 46.6776 6.71802 45.7143 9.14286 45.7143C11.5677 45.7143 13.8932 46.6776 15.6078 48.3922C17.3225 50.1068 18.2857 52.4323 18.2857 54.8571C18.2857 57.282 17.3225 59.6075 15.6078 61.3221C13.8932 63.0367 11.5677 64 9.14286 64C6.71802 64 4.3925 63.0367 2.67788 61.3221C0.963263 59.6075 0 57.282 0 54.8571ZM4.57143 18.2857C27.3 18.2857 45.7143 36.7 45.7143 59.4286C45.7143 61.9571 43.6714 64 41.1429 64C38.6143 64 36.5714 61.9571 36.5714 59.4286C36.5714 41.7571 22.2429 27.4286 4.57143 27.4286C2.04286 27.4286 0 25.3857 0 22.8571C0 20.3286 2.04286 18.2857 4.57143 18.2857Z",
|
|
98
|
+
fill: "currentColor"
|
|
99
|
+
}
|
|
100
|
+
), M = () => /* @__PURE__ */ C(
|
|
101
|
+
"path",
|
|
102
|
+
{
|
|
103
|
+
d: "M8 58C6.9 58 6 57.1 6 56V8C6 6.9 6.9 6 8 6H28V16C28 18.2125 29.7875 20 32 20H42V56C42 57.1 41.1 58 40 58H8ZM8 0C3.5875 0 0 3.5875 0 8V56C0 60.4125 3.5875 64 8 64H40C44.4125 64 48 60.4125 48 56V19.3125C48 17.1875 47.1625 15.15 45.6625 13.65L34.3375 2.3375C32.8375 0.8375 30.8125 0 28.6875 0H8ZM15 32C13.3375 32 12 33.3375 12 35C12 36.6625 13.3375 38 15 38H33C34.6625 38 36 36.6625 36 35C36 33.3375 34.6625 32 33 32H15ZM15 44C13.3375 44 12 45.3375 12 47C12 48.6625 13.3375 50 15 50H33C34.6625 50 36 48.6625 36 47C36 45.3375 34.6625 44 33 44H15Z",
|
|
104
|
+
fill: "currentColor"
|
|
105
|
+
}
|
|
106
|
+
), i = () => /* @__PURE__ */ C(
|
|
107
|
+
"path",
|
|
108
|
+
{
|
|
109
|
+
d: "M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z",
|
|
110
|
+
fill: "currentColor"
|
|
111
|
+
}
|
|
112
|
+
), Z = {
|
|
113
|
+
caretRight: V,
|
|
114
|
+
pencil: e,
|
|
115
|
+
book: H,
|
|
116
|
+
search: o,
|
|
117
|
+
askNetlify: n,
|
|
118
|
+
netlify: l,
|
|
119
|
+
rss: c,
|
|
120
|
+
pageWithLines: M,
|
|
121
|
+
twitter: i
|
|
122
|
+
};
|
|
123
|
+
export {
|
|
124
|
+
u as default
|
|
125
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { u as e } from "../../../jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
+
import '../../../assets/index.css';function s(a) {
|
|
3
|
+
return /* @__PURE__ */ e("span", { class: "keyboard-key", children: a.keyNames.map((r, n) => /* @__PURE__ */ e("span", { children: r }, n)) });
|
|
4
|
+
}
|
|
5
|
+
export {
|
|
6
|
+
s as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentChildren, Ref } from 'preact';
|
|
2
|
+
interface Props {
|
|
3
|
+
children: ComponentChildren;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<Props> & {
|
|
7
|
+
ref?: Ref<HTMLDialogElement> | undefined;
|
|
8
|
+
}>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { u as l } from "../../../jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
+
import { D as d } from "../../../compat.module-DWiGVdMB.js";
|
|
3
|
+
const u = d(function({ children: o, className: r, ...a }, t) {
|
|
4
|
+
return /* @__PURE__ */ l("dialog", { ref: t, className: r, role: "dialog", "aria-modal": "true", ...a, children: o });
|
|
5
|
+
});
|
|
6
|
+
export {
|
|
7
|
+
u as default
|
|
8
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { h } from 'preact';
|
|
2
|
+
interface Props extends h.JSX.HTMLAttributes<HTMLInputElement> {
|
|
3
|
+
setSearchTerm: (term: string) => void;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
initialValue?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const SearchInput: (props: Props) => h.JSX.Element;
|
|
8
|
+
export default SearchInput;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { u as e } from "../../../../jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
+
import { d as n, y as s } from "../../../../hooks.module-ExpuRnbo.js";
|
|
3
|
+
import h from "../../Icon/index.js";
|
|
4
|
+
const m = (a) => {
|
|
5
|
+
const [c, l] = n(""), r = (i) => {
|
|
6
|
+
const t = i.target;
|
|
7
|
+
l(t.value), a.setSearchTerm(t.value);
|
|
8
|
+
};
|
|
9
|
+
return s(() => {
|
|
10
|
+
a.initialValue && l(a.initialValue);
|
|
11
|
+
}, [a.initialValue, l]), /* @__PURE__ */ e("div", { class: "search-input-wrapper", children: [
|
|
12
|
+
/* @__PURE__ */ e("label", { class: "search-label", htmlFor: "search", children: [
|
|
13
|
+
/* @__PURE__ */ e("span", { class: "visually-hidden", children: "Search" }),
|
|
14
|
+
/* @__PURE__ */ e("div", { class: "search-icon", children: /* @__PURE__ */ e(h, { name: "search" }) })
|
|
15
|
+
] }),
|
|
16
|
+
/* @__PURE__ */ e(
|
|
17
|
+
"input",
|
|
18
|
+
{
|
|
19
|
+
class: "search-input",
|
|
20
|
+
type: "text",
|
|
21
|
+
value: c,
|
|
22
|
+
placeholder: a.placeholder || "Search...",
|
|
23
|
+
onInput: r
|
|
24
|
+
}
|
|
25
|
+
)
|
|
26
|
+
] });
|
|
27
|
+
};
|
|
28
|
+
export {
|
|
29
|
+
m as default
|
|
30
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { h } from 'preact';
|
|
2
|
+
import { IconName } from '../../Icon';
|
|
3
|
+
export interface Props {
|
|
4
|
+
icon: IconName;
|
|
5
|
+
title: string;
|
|
6
|
+
content_type?: string;
|
|
7
|
+
url: string;
|
|
8
|
+
excerpt?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const SearchLink: ({ icon, title, content_type, url, excerpt }: Props) => h.JSX.Element;
|
|
11
|
+
export default SearchLink;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { u as e } from "../../../../jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
+
import l from "../../Icon/index.js";
|
|
3
|
+
const m = ({ icon: a, title: n, content_type: t, url: s, excerpt: r }) => /* @__PURE__ */ e("a", { className: "result-link", href: s, children: [
|
|
4
|
+
/* @__PURE__ */ e("div", { className: "result-header", children: [
|
|
5
|
+
/* @__PURE__ */ e("div", { className: "result-title", children: [
|
|
6
|
+
a && /* @__PURE__ */ e("span", { className: "icon", children: /* @__PURE__ */ e(l, { name: a }) }),
|
|
7
|
+
/* @__PURE__ */ e("span", { children: n })
|
|
8
|
+
] }),
|
|
9
|
+
/* @__PURE__ */ e("div", { className: "icon", children: /* @__PURE__ */ e(l, { name: "caretRight" }) })
|
|
10
|
+
] }),
|
|
11
|
+
r && /* @__PURE__ */ e("p", { className: "result-excerpt", dangerouslySetInnerHTML: { __html: r } })
|
|
12
|
+
] });
|
|
13
|
+
export {
|
|
14
|
+
m as default
|
|
15
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Ref } from 'preact/compat';
|
|
2
|
+
import { IconName } from '../../../Icon';
|
|
3
|
+
interface Props {
|
|
4
|
+
id?: string;
|
|
5
|
+
iconName?: IconName;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<Props> & {
|
|
8
|
+
ref?: Ref<HTMLButtonElement> | undefined;
|
|
9
|
+
}>;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { u as e } from "../../../../../jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
+
import { D as t } from "../../../../../compat.module-DWiGVdMB.js";
|
|
3
|
+
import o from "../../../Icon/index.js";
|
|
4
|
+
import '../../../../../assets/SearchToggle.css';const s = t(function(r, a) {
|
|
5
|
+
return /* @__PURE__ */ e("button", { id: r.id, ref: a, class: "search-toggle", disabled: !0, "data-ntl-search-toggle": !0, children: [
|
|
6
|
+
/* @__PURE__ */ e("span", { class: "visually-hidden", children: "Search" }),
|
|
7
|
+
/* @__PURE__ */ e(o, { name: r.iconName || "search" })
|
|
8
|
+
] });
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
s as default
|
|
12
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { u as e } from "../../../../jsxRuntime.module-Bzuv3cXw.js";
|
|
2
|
+
import c from "./SearchHeading.js";
|
|
3
|
+
import n from "./SearchLink.js";
|
|
4
|
+
const a = ({
|
|
5
|
+
searchLoading: s,
|
|
6
|
+
searchTerm: i,
|
|
7
|
+
results: l
|
|
8
|
+
}) => s ? /* @__PURE__ */ e(c, { children: [
|
|
9
|
+
"Searching for ",
|
|
10
|
+
/* @__PURE__ */ e("span", { className: "search-term", children: i }),
|
|
11
|
+
" ..."
|
|
12
|
+
] }) : !l || l.length === 0 ? /* @__PURE__ */ e(c, { children: [
|
|
13
|
+
"0 results for ",
|
|
14
|
+
/* @__PURE__ */ e("span", { className: "search-term", children: i })
|
|
15
|
+
] }) : /* @__PURE__ */ e("ul", { className: "results-list", role: "list", children: l.slice(0, 15).map((r, t) => /* @__PURE__ */ e("li", { className: "results-list-item", children: /* @__PURE__ */ e(n, { ...r }) }, t)) });
|
|
16
|
+
function m({
|
|
17
|
+
searchLoading: s,
|
|
18
|
+
searchTerm: i,
|
|
19
|
+
results: l,
|
|
20
|
+
children: r
|
|
21
|
+
}) {
|
|
22
|
+
return /* @__PURE__ */ e("div", { className: "search-window", children: /* @__PURE__ */ e("div", { className: "search-links", children: [
|
|
23
|
+
/* @__PURE__ */ e(n, { ...{
|
|
24
|
+
icon: "askNetlify",
|
|
25
|
+
title: "Ask Netlify AI",
|
|
26
|
+
url: "https://docs.netlify.com/ask-netlify/"
|
|
27
|
+
} }),
|
|
28
|
+
i ? /* @__PURE__ */ e(a, { searchLoading: s, searchTerm: i, results: l }) : r || null
|
|
29
|
+
] }) });
|
|
30
|
+
}
|
|
31
|
+
export {
|
|
32
|
+
m as default
|
|
33
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as a } from "./SearchFooter.js";
|
|
2
|
+
import { default as t } from "./SearchFooterTip.js";
|
|
3
|
+
import { default as d } from "./SearchHeading.js";
|
|
4
|
+
import { default as l } from "./SearchInput.js";
|
|
5
|
+
import { default as c } from "./SearchLink.js";
|
|
6
|
+
import { default as m } from "./SearchToggle/SearchToggle.js";
|
|
7
|
+
import { default as x } from "./SearchWindow.js";
|
|
8
|
+
export {
|
|
9
|
+
a as SearchFooter,
|
|
10
|
+
t as SearchFooterTip,
|
|
11
|
+
d as SearchHeading,
|
|
12
|
+
l as SearchInput,
|
|
13
|
+
c as SearchLink,
|
|
14
|
+
m as SearchToggle,
|
|
15
|
+
x as SearchWindow
|
|
16
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { RefObject } from 'preact';
|
|
2
|
+
/**
|
|
3
|
+
* Hook that adds keyboard navigation behavior to a container element.
|
|
4
|
+
*
|
|
5
|
+
* - Listens for `Escape`, `ArrowUp`, and `ArrowDown` key events when `isOpen` is true.
|
|
6
|
+
* - Pressing `Escape` triggers the `onClose` callback.
|
|
7
|
+
* - Arrow keys allow keyboard users to cycle focus between anchor (`<a>`) elements
|
|
8
|
+
* within the referenced container, creating accessible navigation behavior.
|
|
9
|
+
*
|
|
10
|
+
* @param containerRef - Ref pointing to the container element containing focusable links
|
|
11
|
+
* @param isOpen - Boolean indicating whether the navigation context is active
|
|
12
|
+
* @param onClose - Callback to close the navigation UI when `Escape` is pressed
|
|
13
|
+
*/
|
|
14
|
+
export declare function useKeyboardNav(containerRef: RefObject<HTMLElement>, isOpen: boolean, onClose: () => void): void;
|