@reactfast/nav 0.2.2
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/LICENSE.md +21 -0
- package/README.md +158 -0
- package/dist/realfastnav.cjs.js +30 -0
- package/dist/realfastnav.es.js +2151 -0
- package/dist/realfastnav.umd.js +30 -0
- package/package.json +59 -0
package/LICENSE.md
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025 Jonathon McClendon
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
## 🧠@reactfast/nav
|
|
2
|
+
|
|
3
|
+
**Composable React navigation bars, headers, and footers.**
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/@reactfast/nav)
|
|
6
|
+
[](LICENSE)
|
|
7
|
+
[](https://github.com/jonathonmcclendon/RealFastNav/actions)
|
|
8
|
+
[](https://github.com/jonathonmcclendon/RealFastNav/issues)
|
|
9
|
+
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
### Installation
|
|
13
|
+
|
|
14
|
+
```bash
|
|
15
|
+
npm install @reactfast/nav
|
|
16
|
+
# or
|
|
17
|
+
yarn add @reactfast/nav
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
Peer dependencies (not bundled): `react`, `react-dom`, `@headlessui/react`, `@heroicons/react`, `react-icons`.
|
|
21
|
+
|
|
22
|
+
---
|
|
23
|
+
|
|
24
|
+
### Quick Start (FastNav)
|
|
25
|
+
|
|
26
|
+
### FastNav (Default Navigation)
|
|
27
|
+
|
|
28
|
+
FastNav is a single component that renders a responsive navigation bar driven by a JSON-like config.
|
|
29
|
+
|
|
30
|
+
Note: FastNav uses `next/link`. Use in a Next.js project.
|
|
31
|
+
|
|
32
|
+
Usage
|
|
33
|
+
|
|
34
|
+
```jsx
|
|
35
|
+
import { FastNav } from "@reactfast/nav";
|
|
36
|
+
|
|
37
|
+
const config = { menuItems: [{ title: "Home", href: "/", useLink: true }] };
|
|
38
|
+
|
|
39
|
+
export default function Header() {
|
|
40
|
+
return <FastNav config={config} />;
|
|
41
|
+
}
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
Concepts
|
|
45
|
+
|
|
46
|
+
- Menu items (top-level)
|
|
47
|
+
|
|
48
|
+
```jsx
|
|
49
|
+
const config = {
|
|
50
|
+
menuItems: [
|
|
51
|
+
{ title: "Home", href: "/", useLink: true },
|
|
52
|
+
{ title: "About", href: "/about", useLink: true },
|
|
53
|
+
{ title: "Contact", href: "/contact", useLink: true },
|
|
54
|
+
],
|
|
55
|
+
};
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
- Submenus
|
|
59
|
+
|
|
60
|
+
Add a `subMenu` array to any item for a flyout. Use `full: true` for a full-width panel; omit (or set `type: "simple"`) for a compact flyout.
|
|
61
|
+
|
|
62
|
+
```jsx
|
|
63
|
+
const config = {
|
|
64
|
+
menuItems: [
|
|
65
|
+
{
|
|
66
|
+
title: "Services",
|
|
67
|
+
href: "/services",
|
|
68
|
+
useLink: true,
|
|
69
|
+
// full-width flyout
|
|
70
|
+
full: true,
|
|
71
|
+
subMenu: [
|
|
72
|
+
{ title: "Repair", href: "/services/repair", useLink: true },
|
|
73
|
+
{ title: "Install", href: "/services/install", useLink: true },
|
|
74
|
+
],
|
|
75
|
+
},
|
|
76
|
+
],
|
|
77
|
+
};
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
- Submenu CTAs (optional)
|
|
81
|
+
|
|
82
|
+
Add a `ctas` array to append call-to-action links at the bottom of full-width flyouts.
|
|
83
|
+
|
|
84
|
+
```jsx
|
|
85
|
+
const config = {
|
|
86
|
+
menuItems: [
|
|
87
|
+
{
|
|
88
|
+
title: "Services",
|
|
89
|
+
href: "/services",
|
|
90
|
+
useLink: true,
|
|
91
|
+
full: true,
|
|
92
|
+
subMenu: [{ title: "Install", href: "/services/install", useLink: true }],
|
|
93
|
+
ctas: [
|
|
94
|
+
{ title: "Call", href: "tel:0000000000" },
|
|
95
|
+
{ title: "Contact", href: "/contact" },
|
|
96
|
+
],
|
|
97
|
+
},
|
|
98
|
+
],
|
|
99
|
+
};
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
- Login and Top-level CTA (header right side)
|
|
103
|
+
|
|
104
|
+
```jsx
|
|
105
|
+
const config = {
|
|
106
|
+
login: true,
|
|
107
|
+
loginHref: "/login",
|
|
108
|
+
cta: true,
|
|
109
|
+
ctaTitle: "Get Started",
|
|
110
|
+
ctaBtnHref: "/signup",
|
|
111
|
+
};
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
- Sticky header and brand
|
|
115
|
+
|
|
116
|
+
```jsx
|
|
117
|
+
const config = {
|
|
118
|
+
sticky: true, // stick to top on scroll
|
|
119
|
+
logo: "/logo.png", // optional image logo
|
|
120
|
+
logoAlt: "Brand",
|
|
121
|
+
fallbackText: "Brand", // text shown if no image
|
|
122
|
+
};
|
|
123
|
+
```
|
|
124
|
+
|
|
125
|
+
- Search modal (optional)
|
|
126
|
+
|
|
127
|
+
```jsx
|
|
128
|
+
const config = {
|
|
129
|
+
search: true,
|
|
130
|
+
// Optional event hooks:
|
|
131
|
+
// onSearchOpenChange(open: boolean)
|
|
132
|
+
// onSearch(query: string)
|
|
133
|
+
// onSearchChange(query: string)
|
|
134
|
+
// onClearQuickResults()
|
|
135
|
+
// onBeginNavigate()
|
|
136
|
+
};
|
|
137
|
+
```
|
|
138
|
+
|
|
139
|
+
---
|
|
140
|
+
|
|
141
|
+
### Features
|
|
142
|
+
|
|
143
|
+
- Responsive, accessible navigation built on Headless UI
|
|
144
|
+
- Dark/light variants and mobile-friendly menus
|
|
145
|
+
- Heroicons and React Icons support
|
|
146
|
+
- Tailwind-ready markup
|
|
147
|
+
|
|
148
|
+
---
|
|
149
|
+
|
|
150
|
+
### Contributing
|
|
151
|
+
|
|
152
|
+
We welcome pull requests and feature suggestions. See [CONTRIBUTING.md](CONTRIBUTING.md).
|
|
153
|
+
|
|
154
|
+
---
|
|
155
|
+
|
|
156
|
+
### License
|
|
157
|
+
|
|
158
|
+
Licensed under the [MIT License](LICENSE). © 2025 [Jonathon McClendon](https://github.com/jonathonmcclendon)
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),h=require("@headlessui/react"),F=require("next/link");function jr(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const d=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(i,s,d.get?d:{enumerable:!0,get:()=>t[s]})}}return i.default=t,Object.freeze(i)}const l=jr(y);var ce={exports:{}},U={};/**
|
|
2
|
+
* @license React
|
|
3
|
+
* react-jsx-runtime.production.min.js
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/var Le;function wr(){if(Le)return U;Le=1;var t=y,i=Symbol.for("react.element"),s=Symbol.for("react.fragment"),d=Object.prototype.hasOwnProperty,c=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,m={key:!0,ref:!0,__self:!0,__source:!0};function g(w,b,O){var R,P={},n=null,j=null;O!==void 0&&(n=""+O),b.key!==void 0&&(n=""+b.key),b.ref!==void 0&&(j=b.ref);for(R in b)d.call(b,R)&&!m.hasOwnProperty(R)&&(P[R]=b[R]);if(w&&w.defaultProps)for(R in b=w.defaultProps,b)P[R]===void 0&&(P[R]=b[R]);return{$$typeof:i,type:w,key:n,ref:j,props:P,_owner:c.current}}return U.Fragment=s,U.jsx=g,U.jsxs=g,U}var G={};/**
|
|
10
|
+
* @license React
|
|
11
|
+
* react-jsx-runtime.development.js
|
|
12
|
+
*
|
|
13
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
14
|
+
*
|
|
15
|
+
* This source code is licensed under the MIT license found in the
|
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
|
17
|
+
*/var ze;function kr(){return ze||(ze=1,process.env.NODE_ENV!=="production"&&function(){var t=y,i=Symbol.for("react.element"),s=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),w=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),R=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),n=Symbol.for("react.lazy"),j=Symbol.for("react.offscreen"),T=Symbol.iterator,B="@@iterator";function Z(r){if(r===null||typeof r!="object")return null;var a=T&&r[T]||r[B];return typeof a=="function"?a:null}var M=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function E(r){{for(var a=arguments.length,o=new Array(a>1?a-1:0),u=1;u<a;u++)o[u-1]=arguments[u];q("error",r,o)}}function q(r,a,o){{var u=M.ReactDebugCurrentFrame,p=u.getStackAddendum();p!==""&&(a+="%s",o=o.concat([p]));var v=o.map(function(x){return String(x)});v.unshift("Warning: "+a),Function.prototype.apply.call(console[r],console,v)}}var D=!1,re=!1,Y=!1,Ie=!1,He=!1,he;he=Symbol.for("react.module.reference");function Ue(r){return!!(typeof r=="string"||typeof r=="function"||r===d||r===m||He||r===c||r===O||r===R||Ie||r===j||D||re||Y||typeof r=="object"&&r!==null&&(r.$$typeof===n||r.$$typeof===P||r.$$typeof===g||r.$$typeof===w||r.$$typeof===b||r.$$typeof===he||r.getModuleId!==void 0))}function Ge(r,a,o){var u=r.displayName;if(u)return u;var p=a.displayName||a.name||"";return p!==""?o+"("+p+")":o}function fe(r){return r.displayName||"Context"}function A(r){if(r==null)return null;if(typeof r.tag=="number"&&E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof r=="function")return r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case d:return"Fragment";case s:return"Portal";case m:return"Profiler";case c:return"StrictMode";case O:return"Suspense";case R:return"SuspenseList"}if(typeof r=="object")switch(r.$$typeof){case w:var a=r;return fe(a)+".Consumer";case g:var o=r;return fe(o._context)+".Provider";case b:return Ge(r,r.render,"ForwardRef");case P:var u=r.displayName||null;return u!==null?u:A(r.type)||"Memo";case n:{var p=r,v=p._payload,x=p._init;try{return A(x(v))}catch{return null}}}return null}var L=Object.assign,I=0,me,xe,ge,pe,ve,ye,be;function je(){}je.__reactDisabledLog=!0;function Ze(){{if(I===0){me=console.log,xe=console.info,ge=console.warn,pe=console.error,ve=console.group,ye=console.groupCollapsed,be=console.groupEnd;var r={configurable:!0,enumerable:!0,value:je,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}I++}}function qe(){{if(I--,I===0){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:L({},r,{value:me}),info:L({},r,{value:xe}),warn:L({},r,{value:ge}),error:L({},r,{value:pe}),group:L({},r,{value:ve}),groupCollapsed:L({},r,{value:ye}),groupEnd:L({},r,{value:be})})}I<0&&E("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var te=M.ReactCurrentDispatcher,ae;function J(r,a,o){{if(ae===void 0)try{throw Error()}catch(p){var u=p.stack.trim().match(/\n( *(at )?)/);ae=u&&u[1]||""}return`
|
|
18
|
+
`+ae+r}}var se=!1,Q;{var Je=typeof WeakMap=="function"?WeakMap:Map;Q=new Je}function we(r,a){if(!r||se)return"";{var o=Q.get(r);if(o!==void 0)return o}var u;se=!0;var p=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var v;v=te.current,te.current=null,Ze();try{if(a){var x=function(){throw Error()};if(Object.defineProperty(x.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(x,[])}catch(_){u=_}Reflect.construct(r,[],x)}else{try{x.call()}catch(_){u=_}r.call(x.prototype)}}else{try{throw Error()}catch(_){u=_}r()}}catch(_){if(_&&u&&typeof _.stack=="string"){for(var f=_.stack.split(`
|
|
19
|
+
`),C=u.stack.split(`
|
|
20
|
+
`),k=f.length-1,N=C.length-1;k>=1&&N>=0&&f[k]!==C[N];)N--;for(;k>=1&&N>=0;k--,N--)if(f[k]!==C[N]){if(k!==1||N!==1)do if(k--,N--,N<0||f[k]!==C[N]){var S=`
|
|
21
|
+
`+f[k].replace(" at new "," at ");return r.displayName&&S.includes("<anonymous>")&&(S=S.replace("<anonymous>",r.displayName)),typeof r=="function"&&Q.set(r,S),S}while(k>=1&&N>=0);break}}}finally{se=!1,te.current=v,qe(),Error.prepareStackTrace=p}var W=r?r.displayName||r.name:"",z=W?J(W):"";return typeof r=="function"&&Q.set(r,z),z}function Qe(r,a,o){return we(r,!1)}function Ke(r){var a=r.prototype;return!!(a&&a.isReactComponent)}function K(r,a,o){if(r==null)return"";if(typeof r=="function")return we(r,Ke(r));if(typeof r=="string")return J(r);switch(r){case O:return J("Suspense");case R:return J("SuspenseList")}if(typeof r=="object")switch(r.$$typeof){case b:return Qe(r.render);case P:return K(r.type,a,o);case n:{var u=r,p=u._payload,v=u._init;try{return K(v(p),a,o)}catch{}}}return""}var H=Object.prototype.hasOwnProperty,ke={},Ne=M.ReactDebugCurrentFrame;function X(r){if(r){var a=r._owner,o=K(r.type,r._source,a?a.type:null);Ne.setExtraStackFrame(o)}else Ne.setExtraStackFrame(null)}function Xe(r,a,o,u,p){{var v=Function.call.bind(H);for(var x in r)if(v(r,x)){var f=void 0;try{if(typeof r[x]!="function"){var C=Error((u||"React class")+": "+o+" type `"+x+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[x]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw C.name="Invariant Violation",C}f=r[x](a,x,u,o,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(k){f=k}f&&!(f instanceof Error)&&(X(p),E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",u||"React class",o,x,typeof f),X(null)),f instanceof Error&&!(f.message in ke)&&(ke[f.message]=!0,X(p),E("Failed %s type: %s",o,f.message),X(null))}}}var er=Array.isArray;function ne(r){return er(r)}function rr(r){{var a=typeof Symbol=="function"&&Symbol.toStringTag,o=a&&r[Symbol.toStringTag]||r.constructor.name||"Object";return o}}function tr(r){try{return Ee(r),!1}catch{return!0}}function Ee(r){return""+r}function Re(r){if(tr(r))return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",rr(r)),Ee(r)}var Ce=M.ReactCurrentOwner,ar={key:!0,ref:!0,__self:!0,__source:!0},_e,Oe;function sr(r){if(H.call(r,"ref")){var a=Object.getOwnPropertyDescriptor(r,"ref").get;if(a&&a.isReactWarning)return!1}return r.ref!==void 0}function nr(r){if(H.call(r,"key")){var a=Object.getOwnPropertyDescriptor(r,"key").get;if(a&&a.isReactWarning)return!1}return r.key!==void 0}function ir(r,a){typeof r.ref=="string"&&Ce.current}function or(r,a){{var o=function(){_e||(_e=!0,E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",a))};o.isReactWarning=!0,Object.defineProperty(r,"key",{get:o,configurable:!0})}}function lr(r,a){{var o=function(){Oe||(Oe=!0,E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",a))};o.isReactWarning=!0,Object.defineProperty(r,"ref",{get:o,configurable:!0})}}var dr=function(r,a,o,u,p,v,x){var f={$$typeof:i,type:r,key:a,ref:o,props:x,_owner:v};return f._store={},Object.defineProperty(f._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(f,"_self",{configurable:!1,enumerable:!1,writable:!1,value:u}),Object.defineProperty(f,"_source",{configurable:!1,enumerable:!1,writable:!1,value:p}),Object.freeze&&(Object.freeze(f.props),Object.freeze(f)),f};function cr(r,a,o,u,p){{var v,x={},f=null,C=null;o!==void 0&&(Re(o),f=""+o),nr(a)&&(Re(a.key),f=""+a.key),sr(a)&&(C=a.ref,ir(a,p));for(v in a)H.call(a,v)&&!ar.hasOwnProperty(v)&&(x[v]=a[v]);if(r&&r.defaultProps){var k=r.defaultProps;for(v in k)x[v]===void 0&&(x[v]=k[v])}if(f||C){var N=typeof r=="function"?r.displayName||r.name||"Unknown":r;f&&or(x,N),C&&lr(x,N)}return dr(r,f,C,p,u,Ce.current,x)}}var ie=M.ReactCurrentOwner,Pe=M.ReactDebugCurrentFrame;function $(r){if(r){var a=r._owner,o=K(r.type,r._source,a?a.type:null);Pe.setExtraStackFrame(o)}else Pe.setExtraStackFrame(null)}var oe;oe=!1;function le(r){return typeof r=="object"&&r!==null&&r.$$typeof===i}function Se(){{if(ie.current){var r=A(ie.current.type);if(r)return`
|
|
22
|
+
|
|
23
|
+
Check the render method of \``+r+"`."}return""}}function ur(r){return""}var Te={};function hr(r){{var a=Se();if(!a){var o=typeof r=="string"?r:r.displayName||r.name;o&&(a=`
|
|
24
|
+
|
|
25
|
+
Check the top-level render call using <`+o+">.")}return a}}function Me(r,a){{if(!r._store||r._store.validated||r.key!=null)return;r._store.validated=!0;var o=hr(a);if(Te[o])return;Te[o]=!0;var u="";r&&r._owner&&r._owner!==ie.current&&(u=" It was passed a child from "+A(r._owner.type)+"."),$(r),E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',o,u),$(null)}}function De(r,a){{if(typeof r!="object")return;if(ne(r))for(var o=0;o<r.length;o++){var u=r[o];le(u)&&Me(u,a)}else if(le(r))r._store&&(r._store.validated=!0);else if(r){var p=Z(r);if(typeof p=="function"&&p!==r.entries)for(var v=p.call(r),x;!(x=v.next()).done;)le(x.value)&&Me(x.value,a)}}}function fr(r){{var a=r.type;if(a==null||typeof a=="string")return;var o;if(typeof a=="function")o=a.propTypes;else if(typeof a=="object"&&(a.$$typeof===b||a.$$typeof===P))o=a.propTypes;else return;if(o){var u=A(a);Xe(o,r.props,"prop",u,r)}else if(a.PropTypes!==void 0&&!oe){oe=!0;var p=A(a);E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",p||"Unknown")}typeof a.getDefaultProps=="function"&&!a.getDefaultProps.isReactClassApproved&&E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function mr(r){{for(var a=Object.keys(r.props),o=0;o<a.length;o++){var u=a[o];if(u!=="children"&&u!=="key"){$(r),E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",u),$(null);break}}r.ref!==null&&($(r),E("Invalid attribute `ref` supplied to `React.Fragment`."),$(null))}}var Ae={};function Fe(r,a,o,u,p,v){{var x=Ue(r);if(!x){var f="";(r===void 0||typeof r=="object"&&r!==null&&Object.keys(r).length===0)&&(f+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var C=ur();C?f+=C:f+=Se();var k;r===null?k="null":ne(r)?k="array":r!==void 0&&r.$$typeof===i?(k="<"+(A(r.type)||"Unknown")+" />",f=" Did you accidentally export a JSX literal instead of a component?"):k=typeof r,E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",k,f)}var N=cr(r,a,o,p,v);if(N==null)return N;if(x){var S=a.children;if(S!==void 0)if(u)if(ne(S)){for(var W=0;W<S.length;W++)De(S[W],r);Object.freeze&&Object.freeze(S)}else E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else De(S,r)}if(H.call(a,"key")){var z=A(r),_=Object.keys(a).filter(function(br){return br!=="key"}),de=_.length>0?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}";if(!Ae[z+de]){var yr=_.length>0?"{"+_.join(": ..., ")+": ...}":"{}";E(`A props object containing a "key" prop is being spread into JSX:
|
|
26
|
+
let props = %s;
|
|
27
|
+
<%s {...props} />
|
|
28
|
+
React keys must be passed directly to JSX without using spread:
|
|
29
|
+
let props = %s;
|
|
30
|
+
<%s key={someKey} {...props} />`,de,z,yr,z),Ae[z+de]=!0}}return r===d?mr(N):fr(N),N}}function xr(r,a,o){return Fe(r,a,o,!0)}function gr(r,a,o){return Fe(r,a,o,!1)}var pr=gr,vr=xr;G.Fragment=d,G.jsx=pr,G.jsxs=vr}()),G}process.env.NODE_ENV==="production"?ce.exports=wr():ce.exports=kr();var e=ce.exports;function Nr({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"}))}const Er=l.forwardRef(Nr);function Rr({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"}))}const ue=l.forwardRef(Rr);function Cr({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"}))}const Be=l.forwardRef(Cr);function _r({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 6a7.5 7.5 0 1 0 7.5 7.5h-7.5V6Z"}),l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 10.5H21A7.5 7.5 0 0 0 13.5 3v7.5Z"}))}const Or=l.forwardRef(_r);function Pr({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672ZM12 2.25V4.5m5.834.166-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243-1.59-1.59"}))}const Sr=l.forwardRef(Pr);function Tr({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M7.864 4.243A7.5 7.5 0 0 1 19.5 10.5c0 2.92-.556 5.709-1.568 8.268M5.742 6.364A7.465 7.465 0 0 0 4.5 10.5a7.464 7.464 0 0 1-1.15 3.993m1.989 3.559A11.209 11.209 0 0 0 8.25 10.5a3.75 3.75 0 1 1 7.5 0c0 .527-.021 1.049-.064 1.565M12 10.5a14.94 14.94 0 0 1-3.6 9.75m6.633-4.596a18.666 18.666 0 0 1-2.485 5.33"}))}const Mr=l.forwardRef(Tr);function Dr({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"}))}const $e=l.forwardRef(Dr);function Ar({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 0 0 2.25-2.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v2.25A2.25 2.25 0 0 0 6 10.5Zm0 9.75h2.25A2.25 2.25 0 0 0 10.5 18v-2.25a2.25 2.25 0 0 0-2.25-2.25H6a2.25 2.25 0 0 0-2.25 2.25V18A2.25 2.25 0 0 0 6 20.25Zm9.75-9.75H18a2.25 2.25 0 0 0 2.25-2.25V6A2.25 2.25 0 0 0 18 3.75h-2.25A2.25 2.25 0 0 0 13.5 6v2.25a2.25 2.25 0 0 0 2.25 2.25Z"}))}const Fr=l.forwardRef(Ar);function Lr({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"}))}const ee=l.forwardRef(Lr);function zr({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{fillRule:"evenodd",d:"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"}))}const V=l.forwardRef(zr);function Br({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{fillRule:"evenodd",d:"M2 3.5A1.5 1.5 0 0 1 3.5 2h1.148a1.5 1.5 0 0 1 1.465 1.175l.716 3.223a1.5 1.5 0 0 1-1.052 1.767l-.933.267c-.41.117-.643.555-.48.95a11.542 11.542 0 0 0 6.254 6.254c.395.163.833-.07.95-.48l.267-.933a1.5 1.5 0 0 1 1.767-1.052l3.223.716A1.5 1.5 0 0 1 18 15.352V16.5a1.5 1.5 0 0 1-1.5 1.5H15c-1.149 0-2.263-.15-3.326-.43A13.022 13.022 0 0 1 2.43 8.326 13.019 13.019 0 0 1 2 5V3.5Z",clipRule:"evenodd"}))}const $r=l.forwardRef(Br);function Wr({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{fillRule:"evenodd",d:"M2 10a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm6.39-2.908a.75.75 0 0 1 .766.027l3.5 2.25a.75.75 0 0 1 0 1.262l-3.5 2.25A.75.75 0 0 1 8 12.25v-4.5a.75.75 0 0 1 .39-.658Z",clipRule:"evenodd"}))}const Vr=l.forwardRef(Wr);function Yr({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{d:"M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z"}))}const Ir=l.forwardRef(Yr),We=[{name:"Analytics",description:"Get a better understanding of your traffic",href:"#",icon:Or},{name:"Engagement",description:"Speak directly to your customers",href:"#",icon:Sr},{name:"Security",description:"Your customers’ data will be safe and secure",href:"#",icon:Mr},{name:"Integrations",description:"Connect with third-party tools",href:"#",icon:Fr},{name:"Automations",description:"Build strategic funnels that will convert",href:"#",icon:Er}],Hr=[{name:"Watch demo",href:"#",icon:Vr},{name:"Contact sales",href:"#",icon:$r}],Ve=[{name:"About us",href:"#",description:"Learn more about our company values and mission to empower others"},{name:"Careers",href:"#",description:"Looking for you next career opportunity? See all of our open positions"},{name:"Support",href:"#",description:"Get in touch with our dedicated support team or reach out on our community forums"},{name:"Blog",href:"#",description:"Read our latest announcements and get perspectives from our team"}];function Ur(){const[t,i]=y.useState(!1);return e.jsxs("header",{className:"bg-white dark:bg-gray-900",children:[e.jsxs("nav",{"aria-label":"Global",className:"mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8",children:[e.jsx("div",{className:"flex lg:flex-1",children:e.jsxs("a",{href:"#",className:"-m-1.5 p-1.5",children:[e.jsx("span",{className:"sr-only",children:"Your Company"}),e.jsx("img",{alt:"",src:"https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600",className:"h-8 w-auto dark:hidden"}),e.jsx("img",{alt:"",src:"https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=500",className:"hidden h-8 w-auto dark:block"})]})}),e.jsx("div",{className:"flex lg:hidden",children:e.jsxs("button",{type:"button",onClick:()=>i(!0),className:"-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700 dark:text-gray-400",children:[e.jsx("span",{className:"sr-only",children:"Open main menu"}),e.jsx(ue,{"aria-hidden":"true",className:"size-6"})]})}),e.jsxs(h.PopoverGroup,{className:"hidden lg:flex lg:gap-x-12",children:[e.jsxs(h.Popover,{className:"relative",children:[e.jsxs(h.PopoverButton,{className:"flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900 dark:text-white",children:["Product",e.jsx(V,{"aria-hidden":"true",className:"size-5 flex-none text-gray-400 dark:text-gray-500"})]}),e.jsxs(h.PopoverPanel,{transition:!0,className:"absolute left-1/2 z-10 mt-3 w-screen max-w-md -translate-x-1/2 overflow-hidden rounded-3xl bg-white shadow-lg outline outline-1 outline-gray-900/5 transition data-[closed]:translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in dark:bg-gray-800 dark:shadow-none dark:-outline-offset-1 dark:outline-white/10",children:[e.jsx("div",{className:"p-4",children:We.map(s=>e.jsxs("div",{className:"group relative flex items-center gap-x-6 rounded-lg p-4 text-sm/6 hover:bg-gray-50 dark:hover:bg-white/5",children:[e.jsx("div",{className:"flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white dark:bg-gray-700/50 dark:group-hover:bg-gray-700",children:e.jsx(s.icon,{"aria-hidden":"true",className:"size-6 text-gray-600 group-hover:text-indigo-600 dark:text-gray-400 dark:group-hover:text-white"})}),e.jsxs("div",{className:"flex-auto",children:[e.jsxs("a",{href:s.href,className:"block font-semibold text-gray-900 dark:text-white",children:[s.name,e.jsx("span",{className:"absolute inset-0"})]}),e.jsx("p",{className:"mt-1 text-gray-600 dark:text-gray-400",children:s.description})]})]},s.name))}),e.jsx("div",{className:"grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50 dark:divide-white/10 dark:bg-gray-700/50",children:Hr.map(s=>e.jsxs("a",{href:s.href,className:"flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700/50",children:[e.jsx(s.icon,{"aria-hidden":"true",className:"size-5 flex-none text-gray-400 dark:text-gray-500"}),s.name]},s.name))})]})]}),e.jsx("a",{href:"#",className:"text-sm/6 font-semibold text-gray-900 dark:text-white",children:"Features"}),e.jsx("a",{href:"#",className:"text-sm/6 font-semibold text-gray-900 dark:text-white",children:"Marketplace"}),e.jsxs(h.Popover,{className:"relative",children:[e.jsxs(h.PopoverButton,{className:"flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900 dark:text-white",children:["Company",e.jsx(V,{"aria-hidden":"true",className:"size-5 flex-none text-gray-400 dark:text-gray-500"})]}),e.jsx(h.PopoverPanel,{transition:!0,className:"absolute left-1/2 z-10 mt-3 w-96 -translate-x-1/2 rounded-3xl bg-white p-4 shadow-lg outline outline-1 outline-gray-900/5 transition data-[closed]:translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in dark:bg-gray-800 dark:-outline-offset-1 dark:outline-white/10",children:Ve.map(s=>e.jsxs("div",{className:"relative rounded-lg p-4 hover:bg-gray-50 dark:hover:bg-white/5",children:[e.jsxs("a",{href:s.href,className:"block text-sm/6 font-semibold text-gray-900 dark:text-white",children:[s.name,e.jsx("span",{className:"absolute inset-0"})]}),e.jsx("p",{className:"mt-1 text-sm/6 text-gray-600 dark:text-gray-400",children:s.description})]},s.name))})]})]}),e.jsx("div",{className:"hidden lg:flex lg:flex-1 lg:justify-end",children:e.jsxs("a",{href:"#",className:"text-sm/6 font-semibold text-gray-900 dark:text-white",children:["Log in ",e.jsx("span",{"aria-hidden":"true",children:"→"})]})})]}),e.jsxs(h.Dialog,{open:t,onClose:i,className:"lg:hidden",children:[e.jsx("div",{className:"fixed inset-0 z-10"}),e.jsxs(h.DialogPanel,{className:"fixed inset-y-0 right-0 z-10 flex w-full flex-col justify-between overflow-y-auto bg-white sm:max-w-sm sm:ring-1 sm:ring-gray-900/10 dark:bg-gray-900 dark:sm:ring-white/10",children:[e.jsxs("div",{className:"p-6",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("a",{href:"#",className:"-m-1.5 p-1.5",children:[e.jsx("span",{className:"sr-only",children:"Your Company"}),e.jsx("img",{alt:"",src:"https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600",className:"h-8 w-auto dark:hidden"}),e.jsx("img",{alt:"",src:"https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=500",className:"hidden h-8 w-auto dark:block"})]}),e.jsxs("button",{type:"button",onClick:()=>i(!1),className:"-m-2.5 rounded-md p-2.5 text-gray-700 dark:text-gray-400",children:[e.jsx("span",{className:"sr-only",children:"Close menu"}),e.jsx(ee,{"aria-hidden":"true",className:"size-6"})]})]}),e.jsx("div",{className:"mt-6 flow-root",children:e.jsxs("div",{className:"-my-6 divide-y divide-gray-500/10 dark:divide-white/10",children:[e.jsx("div",{className:"space-y-2 py-6",children:We.map(s=>e.jsxs("a",{href:s.href,className:"group -mx-3 flex items-center gap-x-6 rounded-lg p-3 text-base/7 font-semibold text-gray-900 hover:bg-gray-50 dark:text-white dark:hover:bg-white/5",children:[e.jsx("div",{className:"flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white dark:bg-gray-800 dark:group-hover:bg-gray-700",children:e.jsx(s.icon,{"aria-hidden":"true",className:"size-6 text-gray-600 group-hover:text-indigo-600 dark:text-gray-300 dark:group-hover:text-white"})}),s.name]},s.name))}),e.jsxs("div",{className:"space-y-2 py-6",children:[e.jsx("a",{href:"#",className:"-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50 dark:text-white dark:hover:bg-white/5",children:"Features"}),e.jsx("a",{href:"#",className:"-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50 dark:text-white dark:hover:bg-white/5",children:"Marketplace"}),Ve.map(s=>e.jsx("a",{href:s.href,className:"-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50 dark:text-white dark:hover:bg-white/5",children:s.name},s.name))]}),e.jsx("div",{className:"py-6",children:e.jsx("a",{href:"#",className:"-mx-3 block rounded-lg px-3 py-2.5 text-base/7 font-semibold text-gray-900 hover:bg-gray-50 dark:text-white dark:hover:bg-white/5",children:"Log in"})})]})})]}),e.jsx("div",{className:"sticky bottom-0 grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50 text-center dark:divide-white/5 dark:bg-gray-800/50",children:item.ctas.map(s=>e.jsx("a",{href:s.href,className:"p-3 text-base/7 font-semibold text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-800",children:s.title},s.title))})]})]})]})}function Gr(){return e.jsxs(h.Disclosure,{as:"nav",className:"relative bg-white shadow dark:bg-gray-800/50 dark:shadow-none dark:after:pointer-events-none dark:after:absolute dark:after:inset-x-0 dark:after:bottom-0 dark:after:h-px dark:after:bg-white/10",children:[e.jsx("div",{className:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"flex h-16 justify-between",children:[e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"-ml-2 mr-2 flex items-center md:hidden",children:e.jsxs(h.DisclosureButton,{className:"group relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-600 dark:hover:bg-white/5 dark:hover:text-white dark:focus:ring-white",children:[e.jsx("span",{className:"absolute -inset-0.5"}),e.jsx("span",{className:"sr-only",children:"Open main menu"}),e.jsx(ue,{"aria-hidden":"true",className:"block size-6 group-data-[open]:hidden"}),e.jsx(ee,{"aria-hidden":"true",className:"hidden size-6 group-data-[open]:block"})]})}),e.jsxs("div",{className:"flex shrink-0 items-center",children:[e.jsx("img",{alt:"Your Company",src:"https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600",className:"h-8 w-auto dark:hidden"}),e.jsx("img",{alt:"Your Company",src:"https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=500",className:"hidden h-8 w-auto dark:block"})]}),e.jsxs("div",{className:"hidden md:ml-6 md:flex md:space-x-8",children:[e.jsx("a",{href:"#",className:"inline-flex items-center border-b-2 border-indigo-600 px-1 pt-1 text-sm font-medium text-gray-900 dark:border-indigo-500 dark:text-white",children:"Dashboard"}),e.jsx("a",{href:"#",className:"inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-300 dark:hover:border-white/20 dark:hover:text-white",children:"Team"}),e.jsx("a",{href:"#",className:"inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-300 dark:hover:border-white/20 dark:hover:text-white",children:"Projects"}),e.jsx("a",{href:"#",className:"inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-300 dark:hover:border-white/20 dark:hover:text-white",children:"Calendar"})]})]}),e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"shrink-0",children:e.jsxs("button",{type:"button",className:"relative inline-flex items-center gap-x-1.5 rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 dark:bg-indigo-500 dark:shadow-none dark:hover:bg-indigo-400 dark:focus-visible:outline-indigo-500",children:[e.jsx(Ir,{"aria-hidden":"true",className:"-ml-0.5 size-5"}),"New Job"]})}),e.jsxs("div",{className:"hidden md:ml-4 md:flex md:shrink-0 md:items-center",children:[e.jsxs("button",{type:"button",className:"relative rounded-full p-1 text-gray-400 hover:text-gray-500 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-indigo-600 dark:hover:text-white dark:focus:outline-indigo-500",children:[e.jsx("span",{className:"absolute -inset-1.5"}),e.jsx("span",{className:"sr-only",children:"View notifications"}),e.jsx(Be,{"aria-hidden":"true",className:"size-6"})]}),e.jsxs(h.Menu,{as:"div",className:"relative ml-3",children:[e.jsxs(h.MenuButton,{className:"relative flex rounded-full focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 dark:focus-visible:outline-indigo-500",children:[e.jsx("span",{className:"absolute -inset-1.5"}),e.jsx("span",{className:"sr-only",children:"Open user menu"}),e.jsx("img",{alt:"",src:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",className:"size-8 rounded-full bg-gray-100 outline outline-1 -outline-offset-1 outline-black/5 dark:bg-gray-800 dark:outline-white/10"})]}),e.jsxs(h.MenuItems,{transition:!0,className:"absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white py-1 shadow-lg outline outline-1 outline-black/5 transition data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in dark:bg-gray-800 dark:shadow-none dark:-outline-offset-1 dark:outline-white/10",children:[e.jsx(h.MenuItem,{children:e.jsx("a",{href:"#",className:"block px-4 py-2 text-sm text-gray-700 data-[focus]:bg-gray-100 data-[focus]:outline-none dark:text-gray-300 dark:data-[focus]:bg-white/5",children:"Your profile"})}),e.jsx(h.MenuItem,{children:e.jsx("a",{href:"#",className:"block px-4 py-2 text-sm text-gray-700 data-[focus]:bg-gray-100 data-[focus]:outline-none dark:text-gray-300 dark:data-[focus]:bg-white/5",children:"Settings"})}),e.jsx(h.MenuItem,{children:e.jsx("a",{href:"#",className:"block px-4 py-2 text-sm text-gray-700 data-[focus]:bg-gray-100 data-[focus]:outline-none dark:text-gray-300 dark:data-[focus]:bg-white/5",children:"Sign out"})})]})]})]})]})]})}),e.jsxs(h.DisclosurePanel,{className:"md:hidden",children:[e.jsxs("div",{className:"space-y-1 pb-3 pt-2",children:[e.jsx(h.DisclosureButton,{as:"a",href:"#",className:"block border-l-4 border-indigo-600 bg-indigo-50 py-2 pl-3 pr-4 text-base font-medium text-indigo-700 sm:pl-5 sm:pr-6 dark:border-indigo-500 dark:bg-indigo-600/10 dark:text-indigo-400",children:"Dashboard"}),e.jsx(h.DisclosureButton,{as:"a",href:"#",className:"block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800 sm:pl-5 sm:pr-6 dark:text-gray-300 dark:hover:border-white/20 dark:hover:bg-white/5 dark:hover:text-white",children:"Team"}),e.jsx(h.DisclosureButton,{as:"a",href:"#",className:"block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800 sm:pl-5 sm:pr-6 dark:text-gray-300 dark:hover:border-white/20 dark:hover:bg-white/5 dark:hover:text-white",children:"Projects"}),e.jsx(h.DisclosureButton,{as:"a",href:"#",className:"block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800 sm:pl-5 sm:pr-6 dark:text-gray-300 dark:hover:border-white/20 dark:hover:bg-white/5 dark:hover:text-white",children:"Calendar"})]}),e.jsxs("div",{className:"border-t border-gray-200 pb-3 pt-4 dark:border-white/10",children:[e.jsxs("div",{className:"flex items-center px-4 sm:px-6",children:[e.jsx("div",{className:"shrink-0",children:e.jsx("img",{alt:"",src:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",className:"size-10 rounded-full bg-gray-100 outline outline-1 -outline-offset-1 outline-black/5 dark:bg-gray-800 dark:outline-white/10"})}),e.jsxs("div",{className:"ml-3",children:[e.jsx("div",{className:"text-base font-medium text-gray-800 dark:text-white",children:"Tom Cook"}),e.jsx("div",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:"tom@example.com"})]}),e.jsxs("button",{type:"button",className:"relative ml-auto shrink-0 rounded-full p-1 text-gray-400 hover:text-gray-500 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-indigo-600 dark:hover:text-white dark:focus:outline-indigo-500",children:[e.jsx("span",{className:"absolute -inset-1.5"}),e.jsx("span",{className:"sr-only",children:"View notifications"}),e.jsx(Be,{"aria-hidden":"true",className:"size-6"})]})]}),e.jsxs("div",{className:"mt-3 space-y-1",children:[e.jsx(h.DisclosureButton,{as:"a",href:"#",className:"block px-4 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-800 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-white",children:"Your profile"}),e.jsx(h.DisclosureButton,{as:"a",href:"#",className:"block px-4 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-800 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-white",children:"Settings"}),e.jsx(h.DisclosureButton,{as:"a",href:"#",className:"block px-4 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-800 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-white",children:"Sign out"})]})]})]})]})}function Zr({item:t,onHover:i}){const s=y.useRef(null);return e.jsx(h.Popover,{children:({open:d})=>e.jsxs("div",{className:"relative",onMouseEnter:()=>{var c;i&&!d&&((c=s.current)==null||c.click())},onMouseLeave:()=>{var c;i&&d&&((c=s.current)==null||c.click())},children:[e.jsxs("div",{className:"flex items-center gap-x-1",children:[t.useLink?e.jsx(F,{href:t.href,className:"text-sm/6 font-semibold text-gray-900 dark:text-white",children:t.title}):e.jsx("span",{className:"text-sm/6 font-semibold text-gray-900 dark:text-white",children:t.title}),e.jsx(h.PopoverButton,{ref:s,className:"inline-flex items-center p-1 text-gray-700 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white","aria-label":`Open ${t.title} menu`,children:e.jsx(V,{"aria-hidden":"true",className:"size-5 flex-none"})})]}),e.jsxs(h.PopoverPanel,{transition:!0,className:"absolute left-1/2 z-10 mt-3 w-screen max-w-md -translate-x-1/2 overflow-hidden rounded-3xl bg-white shadow-lg outline outline-1 outline-gray-900/5 transition data-[closed]:translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in dark:bg-gray-800 dark:shadow-none dark:-outline-offset-1 dark:outline-white/10",children:[e.jsx("div",{className:"p-4",children:t.subMenu.map(c=>e.jsxs("div",{className:"group relative flex items-center gap-x-6 rounded-lg p-4 text-sm/6 hover:bg-gray-50 dark:hover:bg-white/5",children:[e.jsx("div",{className:"flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white dark:bg-gray-700/50 dark:group-hover:bg-gray-700",children:(()=>{const m=c.icon;if(!m)return null;if(y.isValidElement(m))return y.cloneElement(m,{className:"size-6 text-gray-600 group-hover:text-primary","aria-hidden":!0});if(typeof m=="function"){const g=m;return e.jsx(g,{"aria-hidden":!0,className:"size-6 text-gray-600 group-hover:text-primary"})}return null})()}),e.jsxs("div",{className:"flex-auto",children:[e.jsxs("a",{href:c.href,className:"block font-semibold text-gray-900 dark:text-white",children:[c.title,e.jsx("span",{className:"absolute inset-0"})]}),e.jsx("p",{className:"mt-1 text-gray-600 dark:text-gray-400",children:c.description})]})]},c.title))}),e.jsx("div",{className:"grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50 dark:divide-white/10 dark:bg-gray-700/50",children:t.ctas&&t.ctas.map(c=>e.jsxs("a",{href:c.href,className:"flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700/50",children:[(()=>{const m=c.icon;if(!m)return null;if(y.isValidElement(m))return y.cloneElement(m,{className:"size-5 flex-none text-gray-400","aria-hidden":!0});if(typeof m=="function"){const g=m;return e.jsx(g,{"aria-hidden":!0,className:"size-5 flex-none text-gray-400"})}return null})(),c.title]},c.title))})]})]})})}function qr({item:t,onHover:i}){const s=y.useRef(null);return e.jsx(h.Popover,{children:({open:d})=>e.jsxs("div",{onMouseEnter:()=>{var c;i&&!d&&((c=s.current)==null||c.click())},onMouseLeave:()=>{var c;i&&d&&((c=s.current)==null||c.click())},children:[e.jsxs("div",{className:"flex items-center gap-x-1",children:[t.useLink?e.jsx(F,{href:t.href,className:"text-sm/6 font-semibold text-gray-900",children:t.title}):e.jsx("span",{className:"text-sm/6 font-semibold text-gray-900",children:t.title}),e.jsx(h.PopoverButton,{ref:s,className:"inline-flex items-center p-1 text-gray-700 hover:text-gray-900","aria-label":`Open ${t.title} menu`,children:e.jsx(V,{"aria-hidden":"true",className:"size-5 flex-none"})})]}),e.jsxs(h.PopoverPanel,{transition:!0,className:"absolute inset-x-0 top-0 -z-10 bg-white pt-14 shadow-lg ring-1 ring-gray-900/5 transition data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in",children:[e.jsx("div",{className:"mx-auto grid max-w-7xl grid-cols-4 gap-x-4 px-6 py-10 lg:px-8 xl:gap-x-8",children:t.subMenu.map(c=>e.jsxs("div",{className:"group relative rounded-lg p-6 text-sm/6 hover:bg-gray-50",children:[c.image?e.jsx("div",{className:"aspect-[4/3] w-full overflow-hidden rounded-md bg-gray-100",children:e.jsx("img",{alt:c.imageAlt||c.title,src:c.image,className:"h-full w-full object-cover transition-transform duration-200 group-hover:scale-105"})}):e.jsx("div",{className:"flex size-11 items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white",children:(()=>{const m=c.icon;if(!m)return null;if(y.isValidElement(m))return y.cloneElement(m,{className:"size-6 text-gray-600 group-hover:text-primary","aria-hidden":!0});if(typeof m=="function"){const g=m;return e.jsx(g,{"aria-hidden":!0,className:"size-6 text-gray-600 group-hover:text-primary"})}return null})()}),e.jsxs("a",{href:c.href,className:`${c.image?"mt-4":"mt-6"} block font-semibold text-gray-900`,children:[c.title,e.jsx("span",{className:"absolute inset-0"})]}),e.jsx("p",{className:"mt-1 text-gray-600",children:c.description})]},c.title))}),e.jsx("div",{className:"bg-gray-50",children:t.ctas&&e.jsx("div",{className:"mx-auto max-w-7xl px-6 lg:px-8",children:e.jsx("div",{className:"grid grid-cols-3 divide-x divide-gray-900/5 border-x border-gray-900/5",children:t.ctas.map(c=>e.jsxs("a",{href:c.href,className:"flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 hover:bg-gray-100",children:[(()=>{const m=c.icon;if(!m)return null;if(y.isValidElement(m))return y.cloneElement(m,{className:"size-5 flex-none text-gray-400","aria-hidden":!0});if(typeof m=="function"){const g=m;return e.jsx(g,{"aria-hidden":!0,className:"size-5 flex-none text-gray-400"})}return null})(),c.title]},c.title))})})})]})]})},t.id)}function Jr({title:t,titleId:i,...s},d){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":i},s),t?l.createElement("title",{id:i},t):null,l.createElement("path",{fillRule:"evenodd",d:"M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z",clipRule:"evenodd"}))}const Ye=l.forwardRef(Jr);function Qr({item:t,onHover:i}){const s=y.useRef(null);return e.jsx(h.Popover,{children:({open:d})=>{var c,m;return e.jsxs("div",{className:"relative",onMouseEnter:()=>{var g;i&&!d&&((g=s.current)==null||g.click())},onMouseLeave:()=>{var g;i&&d&&((g=s.current)==null||g.click())},children:[e.jsxs("div",{className:"flex items-center gap-x-1",children:[t.useLink?e.jsx(F,{href:t.href,className:"text-sm/6 font-semibold text-gray-900",children:t.title}):e.jsx("span",{className:"text-sm/6 font-semibold text-gray-900",children:t.title}),e.jsx(h.PopoverButton,{ref:s,className:"inline-flex items-center p-1 text-gray-700 hover:text-gray-900","aria-label":`Open ${t.title} menu`,children:e.jsx(V,{"aria-hidden":"true",className:"size-5 flex-none"})})]}),e.jsx(h.PopoverPanel,{transition:!0,className:"absolute left-1/2 z-10 mt-3 w-72 -translate-x-1/2 overflow-hidden rounded-2xl bg-white p-2 shadow-lg ring-1 ring-gray-900/5 transition data-[closed]:translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in",children:e.jsxs("ul",{className:"space-y-1",children:[(c=t.subMenu)==null?void 0:c.map(g=>e.jsx("li",{className:"group",children:e.jsxs(F,{href:g.href,className:"flex items-center rounded-md px-3 py-2 text-sm text-gray-400 transition-colors duration-300 group-hover:text-black",children:[(()=>{const w=g.icon;if(!w)return e.jsx(Ye,{className:"mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary"});if(y.isValidElement(w))return y.cloneElement(w,{className:"mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary","aria-hidden":!0});if(typeof w=="function"){const b=w;return e.jsx(b,{"aria-hidden":!0,className:"mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary"})}return null})(),e.jsx("span",{children:g.title})]})},g.title)),(m=t.ctas)==null?void 0:m.map(g=>e.jsx("li",{className:"group",children:e.jsxs("a",{href:g.href,className:"flex items-center rounded-md px-3 py-2 text-sm text-gray-400 transition-colors duration-300 group-hover:text-black",children:[(()=>{const w=g.icon;if(!w)return e.jsx(Ye,{className:"mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary"});if(y.isValidElement(w))return y.cloneElement(w,{className:"mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary","aria-hidden":!0});if(typeof w=="function"){const b=w;return e.jsx(b,{"aria-hidden":!0,className:"mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary"})}return null})(),e.jsx("span",{children:g.title})]})},g.title))]})})]})}})}function Kr({config:t,onScrolledChange:i,scrollThreshold:s=10,quickSearchResults:d=[]}){const[c,m]=y.useState(!1),[g,w]=y.useState(!1),[b,O]=y.useState(!1),[R,P]=y.useState("");return y.useEffect(()=>{typeof(t==null?void 0:t.onSearchOpenChange)=="function"&&t.onSearchOpenChange(b),b||(P(""),typeof(t==null?void 0:t.onClearQuickResults)=="function"&&t.onClearQuickResults())},[b]),y.useEffect(()=>{const n=()=>{const j=window.scrollY>s;w(T=>(T!==j&&typeof i=="function"&&i(j),j))};return n(),window.addEventListener("scroll",n,{passive:!0}),()=>window.removeEventListener("scroll",n)},[i,s]),e.jsxs("header",{className:`${t!=null&&t.sticky?"sticky top-0 z-50 bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/70":"relative z-10"} isolate bg-white`,children:[e.jsxs("nav",{"aria-label":"Global",className:"mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8",children:[e.jsx("div",{className:"flex lg:flex-1",children:e.jsx(F,{href:"/","aria-label":t.logoAlt||"Home",children:t.logo?e.jsx("img",{alt:t.logoAlt||"Logo",src:t.logo,className:`w-auto transition-all duration-300 ${g?"h-8 md:h-14":"h-12 md:h-20"}`}):e.jsx("div",{className:`h-auto transition-all duration-300 ${g?"w-28":"w-32"}`,children:e.jsx("h1",{className:`transition-all duration-300 ${g?"text-xl":"text-2xl"}`,children:t.fallbackText||"<@reactfast/nav>"})})})}),e.jsx("div",{className:"flex lg:hidden",children:e.jsxs("button",{type:"button",onClick:()=>m(!0),className:"-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700",children:[e.jsx("span",{className:"sr-only",children:"Open main menu"}),e.jsx(ue,{"aria-hidden":"true",className:"size-6"})]})}),e.jsx(h.PopoverGroup,{className:"hidden lg:flex lg:gap-x-12",children:t.menuItems.map(n=>{const j=n.type||(n.full?"full":"default");return n.subMenu?j==="full"?e.jsx(qr,{item:n,onHover:n.onHover},n.id||n.title):j==="simple"?e.jsx(Qr,{item:n,onHover:n.onHover},n.id||n.title):e.jsx(Zr,{item:n,onHover:n.onHover},n.id||n.title):n.useLink?e.jsx(F,{href:n.href,className:"text-sm/6 font-semibold text-gray-900",children:n.title},n.id):e.jsx("a",{href:n.href,className:"text-sm/6 font-semibold text-gray-900",children:n.title},n.id)})}),e.jsxs("div",{className:"hidden gap-4 lg:flex lg:flex-1 lg:justify-end",children:[t.search&&e.jsx("button",{type:"button",onClick:()=>O(!0),className:"-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700 hover:bg-gray-100","aria-label":"Open search",children:e.jsx($e,{"aria-hidden":"true",className:"size-6"})}),t.login&&e.jsxs("a",{href:t.loginHref,className:"text-sm/6 font-semibold text-gray-900",children:["Log in ",e.jsx("span",{"aria-hidden":"true",children:"→"})]}),t.cta&&e.jsx("a",{href:t.ctaBtnHref,className:"rounded-md bg-gray-900 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900",children:t.ctaTitle||"Sign up"})]})]}),e.jsxs(h.Dialog,{open:b,onClose:O,children:[e.jsx("div",{className:"fixed inset-0 z-50 bg-black/30"}),e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4",children:e.jsxs(h.DialogPanel,{className:"w-full max-w-lg rounded-lg bg-white p-6 shadow-lg ring-1 ring-gray-900/10",children:[e.jsxs("div",{className:"flex items-center justify-between pb-2",children:[e.jsx("h2",{className:"text-base font-semibold text-gray-900",children:"Search"}),e.jsx("button",{type:"button",onClick:()=>O(!1),className:"-m-2.5 rounded-md p-2.5 text-gray-700 hover:bg-gray-100","aria-label":"Close search",children:e.jsx(ee,{"aria-hidden":"true",className:"size-5"})})]}),e.jsxs("form",{className:"mt-2",onSubmit:n=>{n.preventDefault(),typeof(t==null?void 0:t.onSearch)=="function"&&t.onSearch(R),O(!1)},children:[e.jsx("label",{htmlFor:"site-search",className:"sr-only",children:"Search"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{id:"site-search",type:"search",placeholder:"Search...",autoFocus:!0,value:R,onChange:n=>{const j=n.target.value;P(j),typeof(t==null?void 0:t.onSearchChange)=="function"&&t.onSearchChange(j)},className:"w-full rounded-md border border-gray-300 px-3 py-2 text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-gray-900 focus:outline-none focus:ring-2 focus:ring-gray-900"}),e.jsx("button",{type:"submit",className:"rounded-md bg-gray-900 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900",children:"Search"})]})]}),Array.isArray(d)&&d.length>0&&e.jsx("div",{className:"mt-4 divide-y divide-gray-200",children:d.map((n,j)=>{if(!n||typeof n!="object")return null;const T=n.title||n.q||n.name||"Result",B=n.desc||n.description||n.summary||n.a||"",Z=typeof(t==null?void 0:t.searchTitleMax)=="number"?t.searchTitleMax:60,M=typeof(t==null?void 0:t.searchDescMax)=="number"?t.searchDescMax:100,E=typeof T=="string"&&T.length>Z?`${T.slice(0,Z-1)}…`:T,q=typeof B=="string"&&B.length>M?`${B.slice(0,M-1)}…`:B,D=typeof n.link=="string"?n.link:void 0,re=typeof D=="string"&&D.startsWith("/"),Y=e.jsxs("div",{className:"flex items-start gap-3 py-3",children:[n!=null&&n.icon?e.jsx("div",{className:"mt-0.5 h-6 w-6 text-gray-500",children:n.icon}):n!=null&&n.image?e.jsx("img",{src:n.image,alt:T,className:"mt-0.5 h-6 w-6 rounded object-cover"}):e.jsx($e,{"aria-hidden":"true",className:"mt-0.5 size-6 text-gray-400"}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium text-gray-900 truncate",children:E}),q?e.jsx("div",{className:"text-sm text-gray-500 truncate",children:q}):null]})]});return D?re?e.jsx("a",{href:D,className:"block hover:bg-gray-50",onClick:()=>{typeof(t==null?void 0:t.onBeginNavigate)=="function"&&t.onBeginNavigate(),typeof(t==null?void 0:t.onClearQuickResults)=="function"&&t.onClearQuickResults(),O(!1)},children:Y},D||j):e.jsx("a",{href:D,className:"block hover:bg-gray-50",onClick:()=>{typeof(t==null?void 0:t.onBeginNavigate)=="function"&&t.onBeginNavigate(),typeof(t==null?void 0:t.onClearQuickResults)=="function"&&t.onClearQuickResults(),O(!1)},children:Y},D||j):e.jsx("div",{className:"block hover:bg-gray-50",children:Y},j)})})]})})]}),e.jsxs(h.Dialog,{open:c,onClose:m,className:"lg:hidden",children:[e.jsx("div",{className:"fixed inset-0 z-50"}),e.jsxs(h.DialogPanel,{className:"fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white p-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(F,{href:"/",className:"-m-1.5 p-1.5","aria-label":t.logoAlt||"Home",children:t.logo?e.jsx("img",{alt:t.logoAlt||"Logo",src:t.logo,className:"h-8 w-auto"}):e.jsx("span",{className:"text-lg font-semibold",children:t.fallbackText||"NEXGEN Roofing Systems"})}),e.jsxs("button",{type:"button",onClick:()=>m(!1),className:"-m-2.5 rounded-md p-2.5 text-gray-700",children:[e.jsx("span",{className:"sr-only",children:"Close menu"}),e.jsx(ee,{"aria-hidden":"true",className:"size-6"})]})]}),e.jsx("div",{className:"mt-6 flow-root",children:e.jsxs("div",{className:"-my-6 divide-y divide-gray-500/10",children:[e.jsx("div",{className:"space-y-2 py-6",children:t.menuItems.map(n=>n.subMenu?e.jsxs(h.Disclosure,{as:"div",className:"-mx-3",children:[e.jsxs(h.DisclosureButton,{className:"group flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base/7 font-semibold text-gray-900 hover:bg-gray-50",children:[n.title,e.jsx(V,{"aria-hidden":"true",className:"size-5 flex-none group-data-[open]:rotate-180"})]}),e.jsx(h.DisclosurePanel,{className:"mt-2 space-y-2",children:[...n.subMenu,...n.ctas||[]].map(j=>e.jsx(h.DisclosureButton,{as:"a",href:j.href,className:"block rounded-lg py-2 pl-6 pr-3 text-sm/7 font-semibold text-gray-900 hover:bg-gray-50",children:j.title},j.title))})]},n.id):n.useLink?e.jsx(F,{href:n.href,className:"-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50",children:n.title},n.id):e.jsx("a",{href:n.href,className:"-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50",children:n.title},n.id))}),e.jsxs("div",{className:"space-y-2 py-6",children:[t.login&&e.jsxs("a",{href:t.loginHref,className:"-mx-3 block rounded-lg px-3 py-2.5 text-base/7 font-semibold text-gray-900 hover:bg-gray-50",children:["Log in ",e.jsx("span",{"aria-hidden":"true",children:"→"})]}),t.cta&&e.jsx("a",{href:t.ctaBtnHref,className:"-mx-3 block rounded-lg bg-gray-900 px-3 py-2.5 text-base/7 font-semibold text-white hover:bg-gray-800",children:t.ctaTitle||"Sign up"})]})]})})]})]})]})}exports.FastNav=Kr;exports.SimpleLight=Gr;exports.WithFlyout=Ur;
|