@stackshift-ui/navigation 6.0.3 → 6.0.5-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-HIAA2I42.mjs +1 -0
- package/dist/chunk-TSWF33S4.mjs +1 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/navigation.js +1 -1
- package/dist/navigation.mjs +1 -1
- package/dist/navigation_a.js +1 -1
- package/dist/navigation_a.mjs +1 -1
- package/dist/navigation_d.js +1 -1
- package/dist/navigation_d.mjs +1 -1
- package/package.json +11 -10
- package/src/helper/blockStyle.tsx +37 -0
- package/src/helper/index.ts +14 -0
- package/src/index.ts +9 -0
- package/src/navigation.test.tsx +13 -0
- package/src/navigation.tsx +45 -0
- package/src/navigation_a.tsx +259 -0
- package/src/navigation_b.tsx +250 -0
- package/src/navigation_c.tsx +252 -0
- package/src/navigation_d.tsx +250 -0
- package/src/navigation_e.tsx +476 -0
- package/src/types.ts +418 -0
- package/dist/chunk-6GFWMJF7.mjs +0 -1
- package/dist/chunk-NEHPXLTQ.mjs +0 -1
- /package/dist/{chunk-PDD3FFTJ.mjs → chunk-MWGTJUEV.mjs} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as m}from"./chunk-KQFO7OZP.mjs";import{Button as o}from"@stackshift-ui/button";import{Flex as b}from"@stackshift-ui/flex";import{Image as x}from"@stackshift-ui/image";import{Link as d}from"@stackshift-ui/link";import{Section as f}from"@stackshift-ui/section";import{Text as u}from"@stackshift-ui/text";import g from"react";import{jsx as l,jsxs as n}from"react/jsx-runtime";function h({links:e,primaryButton:a,secondaryButton:s,logo:t}){let[i,r]=g.useState(!1),v=()=>{r(c=>!c)};return n(f,{className:"bg-background",children:[n(b,{align:"center",justify:"between",className:"px-6 py-6",children:[l(p,{logo:t}),l(w,{links:e}),l(k,{primaryButton:a,secondaryButton:s}),l(R,{showMenu:v})]}),l(M,{menu:i,showMenu:v,links:e,primaryButton:a,secondaryButton:s})]})}function p({logo:e}){var a;return e?l(d,{"aria-label":`Go to ${m(e)==="/"?"home page":m(e)}`,className:"text-3xl font-bold leading-none",href:m(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:l(x,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:50,height:50,className:"text-3xl font-bold leading-none"})}):null}function N(){return l("li",{className:"text-gray-500",children:l("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function w({links:e}){return e?l(b,{children:l("ul",{className:"hidden lg:flex lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,s)=>n(g.Fragment,{children:[l(L,{link:a},a._key),e.length!==s+1?l(N,{}):null]},s))})}):null}function L({link:e}){return e!=null&&e.label?l("li",{children:l(o,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function M({menu:e,showMenu:a,links:s,primaryButton:t,secondaryButton:i}){return n("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[l("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),n(b,{as:"nav",direction:"col",className:"fixed top-0 bottom-0 left-0 w-5/6 max-w-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[l(F,{showMenu:a}),l("div",{className:"w-full",children:s?l("ul",{children:s==null?void 0:s.map((r,v)=>l("li",{className:"mb-1",children:l(o,{as:"link",ariaLabel:r==null?void 0:r.label,className:"block w-full cursor-pointer p-4 text-sm font-semibold text-gray-900 no-underline rounded hover:bg-secondary-foreground hover:text-primary",link:r,children:r==null?void 0:r.label})},v))}):null}),n("div",{className:"w-full mt-auto",children:[n(b,{direction:"col",className:"pt-6",children:[t!=null&&t.label?l(o,{as:"link",link:t,ariaLabel:t==null?void 0:t.label,variant:"outline",className:"block w-full px-4 py-3 mb-3 text-xs cursor-pointer font-semibold leading-loose text-center text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:t==null?void 0:t.label}):null,i!=null&&i.label?l(o,{as:"link",link:i,ariaLabel:i==null?void 0:i.label,variant:"solid",className:"block w-full px-4 py-3 mb-2 cursor-pointer leading-loose text-xs text-center font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:i==null?void 0:i.label}):null]}),l(u,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:l("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}function R({showMenu:e}){return l("div",{className:"lg:hidden",children:l(o,{variant:"unstyled",as:"button",ariaLabel:"Navigation Menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:n("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[l("title",{children:"Mobile menu"}),l("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function k({primaryButton:e,secondaryButton:a}){return n(b,{gap:4,children:[e!=null&&e.label?l(o,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,variant:"outline",className:"hidden lg:flex px-4 py-3 mb-2 leading-loose text-center font-semibold text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}):null,a!=null&&a.label?l(o,{as:"link",link:a,ariaLabel:a==null?void 0:a.label,variant:"solid",className:"hidden lg:flex px-4 py-3 mb-2 leading-loose text-center font-semibold text-white bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label}):null]})}function F({showMenu:e}){return l("div",{className:"flex items-center mb-8",children:l(o,{variant:"unstyled",as:"button",ariaLabel:"Navigation Menu",className:"navbar-close",onClick:e,children:l("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})})}export{h as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as m}from"./chunk-KQFO7OZP.mjs";import{Button as r}from"@stackshift-ui/button";import{Container as d}from"@stackshift-ui/container";import{Flex as v}from"@stackshift-ui/flex";import{Image as x}from"@stackshift-ui/image";import{Link as g}from"@stackshift-ui/link";import{Section as u}from"@stackshift-ui/section";import{Text as h}from"@stackshift-ui/text";import c from"react";import{jsx as a,jsxs as n}from"react/jsx-runtime";function p({links:e,primaryButton:l,secondaryButton:t,logo:i}){let[s,o]=c.useState(!1),b=()=>{o(f=>!f)};return n(u,{className:"bg-background",children:[a("nav",{className:"relative px-6 py-6",children:a(d,{maxWidth:1e3,children:n(v,{align:"center",justify:"between",children:[a(N,{links:e}),a(k,{logo:i}),a(M,{primaryButton:l,secondaryButton:t}),a(R,{showMenu:b})]})})}),a(z,{menu:s,showMenu:b,links:e,primaryButton:l,secondaryButton:t})]})}function N({links:e}){return e?a(v,{className:"hidden lg:flex",align:"center",children:a("ul",{className:"flex space-x-5",children:e.map((l,t)=>n(c.Fragment,{children:[(l==null?void 0:l.label)&&a(w,{link:l}),e.length!==t+1&&a(L,{})]},t))})}):null}function w({link:e}){return e?a("li",{children:a(r,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function L(){return a("li",{className:"text-gray-500",children:a("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function k({logo:e}){var l;return e?a(v,{className:"flex-1 justify-start lg:justify-center",children:a(g,{"aria-label":`Go to ${m(e)==="/"?"home page":m(e)}`,className:"text-3xl font-bold leading-none",href:m(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:a(x,{src:e==null?void 0:e.image,alt:(l=e==null?void 0:e.alt)!=null?l:"navigation-logo",width:100,height:100,className:"object-contain"})})}):null}function M({primaryButton:e,secondaryButton:l}){return n(v,{className:"hidden lg:flex justify-end space-x-4",children:[(e==null?void 0:e.label)&&a(r,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"px-4 py-3 mb-2 text-gray-900 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&a(r,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label})]})}function R({showMenu:e}){return a("div",{className:"ml-auto lg:hidden",children:a(r,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:n("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[a("title",{children:"Mobile menu"}),a("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function z({menu:e,showMenu:l,links:t,primaryButton:i,secondaryButton:s}){return n("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[a("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:l}),n("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[a("div",{className:"flex items-center mb-8",children:a(r,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:l,children:a("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),a("ul",{children:t&&t.map((o,b)=>a("li",{className:"mb-1",children:a(r,{as:"link",ariaLabel:o.label,link:o,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:o.label})},b))}),n("div",{className:"mt-auto pt-6",children:[(i==null?void 0:i.label)&&a(r,{as:"link",ariaLabel:i.label,link:i,className:"block px-4 py-3 mb-2 text-center font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i.label}),(s==null?void 0:s.label)&&a(r,{as:"link",ariaLabel:s.label,link:s,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:s.label})]}),a(h,{fontSize:"xs",muted:!0,className:"my-4 text-center",children:a("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})}export{p as a};
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var ue=Object.create;var M=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var Ne=Object.getOwnPropertyNames;var Le=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var u=(e,a)=>()=>(e&&(a=e(e=0)),a);var p=(e,a)=>{for(var t in a)M(e,t,{get:a[t],enumerable:!0})},Y=(e,a,t,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of Ne(a))!we.call(e,l)&&l!==t&&M(e,l,{get:()=>a[l],enumerable:!(i=pe(a,l))||i.enumerable});return e};var k=(e,a,t)=>(t=e!=null?ue(Le(e)):{},Y(a||!e||!e.__esModule?M(t,"default",{value:e,enumerable:!0}):t,e)),Me=e=>Y(M({},"__esModule",{value:!0}),e);var v,N=u(()=>{"use strict";v=e=>{var a,t,i;return e!=null&&e.internalLink&&(e==null?void 0:e.type)==="linkInternal"?(t=(a=e==null?void 0:e.internalLink)==null?void 0:a.toLowerCase())!=null&&t.includes("home")?"/":`/${e.internalLink}`:e!=null&&e.externalLink&&(e==null?void 0:e.type)==="linkExternal"&&(i=e==null?void 0:e.externalLink)!=null?i:"/"}});var Q={};p(Q,{Navigation_A:()=>F,default:()=>F});function F({links:e,primaryButton:a,secondaryButton:t,logo:i}){let[l,o]=z.default.useState(!1),m=()=>{o(g=>!g)};return(0,n.jsxs)(J.Section,{className:"bg-background",children:[(0,n.jsxs)(h.Flex,{align:"center",justify:"between",className:"px-6 py-6",children:[(0,n.jsx)(ke,{logo:i}),(0,n.jsx)(ze,{links:e}),(0,n.jsx)(Se,{primaryButton:a,secondaryButton:t}),(0,n.jsx)(We,{showMenu:m})]}),(0,n.jsx)(Ce,{menu:l,showMenu:m,links:e,primaryButton:a,secondaryButton:t})]})}function ke({logo:e}){var a;return e?(0,n.jsx)(q.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(E.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:50,height:50,className:"text-3xl font-bold leading-none"})}):null}function Re(){return(0,n.jsx)("li",{className:"text-gray-500",children:(0,n.jsx)("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function ze({links:e}){return e?(0,n.jsx)(h.Flex,{children:(0,n.jsx)("ul",{className:"hidden lg:flex lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,t)=>(0,n.jsxs)(z.default.Fragment,{children:[(0,n.jsx)(Fe,{link:a},a._key),e.length!==t+1?(0,n.jsx)(Re,{}):null]},t))})}):null}function Fe({link:e}){return e!=null&&e.label?(0,n.jsx)("li",{children:(0,n.jsx)(f.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function Ce({menu:e,showMenu:a,links:t,primaryButton:i,secondaryButton:l}){return(0,n.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,n.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,n.jsxs)(h.Flex,{as:"nav",direction:"col",className:"fixed top-0 bottom-0 left-0 w-5/6 max-w-sm px-6 py-6 overflow-q-auto bg-white border-r",children:[(0,n.jsx)(Pe,{showMenu:a}),(0,n.jsx)("div",{className:"w-full",children:t?(0,n.jsx)("ul",{children:t==null?void 0:t.map((o,m)=>(0,n.jsx)("li",{className:"mb-1",children:(0,n.jsx)(f.Button,{as:"link",ariaLabel:o==null?void 0:o.label,className:"block w-full cursor-pointer p-4 text-sm font-semibold text-gray-900 no-underline rounded hover:bg-secondary-foreground hover:text-primary",link:o,children:o==null?void 0:o.label})},m))}):null}),(0,n.jsxs)("div",{className:"w-full mt-auto",children:[(0,n.jsxs)(h.Flex,{direction:"col",className:"pt-6 space-x-2",children:[i!=null&&i.label?(0,n.jsx)(f.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.label,variant:"outline",className:"block w-full px-4 py-3 mb-3 text-xs cursor-pointer font-semibold leading-loose text-center text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}):null,l!=null&&l.label?(0,n.jsx)(f.Button,{as:"link",link:l,ariaLabel:l==null?void 0:l.label,variant:"solid",className:"block w-full px-4 py-3 mb-2 cursor-pointer leading-loose text-xs text-center font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label}):null]}),(0,n.jsx)(O.Text,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:(0,n.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}function We({showMenu:e}){return(0,n.jsx)("div",{className:"lg:hidden",children:(0,n.jsx)(f.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation Menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,n.jsxs)("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("title",{children:"Mobile menu"}),(0,n.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function Se({primaryButton:e,secondaryButton:a}){return(0,n.jsxs)(h.Flex,{gap:4,children:[e!=null&&e.label?(0,n.jsx)(f.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,variant:"outline",className:"hidden lg:flex px-4 py-3 mb-2 leading-loose text-center font-semibold text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}):null,a!=null&&a.label?(0,n.jsx)(f.Button,{as:"link",link:a,ariaLabel:a==null?void 0:a.label,variant:"solid",className:"hidden lg:flex px-4 py-3 mb-2 leading-loose text-center font-semibold text-white bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label}):null]})}function Pe({showMenu:e}){return(0,n.jsx)("div",{className:"flex items-center mb-8",children:(0,n.jsx)(f.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation Menu",className:"navbar-close",onClick:e,children:(0,n.jsx)("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})})}var f,h,E,q,J,O,z,n,C=u(()=>{"use strict";f=require("@stackshift-ui/button"),h=require("@stackshift-ui/flex"),E=require("@stackshift-ui/image"),q=require("@stackshift-ui/link"),J=require("@stackshift-ui/section"),O=require("@stackshift-ui/text"),z=k(require("react"));N();n=require("react/jsx-runtime")});var ae={};p(ae,{Navigation_B:()=>W,default:()=>W});function W({links:e,primaryButton:a,secondaryButton:t,logo:i}){let[l,o]=L.default.useState(!1),m=()=>{o(g=>!g)};return(0,b.jsxs)(J.Section,{className:"bg-background",children:[(0,b.jsx)("nav",{className:"relative py-6",children:(0,b.jsx)(U.Container,{maxWidth:1e3,children:(0,b.jsxs)(h.Flex,{align:"center",justify:"between",children:[(0,b.jsx)(Te,{logo:i}),(0,b.jsx)(He,{showMenu:m}),(0,b.jsx)(Ie,{links:e}),(0,b.jsx)($e,{primaryButton:a,secondaryButton:t})]})})}),(0,b.jsx)(Ve,{menu:l,showMenu:m,links:e,primaryButton:a,secondaryButton:t})]})}function Te({logo:e}){var a;return e?(0,b.jsx)(q.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,b.jsx)(E.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:48,height:48,className:"text-3xl font-bold leading-none"})}):null}function Ie({links:e}){return e?(0,b.jsx)("ul",{className:"absolute hidden transform -translate-x-1/2 -translate-q-1/2 left-1/2 top-1/2 lg:mx-auto lg:flex lg:w-auto lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,t)=>(0,b.jsxs)(L.default.Fragment,{children:[(a==null?void 0:a.label)&&(0,b.jsx)(Ke,{link:a},t),e.length!==t+1?(0,b.jsx)(_e,{}):null]},t))}):null}function Ke({link:e}){return e?(0,b.jsx)("li",{children:(0,b.jsx)(c.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function _e(){return(0,b.jsx)("li",{className:"text-gray-500",children:(0,b.jsx)("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function $e({primaryButton:e,secondaryButton:a}){return(0,b.jsxs)(L.default.Fragment,{children:[(e==null?void 0:e.label)&&(0,b.jsx)(c.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"hidden lg:inline-block px-4 py-3 mb-2 text-gray-900 lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(a==null?void 0:a.label)&&(0,b.jsx)(c.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,className:"hidden lg:inline-block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label})]})}function He({showMenu:e}){return(0,b.jsx)("div",{className:"lg:hidden",children:(0,b.jsx)(c.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,b.jsxs)("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("title",{children:"Mobile menu"}),(0,b.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function Ve({menu:e,showMenu:a,links:t,primaryButton:i,secondaryButton:l}){return(0,b.jsx)(L.default.Fragment,{children:(0,b.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,b.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,b.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-q-auto bg-white border-r",children:[(0,b.jsx)("div",{className:"flex items-center mb-8",children:(0,b.jsx)(c.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:a,children:(0,b.jsx)("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),t&&(0,b.jsx)("ul",{children:t==null?void 0:t.map((o,m)=>(0,b.jsx)("li",{className:"mb-1",children:(0,b.jsx)(c.Button,{as:"link",ariaLabel:o==null?void 0:o.label,link:o,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:o==null?void 0:o.label})},m))}),(0,b.jsxs)("div",{className:"mt-auto",children:[(0,b.jsxs)("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&(0,b.jsx)(c.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}),(l==null?void 0:l.label)&&(0,b.jsx)(c.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label})]}),(0,b.jsx)(O.Text,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:(0,b.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})})}var c,U,h,E,q,J,O,L,b,S=u(()=>{"use strict";c=require("@stackshift-ui/button"),U=require("@stackshift-ui/container"),L=k(require("react"));N();b=require("react/jsx-runtime")});var be={};p(be,{Navigation_C:()=>T,default:()=>T});function T({links:e,primaryButton:a,secondaryButton:t,logo:i}){let[l,o]=P.default.useState(!1),m=()=>{o(g=>!g)};return(0,r.jsxs)(J.Section,{className:"bg-background",children:[(0,r.jsx)("nav",{className:"relative py-6",children:(0,r.jsx)(U.Container,{maxWidth:1280,children:(0,r.jsxs)(h.Flex,{align:"center",children:[(0,r.jsx)(je,{links:e}),(0,r.jsx)(Ge,{logo:i}),(0,r.jsx)(Ye,{primaryButton:a,secondaryButton:t}),(0,r.jsx)(Ee,{showMenu:m})]})})}),(0,r.jsx)(qe,{menu:l,showMenu:m,links:e,primaryButton:a,secondaryButton:t})]})}function je({links:e}){return e?(0,r.jsx)("ul",{className:"hidden lg:flex lg:w-auto lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,t)=>(0,r.jsxs)(P.default.Fragment,{children:[(a==null?void 0:a.label)&&(0,r.jsx)(Ae,{link:a}),e.length!==t+1?(0,r.jsx)(De,{}):null]},t))}):null}function Ae({link:e}){return e?(0,r.jsx)("li",{children:(0,r.jsx)(x.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function De(){return(0,r.jsx)("li",{className:"text-gray-500",children:(0,r.jsx)("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function Ge({logo:e}){var a;return e?(0,r.jsx)("div",{className:"lg:absolute lg:left-1/2 lg:top-1/2 lg:-translate-x-1/2 lg:-translate-q-1/2 lg:transform",children:(0,r.jsx)(q.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,r.jsx)(E.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:60,height:60,className:"text-3xl font-bold leading-none"})})}):null}function Ye({primaryButton:e,secondaryButton:a}){return(0,r.jsxs)("div",{className:"hidden text-right lg:ml-auto lg:block lg:w-1/3",children:[(e==null?void 0:e.label)&&(0,r.jsx)(x.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"hidden lg:inline-block px-4 py-3 mb-2 text-gray-900 lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(a==null?void 0:a.label)&&(0,r.jsx)(x.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,className:"hidden lg:inline-block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label})]})}function Ee({showMenu:e}){return(0,r.jsx)("div",{className:"ml-auto lg:hidden",children:(0,r.jsx)(x.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,r.jsxs)("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("title",{children:"Mobile menu"}),(0,r.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function qe({menu:e,showMenu:a,links:t,primaryButton:i,secondaryButton:l}){return(0,r.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,r.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,r.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-q-auto bg-white border-r",children:[(0,r.jsx)("div",{className:"flex items-center mb-8",children:(0,r.jsx)(x.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:a,children:(0,r.jsx)("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),(0,r.jsx)("div",{children:(0,r.jsx)("ul",{children:t&&(t==null?void 0:t.map((o,m)=>(0,r.jsx)("li",{className:"mb-1",children:(0,r.jsx)(x.Button,{as:"link",ariaLabel:o==null?void 0:o.label,link:o,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:o==null?void 0:o.label})},m)))})}),(0,r.jsxs)("div",{className:"mt-auto",children:[(0,r.jsxs)("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&(0,r.jsx)(x.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}),(l==null?void 0:l.label)&&(0,r.jsx)(x.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label})]}),(0,r.jsx)(O.Text,{fontSize:"xs",className:"my-4 text-center text-gray-700",children:(0,r.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}var x,U,h,E,q,J,O,P,r,I=u(()=>{"use strict";x=require("@stackshift-ui/button"),P=k(require("react"));N();r=require("react/jsx-runtime")});var xe={};p(xe,{Navigation_D:()=>K,default:()=>K});function K({links:e,primaryButton:a,secondaryButton:t,logo:i}){let[l,o]=R.default.useState(!1),m=()=>{o(g=>!g)};return(0,s.jsxs)(J.Section,{className:"bg-background",children:[(0,s.jsx)("nav",{className:"relative px-6 py-6",children:(0,s.jsx)(U.Container,{maxWidth:1e3,children:(0,s.jsxs)(h.Flex,{align:"center",children:[(0,s.jsx)(Je,{links:e}),(0,s.jsx)(Ue,{logo:i}),(0,s.jsx)(Xe,{primaryButton:a,secondaryButton:t}),(0,s.jsx)(Ze,{showMenu:m})]})})}),(0,s.jsx)(ye,{menu:l,showMenu:m,links:e,primaryButton:a,secondaryButton:t})]})}function Je({links:e}){return e?(0,s.jsx)("ul",{className:"hidden lg:flex lg:w-auto lg:items-center lg:space-x-5",children:e.map((a,t)=>(0,s.jsxs)(R.default.Fragment,{children:[(a==null?void 0:a.label)&&(0,s.jsx)(Oe,{link:a}),e.length!==t+1&&(0,s.jsx)(Qe,{})]},t))}):null}function Oe({link:e}){return e?(0,s.jsx)("li",{children:(0,s.jsx)(d.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function Qe(){return(0,s.jsx)("li",{className:"text-gray-500",children:(0,s.jsx)("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function Ue({logo:e}){var a;return e?(0,s.jsx)("div",{className:"lg:absolute lg:left-1/2 lg:top-1/2 lg:-translate-x-1/2 lg:-translate-q-1/2 lg:transform",children:(0,s.jsx)(q.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,s.jsx)(E.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:100,height:100,className:"text-3xl font-bold leading-none"})})}):null}function Xe({primaryButton:e,secondaryButton:a}){return(0,s.jsxs)(R.default.Fragment,{children:[(e==null?void 0:e.label)&&(0,s.jsx)(d.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"hidden lg:inline-block px-4 py-3 mb-2 text-gray-900 lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(a==null?void 0:a.label)&&(0,s.jsx)(d.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,className:"hidden lg:inline-block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label})]})}function Ze({showMenu:e}){return(0,s.jsx)("div",{className:"ml-auto lg:hidden",children:(0,s.jsx)(d.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,s.jsxs)("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("title",{children:"Mobile menu"}),(0,s.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function ye({menu:e,showMenu:a,links:t,primaryButton:i,secondaryButton:l}){return(0,s.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,s.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,s.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-q-auto bg-white border-r",children:[(0,s.jsx)("div",{className:"flex items-center mb-8",children:(0,s.jsx)(d.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:a,children:(0,s.jsx)("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),(0,s.jsx)("div",{children:(0,s.jsx)("ul",{children:t&&(t==null?void 0:t.map((o,m)=>(0,s.jsx)("li",{className:"mb-1",children:(0,s.jsx)(d.Button,{as:"link",ariaLabel:o==null?void 0:o.label,link:o,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:o==null?void 0:o.label})},m)))})}),(0,s.jsxs)("div",{className:"mt-auto",children:[(0,s.jsxs)("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&(0,s.jsx)(d.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}),(l==null?void 0:l.label)&&(0,s.jsx)(d.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label})]}),(0,s.jsx)(O.Text,{fontSize:"xs",muted:!0,className:"my-4 text-center ",children:(0,s.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}var d,U,h,E,q,J,O,R,s,_=u(()=>{"use strict";d=require("@stackshift-ui/button"),R=k(require("react"));N();s=require("react/jsx-runtime")});var ea={};p(ea,{Navigation:()=>de,Navigation_A:()=>F,Navigation_B:()=>W,Navigation_C:()=>T,Navigation_D:()=>K});module.exports=Me(ea);var w=require("react"),he=require("react/jsx-runtime"),$={variant_a:(0,w.lazy)(()=>Promise.resolve().then(()=>(C(),Q))),variant_b:(0,w.lazy)(()=>Promise.resolve().then(()=>(S(),ae))),variant_c:(0,w.lazy)(()=>Promise.resolve().then(()=>(I(),be))),variant_d:(0,w.lazy)(()=>Promise.resolve().then(()=>(_(),xe)))},Be="Navigation",de=({data:e})=>{var l,o,m,g,H,V,j,A,D,G;let a=e==null?void 0:e.variant,t=a&&($==null?void 0:$[a]),i={logo:(o=(l=e==null?void 0:e.variants)==null?void 0:l.logo)!=null?o:void 0,links:(g=(m=e==null?void 0:e.variants)==null?void 0:m.routes)!=null?g:void 0,primaryButton:(V=(H=e==null?void 0:e.variants)==null?void 0:H.primaryButton)!=null?V:void 0,secondaryButton:(A=(j=e==null?void 0:e.variants)==null?void 0:j.secondaryButton)!=null?A:void 0,banner:(G=(D=e==null?void 0:e.variants)==null?void 0:D.banner)!=null?G:void 0};return t?(0,he.jsx)(t,{...i}):null};de.displayName=Be;C();S();I();_();0&&(module.exports={Navigation,Navigation_A,Navigation_B,Navigation_C,Navigation_D});
|
|
2
|
+
"use strict";var he=Object.create;var M=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var Ne=Object.getOwnPropertyNames;var Le=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var h=(e,a)=>()=>(e&&(a=e(e=0)),a);var p=(e,a)=>{for(var l in a)M(e,l,{get:a[l],enumerable:!0})},E=(e,a,l,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of Ne(a))!we.call(e,t)&&t!==l&&M(e,t,{get:()=>a[t],enumerable:!(i=pe(a,t))||i.enumerable});return e};var R=(e,a,l)=>(l=e!=null?he(Le(e)):{},E(a||!e||!e.__esModule?M(l,"default",{value:e,enumerable:!0}):l,e)),ke=e=>E(M({},"__esModule",{value:!0}),e);var v,N=h(()=>{"use strict";v=e=>{var a,l,i;return e!=null&&e.internalLink&&(e==null?void 0:e.type)==="linkInternal"?(l=(a=e==null?void 0:e.internalLink)==null?void 0:a.toLowerCase())!=null&&l.includes("home")?"/":`/${e.internalLink}`:e!=null&&e.externalLink&&(e==null?void 0:e.type)==="linkExternal"&&(i=e==null?void 0:e.externalLink)!=null?i:"/"}});var U={};p(U,{Navigation_A:()=>F,default:()=>F});function F({links:e,primaryButton:a,secondaryButton:l,logo:i}){let[t,b]=z.default.useState(!1),m=()=>{b(c=>!c)};return(0,s.jsxs)(O.Section,{className:"bg-background",children:[(0,s.jsxs)(u.Flex,{align:"center",justify:"between",className:"px-6 py-6",children:[(0,s.jsx)(Me,{logo:i}),(0,s.jsx)(ze,{links:e}),(0,s.jsx)(Se,{primaryButton:a,secondaryButton:l}),(0,s.jsx)(We,{showMenu:m})]}),(0,s.jsx)(Ce,{menu:t,showMenu:m,links:e,primaryButton:a,secondaryButton:l})]})}function Me({logo:e}){var a;return e?(0,s.jsx)(J.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,s.jsx)(q.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:50,height:50,className:"text-3xl font-bold leading-none"})}):null}function Re(){return(0,s.jsx)("li",{className:"text-gray-500",children:(0,s.jsx)("svg",{className:"u-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function ze({links:e}){return e?(0,s.jsx)(u.Flex,{children:(0,s.jsx)("ul",{className:"hidden lg:flex lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,l)=>(0,s.jsxs)(z.default.Fragment,{children:[(0,s.jsx)(Fe,{link:a},a._key),e.length!==l+1?(0,s.jsx)(Re,{}):null]},l))})}):null}function Fe({link:e}){return e!=null&&e.label?(0,s.jsx)("li",{children:(0,s.jsx)(f.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function Ce({menu:e,showMenu:a,links:l,primaryButton:i,secondaryButton:t}){return(0,s.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,s.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,s.jsxs)(u.Flex,{as:"nav",direction:"col",className:"fixed top-0 bottom-0 left-0 u-5/6 max-u-sm px-6 py-6 overflow-q-auto bg-white border-r",children:[(0,s.jsx)(Pe,{showMenu:a}),(0,s.jsx)("div",{className:"u-full",children:l?(0,s.jsx)("ul",{children:l==null?void 0:l.map((b,m)=>(0,s.jsx)("li",{className:"mb-1",children:(0,s.jsx)(f.Button,{as:"link",ariaLabel:b==null?void 0:b.label,className:"block u-full cursor-pointer p-4 text-sm font-semibold text-gray-900 no-underline rounded hover:bg-secondary-foreground hover:text-primary",link:b,children:b==null?void 0:b.label})},m))}):null}),(0,s.jsxs)("div",{className:"u-full mt-auto",children:[(0,s.jsxs)(u.Flex,{direction:"col",className:"pt-6",children:[i!=null&&i.label?(0,s.jsx)(f.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.label,variant:"outline",className:"block u-full px-4 py-3 mb-3 text-xs cursor-pointer font-semibold leading-loose text-center text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}):null,t!=null&&t.label?(0,s.jsx)(f.Button,{as:"link",link:t,ariaLabel:t==null?void 0:t.label,variant:"solid",className:"block u-full px-4 py-3 mb-2 cursor-pointer leading-loose text-xs text-center font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:t==null?void 0:t.label}):null]}),(0,s.jsx)(Q.Text,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:(0,s.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}function We({showMenu:e}){return(0,s.jsx)("div",{className:"lg:hidden",children:(0,s.jsx)(f.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation Menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,s.jsxs)("svg",{className:"block u-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("title",{children:"Mobile menu"}),(0,s.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function Se({primaryButton:e,secondaryButton:a}){return(0,s.jsxs)(u.Flex,{gap:4,children:[e!=null&&e.label?(0,s.jsx)(f.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,variant:"outline",className:"hidden lg:flex px-4 py-3 mb-2 leading-loose text-center font-semibold text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}):null,a!=null&&a.label?(0,s.jsx)(f.Button,{as:"link",link:a,ariaLabel:a==null?void 0:a.label,variant:"solid",className:"hidden lg:flex px-4 py-3 mb-2 leading-loose text-center font-semibold text-white bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label}):null]})}function Pe({showMenu:e}){return(0,s.jsx)("div",{className:"flex items-center mb-8",children:(0,s.jsx)(f.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation Menu",className:"navbar-close",onClick:e,children:(0,s.jsx)("svg",{className:"u-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})})}var f,u,q,J,O,Q,z,s,C=h(()=>{"use strict";f=require("@stackshift-ui/button"),u=require("@stackshift-ui/flex"),q=require("@stackshift-ui/image"),J=require("@stackshift-ui/link"),O=require("@stackshift-ui/section"),Q=require("@stackshift-ui/text"),z=R(require("react"));N();s=require("react/jsx-runtime")});var le={};p(le,{Navigation_B:()=>W,default:()=>W});function W({links:e,primaryButton:a,secondaryButton:l,logo:i}){let[t,b]=L.default.useState(!1),m=()=>{b(c=>!c)};return(0,n.jsxs)(O.Section,{className:"bg-background",children:[(0,n.jsx)("nav",{className:"relative py-6",children:(0,n.jsx)(X.Container,{maxWidth:1e3,children:(0,n.jsxs)(u.Flex,{align:"center",justify:"between",children:[(0,n.jsx)(Te,{logo:i}),(0,n.jsx)(He,{showMenu:m}),(0,n.jsx)(Ie,{links:e}),(0,n.jsx)($e,{primaryButton:a,secondaryButton:l})]})})}),(0,n.jsx)(je,{menu:t,showMenu:m,links:e,primaryButton:a,secondaryButton:l})]})}function Te({logo:e}){var a;return e?(0,n.jsx)(J.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(q.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:48,height:48,className:"text-3xl font-bold leading-none"})}):null}function Ie({links:e}){return e?(0,n.jsx)("ul",{className:"absolute hidden transform -translate-x-1/2 -translate-q-1/2 left-1/2 top-1/2 lg:mx-auto lg:flex lg:u-auto lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,l)=>(0,n.jsxs)(L.default.Fragment,{children:[(a==null?void 0:a.label)&&(0,n.jsx)(Ke,{link:a},l),e.length!==l+1?(0,n.jsx)(_e,{}):null]},l))}):null}function Ke({link:e}){return e?(0,n.jsx)("li",{children:(0,n.jsx)(g.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function _e(){return(0,n.jsx)("li",{className:"text-gray-500",children:(0,n.jsx)("svg",{className:"u-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function $e({primaryButton:e,secondaryButton:a}){return(0,n.jsxs)(L.default.Fragment,{children:[(e==null?void 0:e.label)&&(0,n.jsx)(g.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"hidden lg:inline-block px-4 py-3 mb-2 text-gray-900 lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(a==null?void 0:a.label)&&(0,n.jsx)(g.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,className:"hidden lg:inline-block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label})]})}function He({showMenu:e}){return(0,n.jsx)("div",{className:"lg:hidden",children:(0,n.jsx)(g.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,n.jsxs)("svg",{className:"block u-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("title",{children:"Mobile menu"}),(0,n.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function je({menu:e,showMenu:a,links:l,primaryButton:i,secondaryButton:t}){return(0,n.jsx)(L.default.Fragment,{children:(0,n.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,n.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,n.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col u-5/6 max-u-sm px-6 py-6 overflow-q-auto bg-white border-r",children:[(0,n.jsx)("div",{className:"flex items-center mb-8",children:(0,n.jsx)(g.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:a,children:(0,n.jsx)("svg",{className:"u-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),l&&(0,n.jsx)("ul",{children:l==null?void 0:l.map((b,m)=>(0,n.jsx)("li",{className:"mb-1",children:(0,n.jsx)(g.Button,{as:"link",ariaLabel:b==null?void 0:b.label,link:b,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:b==null?void 0:b.label})},m))}),(0,n.jsxs)("div",{className:"mt-auto",children:[(0,n.jsxs)("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&(0,n.jsx)(g.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}),(t==null?void 0:t.label)&&(0,n.jsx)(g.Button,{as:"link",ariaLabel:t==null?void 0:t.label,link:t,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:t==null?void 0:t.label})]}),(0,n.jsx)(Q.Text,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:(0,n.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})})}var g,X,u,q,J,O,Q,L,n,S=h(()=>{"use strict";g=require("@stackshift-ui/button"),X=require("@stackshift-ui/container"),L=R(require("react"));N();n=require("react/jsx-runtime")});var be={};p(be,{Navigation_C:()=>T,default:()=>T});function T({links:e,primaryButton:a,secondaryButton:l,logo:i}){let[t,b]=P.default.useState(!1),m=()=>{b(c=>!c)};return(0,r.jsxs)(O.Section,{className:"bg-background",children:[(0,r.jsx)("nav",{className:"relative py-6",children:(0,r.jsx)(X.Container,{maxWidth:1280,children:(0,r.jsxs)(u.Flex,{align:"center",children:[(0,r.jsx)(Ve,{links:e}),(0,r.jsx)(Ge,{logo:i}),(0,r.jsx)(Ye,{primaryButton:a,secondaryButton:l}),(0,r.jsx)(Ee,{showMenu:m})]})})}),(0,r.jsx)(qe,{menu:t,showMenu:m,links:e,primaryButton:a,secondaryButton:l})]})}function Ve({links:e}){return e?(0,r.jsx)("ul",{className:"hidden lg:flex lg:u-auto lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,l)=>(0,r.jsxs)(P.default.Fragment,{children:[(a==null?void 0:a.label)&&(0,r.jsx)(Ae,{link:a}),e.length!==l+1?(0,r.jsx)(De,{}):null]},l))}):null}function Ae({link:e}){return e?(0,r.jsx)("li",{children:(0,r.jsx)(x.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function De(){return(0,r.jsx)("li",{className:"text-gray-500",children:(0,r.jsx)("svg",{className:"u-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function Ge({logo:e}){var a;return e?(0,r.jsx)("div",{className:"lg:absolute lg:left-1/2 lg:top-1/2 lg:-translate-x-1/2 lg:-translate-q-1/2 lg:transform",children:(0,r.jsx)(J.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,r.jsx)(q.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:60,height:60,className:"text-3xl font-bold leading-none"})})}):null}function Ye({primaryButton:e,secondaryButton:a}){return(0,r.jsxs)("div",{className:"hidden text-right lg:ml-auto lg:block lg:u-1/3",children:[(e==null?void 0:e.label)&&(0,r.jsx)(x.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"hidden lg:inline-block px-4 py-3 mb-2 text-gray-900 lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(a==null?void 0:a.label)&&(0,r.jsx)(x.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,className:"hidden lg:inline-block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label})]})}function Ee({showMenu:e}){return(0,r.jsx)("div",{className:"ml-auto lg:hidden",children:(0,r.jsx)(x.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,r.jsxs)("svg",{className:"block u-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("title",{children:"Mobile menu"}),(0,r.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function qe({menu:e,showMenu:a,links:l,primaryButton:i,secondaryButton:t}){return(0,r.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,r.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,r.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col u-5/6 max-u-sm px-6 py-6 overflow-q-auto bg-white border-r",children:[(0,r.jsx)("div",{className:"flex items-center mb-8",children:(0,r.jsx)(x.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:a,children:(0,r.jsx)("svg",{className:"u-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),(0,r.jsx)("div",{children:(0,r.jsx)("ul",{children:l&&(l==null?void 0:l.map((b,m)=>(0,r.jsx)("li",{className:"mb-1",children:(0,r.jsx)(x.Button,{as:"link",ariaLabel:b==null?void 0:b.label,link:b,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:b==null?void 0:b.label})},m)))})}),(0,r.jsxs)("div",{className:"mt-auto",children:[(0,r.jsxs)("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&(0,r.jsx)(x.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}),(t==null?void 0:t.label)&&(0,r.jsx)(x.Button,{as:"link",ariaLabel:t==null?void 0:t.label,link:t,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:t==null?void 0:t.label})]}),(0,r.jsx)(Q.Text,{fontSize:"xs",className:"my-4 text-center text-gray-700",children:(0,r.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}var x,X,u,q,J,O,Q,P,r,I=h(()=>{"use strict";x=require("@stackshift-ui/button"),P=R(require("react"));N();r=require("react/jsx-runtime")});var xe={};p(xe,{Navigation_D:()=>_,default:()=>_});function _({links:e,primaryButton:a,secondaryButton:l,logo:i}){let[t,b]=K.default.useState(!1),m=()=>{b(c=>!c)};return(0,o.jsxs)(O.Section,{className:"bg-background",children:[(0,o.jsx)("nav",{className:"relative px-6 py-6",children:(0,o.jsx)(X.Container,{maxWidth:1e3,children:(0,o.jsxs)(u.Flex,{align:"center",justify:"between",children:[(0,o.jsx)(Je,{links:e}),(0,o.jsx)(Ue,{logo:i}),(0,o.jsx)(Xe,{primaryButton:a,secondaryButton:l}),(0,o.jsx)(Ze,{showMenu:m})]})})}),(0,o.jsx)(ye,{menu:t,showMenu:m,links:e,primaryButton:a,secondaryButton:l})]})}function Je({links:e}){return e?(0,o.jsx)(u.Flex,{className:"hidden lg:flex",align:"center",children:(0,o.jsx)("ul",{className:"flex space-x-5",children:e.map((a,l)=>(0,o.jsxs)(K.default.Fragment,{children:[(a==null?void 0:a.label)&&(0,o.jsx)(Oe,{link:a}),e.length!==l+1&&(0,o.jsx)(Qe,{})]},l))})}):null}function Oe({link:e}){return e?(0,o.jsx)("li",{children:(0,o.jsx)(d.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function Qe(){return(0,o.jsx)("li",{className:"text-gray-500",children:(0,o.jsx)("svg",{className:"u-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function Ue({logo:e}){var a;return e?(0,o.jsx)(u.Flex,{className:"flex-1 justify-start lg:justify-center",children:(0,o.jsx)(J.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,o.jsx)(q.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:100,height:100,className:"object-contain"})})}):null}function Xe({primaryButton:e,secondaryButton:a}){return(0,o.jsxs)(u.Flex,{className:"hidden lg:flex justify-end space-x-4",children:[(e==null?void 0:e.label)&&(0,o.jsx)(d.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"px-4 py-3 mb-2 text-gray-900 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(a==null?void 0:a.label)&&(0,o.jsx)(d.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,className:"px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label})]})}function Ze({showMenu:e}){return(0,o.jsx)("div",{className:"ml-auto lg:hidden",children:(0,o.jsx)(d.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,o.jsxs)("svg",{className:"block u-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.jsx)("title",{children:"Mobile menu"}),(0,o.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function ye({menu:e,showMenu:a,links:l,primaryButton:i,secondaryButton:t}){return(0,o.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,o.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,o.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col u-5/6 max-u-sm px-6 py-6 overflow-q-auto bg-white border-r",children:[(0,o.jsx)("div",{className:"flex items-center mb-8",children:(0,o.jsx)(d.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:a,children:(0,o.jsx)("svg",{className:"u-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),(0,o.jsx)("ul",{children:l&&l.map((b,m)=>(0,o.jsx)("li",{className:"mb-1",children:(0,o.jsx)(d.Button,{as:"link",ariaLabel:b.label,link:b,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:b.label})},m))}),(0,o.jsxs)("div",{className:"mt-auto pt-6",children:[(i==null?void 0:i.label)&&(0,o.jsx)(d.Button,{as:"link",ariaLabel:i.label,link:i,className:"block px-4 py-3 mb-2 text-center font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i.label}),(t==null?void 0:t.label)&&(0,o.jsx)(d.Button,{as:"link",ariaLabel:t.label,link:t,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:t.label})]}),(0,o.jsx)(Q.Text,{fontSize:"xs",muted:!0,className:"my-4 text-center",children:(0,o.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})}var d,X,u,q,J,O,Q,K,o,$=h(()=>{"use strict";d=require("@stackshift-ui/button"),K=R(require("react"));N();o=require("react/jsx-runtime")});var ea={};p(ea,{Navigation:()=>de,Navigation_A:()=>F,Navigation_B:()=>W,Navigation_C:()=>T,Navigation_D:()=>_});module.exports=ke(ea);var k=require("react"),ue=require("react/jsx-runtime"),H={variant_a:(0,k.lazy)(()=>Promise.resolve().then(()=>(C(),U))),variant_b:(0,k.lazy)(()=>Promise.resolve().then(()=>(S(),le))),variant_c:(0,k.lazy)(()=>Promise.resolve().then(()=>(I(),be))),variant_d:(0,k.lazy)(()=>Promise.resolve().then(()=>($(),xe)))},Be="Navigation",de=({data:e})=>{var t,b,m,c,j,V,A,D,G,Y;let a=e==null?void 0:e.variant,l=a&&(H==null?void 0:H[a]),i={logo:(b=(t=e==null?void 0:e.variants)==null?void 0:t.logo)!=null?b:void 0,links:(c=(m=e==null?void 0:e.variants)==null?void 0:m.routes)!=null?c:void 0,primaryButton:(V=(j=e==null?void 0:e.variants)==null?void 0:j.primaryButton)!=null?V:void 0,secondaryButton:(D=(A=e==null?void 0:e.variants)==null?void 0:A.secondaryButton)!=null?D:void 0,banner:(Y=(G=e==null?void 0:e.variants)==null?void 0:G.banner)!=null?Y:void 0};return l?(0,ue.jsx)(l,{...i}):null};de.displayName=Be;C();S();I();$();0&&(module.exports={Navigation,Navigation_A,Navigation_B,Navigation_C,Navigation_D});
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";import{a as f}from"./chunk-
|
|
2
|
+
"use strict";import{a as f}from"./chunk-MWGTJUEV.mjs";import{a as o}from"./chunk-HIAA2I42.mjs";import{a as r}from"./chunk-JPXJT6MQ.mjs";import{a as e}from"./chunk-TXZJ7HY5.mjs";import{a as t}from"./chunk-TSWF33S4.mjs";import"./chunk-KQFO7OZP.mjs";export{f as Navigation,o as Navigation_A,r as Navigation_B,e as Navigation_C,t as Navigation_D};
|
package/dist/navigation.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var ue=Object.create;var M=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var Ne=Object.getOwnPropertyNames;var Le=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var u=(e,a)=>()=>(e&&(a=e(e=0)),a);var p=(e,a)=>{for(var t in a)M(e,t,{get:a[t],enumerable:!0})},_=(e,a,t,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of Ne(a))!we.call(e,l)&&l!==t&&M(e,l,{get:()=>a[l],enumerable:!(i=pe(a,l))||i.enumerable});return e};var k=(e,a,t)=>(t=e!=null?ue(Le(e)):{},_(a||!e||!e.__esModule?M(t,"default",{value:e,enumerable:!0}):t,e)),Me=e=>_(M({},"__esModule",{value:!0}),e);var v,N=u(()=>{"use strict";v=e=>{var a,t,i;return e!=null&&e.internalLink&&(e==null?void 0:e.type)==="linkInternal"?(t=(a=e==null?void 0:e.internalLink)==null?void 0:a.toLowerCase())!=null&&t.includes("home")?"/":`/${e.internalLink}`:e!=null&&e.externalLink&&(e==null?void 0:e.type)==="linkExternal"&&(i=e==null?void 0:e.externalLink)!=null?i:"/"}});var D={};p(D,{Navigation_A:()=>A,default:()=>A});function A({links:e,primaryButton:a,secondaryButton:t,logo:i}){let[l,o]=z.default.useState(!1),m=()=>{o(g=>!g)};return(0,n.jsxs)(V.Section,{className:"bg-background",children:[(0,n.jsxs)(h.Flex,{align:"center",justify:"between",className:"px-6 py-6",children:[(0,n.jsx)(ke,{logo:i}),(0,n.jsx)(ze,{links:e}),(0,n.jsx)(Se,{primaryButton:a,secondaryButton:t}),(0,n.jsx)(We,{showMenu:m})]}),(0,n.jsx)(Ce,{menu:l,showMenu:m,links:e,primaryButton:a,secondaryButton:t})]})}function ke({logo:e}){var a;return e?(0,n.jsx)(H.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)($.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:50,height:50,className:"text-3xl font-bold leading-none"})}):null}function Re(){return(0,n.jsx)("li",{className:"text-gray-500",children:(0,n.jsx)("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function ze({links:e}){return e?(0,n.jsx)(h.Flex,{children:(0,n.jsx)("ul",{className:"hidden lg:flex lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,t)=>(0,n.jsxs)(z.default.Fragment,{children:[(0,n.jsx)(Fe,{link:a},a._key),e.length!==t+1?(0,n.jsx)(Re,{}):null]},t))})}):null}function Fe({link:e}){return e!=null&&e.label?(0,n.jsx)("li",{children:(0,n.jsx)(c.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function Ce({menu:e,showMenu:a,links:t,primaryButton:i,secondaryButton:l}){return(0,n.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,n.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,n.jsxs)(h.Flex,{as:"nav",direction:"col",className:"fixed top-0 bottom-0 left-0 w-5/6 max-w-sm px-6 py-6 overflow-Y-auto bg-white border-r",children:[(0,n.jsx)(Pe,{showMenu:a}),(0,n.jsx)("div",{className:"w-full",children:t?(0,n.jsx)("ul",{children:t==null?void 0:t.map((o,m)=>(0,n.jsx)("li",{className:"mb-1",children:(0,n.jsx)(c.Button,{as:"link",ariaLabel:o==null?void 0:o.label,className:"block w-full cursor-pointer p-4 text-sm font-semibold text-gray-900 no-underline rounded hover:bg-secondary-foreground hover:text-primary",link:o,children:o==null?void 0:o.label})},m))}):null}),(0,n.jsxs)("div",{className:"w-full mt-auto",children:[(0,n.jsxs)(h.Flex,{direction:"col",className:"pt-6 space-x-2",children:[i!=null&&i.label?(0,n.jsx)(c.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.label,variant:"outline",className:"block w-full px-4 py-3 mb-3 text-xs cursor-pointer font-semibold leading-loose text-center text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}):null,l!=null&&l.label?(0,n.jsx)(c.Button,{as:"link",link:l,ariaLabel:l==null?void 0:l.label,variant:"solid",className:"block w-full px-4 py-3 mb-2 cursor-pointer leading-loose text-xs text-center font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label}):null]}),(0,n.jsx)(j.Text,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:(0,n.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}function We({showMenu:e}){return(0,n.jsx)("div",{className:"lg:hidden",children:(0,n.jsx)(c.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation Menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,n.jsxs)("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("title",{children:"Mobile menu"}),(0,n.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function Se({primaryButton:e,secondaryButton:a}){return(0,n.jsxs)(h.Flex,{gap:4,children:[e!=null&&e.label?(0,n.jsx)(c.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,variant:"outline",className:"hidden lg:flex px-4 py-3 mb-2 leading-loose text-center font-semibold text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}):null,a!=null&&a.label?(0,n.jsx)(c.Button,{as:"link",link:a,ariaLabel:a==null?void 0:a.label,variant:"solid",className:"hidden lg:flex px-4 py-3 mb-2 leading-loose text-center font-semibold text-white bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label}):null]})}function Pe({showMenu:e}){return(0,n.jsx)("div",{className:"flex items-center mb-8",children:(0,n.jsx)(c.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation Menu",className:"navbar-close",onClick:e,children:(0,n.jsx)("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})})}var c,h,$,H,V,j,z,n,G=u(()=>{"use strict";c=require("@stackshift-ui/button"),h=require("@stackshift-ui/flex"),$=require("@stackshift-ui/image"),H=require("@stackshift-ui/link"),V=require("@stackshift-ui/section"),j=require("@stackshift-ui/text"),z=k(require("react"));N();n=require("react/jsx-runtime")});var X={};p(X,{Navigation_B:()=>U,default:()=>U});function U({links:e,primaryButton:a,secondaryButton:t,logo:i}){let[l,o]=L.default.useState(!1),m=()=>{o(g=>!g)};return(0,b.jsxs)(V.Section,{className:"bg-background",children:[(0,b.jsx)("nav",{className:"relative py-6",children:(0,b.jsx)(Y.Container,{maxWidth:1e3,children:(0,b.jsxs)(h.Flex,{align:"center",justify:"between",children:[(0,b.jsx)(Te,{logo:i}),(0,b.jsx)(He,{showMenu:m}),(0,b.jsx)(Ie,{links:e}),(0,b.jsx)($e,{primaryButton:a,secondaryButton:t})]})})}),(0,b.jsx)(Ve,{menu:l,showMenu:m,links:e,primaryButton:a,secondaryButton:t})]})}function Te({logo:e}){var a;return e?(0,b.jsx)(H.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,b.jsx)($.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:48,height:48,className:"text-3xl font-bold leading-none"})}):null}function Ie({links:e}){return e?(0,b.jsx)("ul",{className:"absolute hidden transform -translate-x-1/2 -translate-Y-1/2 left-1/2 top-1/2 lg:mx-auto lg:flex lg:w-auto lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,t)=>(0,b.jsxs)(L.default.Fragment,{children:[(a==null?void 0:a.label)&&(0,b.jsx)(Ke,{link:a},t),e.length!==t+1?(0,b.jsx)(_e,{}):null]},t))}):null}function Ke({link:e}){return e?(0,b.jsx)("li",{children:(0,b.jsx)(f.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function _e(){return(0,b.jsx)("li",{className:"text-gray-500",children:(0,b.jsx)("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function $e({primaryButton:e,secondaryButton:a}){return(0,b.jsxs)(L.default.Fragment,{children:[(e==null?void 0:e.label)&&(0,b.jsx)(f.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"hidden lg:inline-block px-4 py-3 mb-2 text-gray-900 lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(a==null?void 0:a.label)&&(0,b.jsx)(f.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,className:"hidden lg:inline-block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label})]})}function He({showMenu:e}){return(0,b.jsx)("div",{className:"lg:hidden",children:(0,b.jsx)(f.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,b.jsxs)("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("title",{children:"Mobile menu"}),(0,b.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function Ve({menu:e,showMenu:a,links:t,primaryButton:i,secondaryButton:l}){return(0,b.jsx)(L.default.Fragment,{children:(0,b.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,b.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,b.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-Y-auto bg-white border-r",children:[(0,b.jsx)("div",{className:"flex items-center mb-8",children:(0,b.jsx)(f.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:a,children:(0,b.jsx)("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),t&&(0,b.jsx)("ul",{children:t==null?void 0:t.map((o,m)=>(0,b.jsx)("li",{className:"mb-1",children:(0,b.jsx)(f.Button,{as:"link",ariaLabel:o==null?void 0:o.label,link:o,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:o==null?void 0:o.label})},m))}),(0,b.jsxs)("div",{className:"mt-auto",children:[(0,b.jsxs)("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&(0,b.jsx)(f.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}),(l==null?void 0:l.label)&&(0,b.jsx)(f.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label})]}),(0,b.jsx)(j.Text,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:(0,b.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})})}var f,Y,h,$,H,V,j,L,b,Z=u(()=>{"use strict";f=require("@stackshift-ui/button"),Y=require("@stackshift-ui/container"),L=k(require("react"));N();b=require("react/jsx-runtime")});var re={};p(re,{Navigation_C:()=>ie,default:()=>ie});function ie({links:e,primaryButton:a,secondaryButton:t,logo:i}){let[l,o]=F.default.useState(!1),m=()=>{o(g=>!g)};return(0,r.jsxs)(V.Section,{className:"bg-background",children:[(0,r.jsx)("nav",{className:"relative py-6",children:(0,r.jsx)(Y.Container,{maxWidth:1280,children:(0,r.jsxs)(h.Flex,{align:"center",children:[(0,r.jsx)(je,{links:e}),(0,r.jsx)(Ge,{logo:i}),(0,r.jsx)(Ye,{primaryButton:a,secondaryButton:t}),(0,r.jsx)(Ee,{showMenu:m})]})})}),(0,r.jsx)(qe,{menu:l,showMenu:m,links:e,primaryButton:a,secondaryButton:t})]})}function je({links:e}){return e?(0,r.jsx)("ul",{className:"hidden lg:flex lg:w-auto lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,t)=>(0,r.jsxs)(F.default.Fragment,{children:[(a==null?void 0:a.label)&&(0,r.jsx)(Ae,{link:a}),e.length!==t+1?(0,r.jsx)(De,{}):null]},t))}):null}function Ae({link:e}){return e?(0,r.jsx)("li",{children:(0,r.jsx)(d.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function De(){return(0,r.jsx)("li",{className:"text-gray-500",children:(0,r.jsx)("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function Ge({logo:e}){var a;return e?(0,r.jsx)("div",{className:"lg:absolute lg:left-1/2 lg:top-1/2 lg:-translate-x-1/2 lg:-translate-Y-1/2 lg:transform",children:(0,r.jsx)(H.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,r.jsx)($.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:60,height:60,className:"text-3xl font-bold leading-none"})})}):null}function Ye({primaryButton:e,secondaryButton:a}){return(0,r.jsxs)("div",{className:"hidden text-right lg:ml-auto lg:block lg:w-1/3",children:[(e==null?void 0:e.label)&&(0,r.jsx)(d.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"hidden lg:inline-block px-4 py-3 mb-2 text-gray-900 lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(a==null?void 0:a.label)&&(0,r.jsx)(d.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,className:"hidden lg:inline-block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label})]})}function Ee({showMenu:e}){return(0,r.jsx)("div",{className:"ml-auto lg:hidden",children:(0,r.jsx)(d.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,r.jsxs)("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("title",{children:"Mobile menu"}),(0,r.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function qe({menu:e,showMenu:a,links:t,primaryButton:i,secondaryButton:l}){return(0,r.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,r.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,r.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-Y-auto bg-white border-r",children:[(0,r.jsx)("div",{className:"flex items-center mb-8",children:(0,r.jsx)(d.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:a,children:(0,r.jsx)("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),(0,r.jsx)("div",{children:(0,r.jsx)("ul",{children:t&&(t==null?void 0:t.map((o,m)=>(0,r.jsx)("li",{className:"mb-1",children:(0,r.jsx)(d.Button,{as:"link",ariaLabel:o==null?void 0:o.label,link:o,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:o==null?void 0:o.label})},m)))})}),(0,r.jsxs)("div",{className:"mt-auto",children:[(0,r.jsxs)("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&(0,r.jsx)(d.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}),(l==null?void 0:l.label)&&(0,r.jsx)(d.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label})]}),(0,r.jsx)(j.Text,{fontSize:"xs",className:"my-4 text-center text-gray-700",children:(0,r.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}var d,Y,h,$,H,V,j,F,r,se=u(()=>{"use strict";d=require("@stackshift-ui/button"),F=k(require("react"));N();r=require("react/jsx-runtime")});var fe={};p(fe,{Navigation_D:()=>ce,default:()=>ce});function ce({links:e,primaryButton:a,secondaryButton:t,logo:i}){let[l,o]=R.default.useState(!1),m=()=>{o(g=>!g)};return(0,s.jsxs)(V.Section,{className:"bg-background",children:[(0,s.jsx)("nav",{className:"relative px-6 py-6",children:(0,s.jsx)(Y.Container,{maxWidth:1e3,children:(0,s.jsxs)(h.Flex,{align:"center",children:[(0,s.jsx)(Je,{links:e}),(0,s.jsx)(Ue,{logo:i}),(0,s.jsx)(Xe,{primaryButton:a,secondaryButton:t}),(0,s.jsx)(Ze,{showMenu:m})]})})}),(0,s.jsx)(ye,{menu:l,showMenu:m,links:e,primaryButton:a,secondaryButton:t})]})}function Je({links:e}){return e?(0,s.jsx)("ul",{className:"hidden lg:flex lg:w-auto lg:items-center lg:space-x-5",children:e.map((a,t)=>(0,s.jsxs)(R.default.Fragment,{children:[(a==null?void 0:a.label)&&(0,s.jsx)(Oe,{link:a}),e.length!==t+1&&(0,s.jsx)(Qe,{})]},t))}):null}function Oe({link:e}){return e?(0,s.jsx)("li",{children:(0,s.jsx)(x.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function Qe(){return(0,s.jsx)("li",{className:"text-gray-500",children:(0,s.jsx)("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function Ue({logo:e}){var a;return e?(0,s.jsx)("div",{className:"lg:absolute lg:left-1/2 lg:top-1/2 lg:-translate-x-1/2 lg:-translate-Y-1/2 lg:transform",children:(0,s.jsx)(H.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,s.jsx)($.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:100,height:100,className:"text-3xl font-bold leading-none"})})}):null}function Xe({primaryButton:e,secondaryButton:a}){return(0,s.jsxs)(R.default.Fragment,{children:[(e==null?void 0:e.label)&&(0,s.jsx)(x.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"hidden lg:inline-block px-4 py-3 mb-2 text-gray-900 lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(a==null?void 0:a.label)&&(0,s.jsx)(x.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,className:"hidden lg:inline-block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label})]})}function Ze({showMenu:e}){return(0,s.jsx)("div",{className:"ml-auto lg:hidden",children:(0,s.jsx)(x.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,s.jsxs)("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("title",{children:"Mobile menu"}),(0,s.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function ye({menu:e,showMenu:a,links:t,primaryButton:i,secondaryButton:l}){return(0,s.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,s.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,s.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-Y-auto bg-white border-r",children:[(0,s.jsx)("div",{className:"flex items-center mb-8",children:(0,s.jsx)(x.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:a,children:(0,s.jsx)("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),(0,s.jsx)("div",{children:(0,s.jsx)("ul",{children:t&&(t==null?void 0:t.map((o,m)=>(0,s.jsx)("li",{className:"mb-1",children:(0,s.jsx)(x.Button,{as:"link",ariaLabel:o==null?void 0:o.label,link:o,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:o==null?void 0:o.label})},m)))})}),(0,s.jsxs)("div",{className:"mt-auto",children:[(0,s.jsxs)("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&(0,s.jsx)(x.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}),(l==null?void 0:l.label)&&(0,s.jsx)(x.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label})]}),(0,s.jsx)(j.Text,{fontSize:"xs",muted:!0,className:"my-4 text-center ",children:(0,s.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}var x,Y,h,$,H,V,j,R,s,de=u(()=>{"use strict";x=require("@stackshift-ui/button"),R=k(require("react"));N();s=require("react/jsx-runtime")});var ea={};p(ea,{Navigation:()=>xe});module.exports=Me(ea);var w=require("react"),he=require("react/jsx-runtime"),C={variant_a:(0,w.lazy)(()=>Promise.resolve().then(()=>(G(),D))),variant_b:(0,w.lazy)(()=>Promise.resolve().then(()=>(Z(),X))),variant_c:(0,w.lazy)(()=>Promise.resolve().then(()=>(se(),re))),variant_d:(0,w.lazy)(()=>Promise.resolve().then(()=>(de(),fe)))},Be="Navigation",xe=({data:e})=>{var l,o,m,g,W,S,P,T,I,K;let a=e==null?void 0:e.variant,t=a&&(C==null?void 0:C[a]),i={logo:(o=(l=e==null?void 0:e.variants)==null?void 0:l.logo)!=null?o:void 0,links:(g=(m=e==null?void 0:e.variants)==null?void 0:m.routes)!=null?g:void 0,primaryButton:(S=(W=e==null?void 0:e.variants)==null?void 0:W.primaryButton)!=null?S:void 0,secondaryButton:(T=(P=e==null?void 0:e.variants)==null?void 0:P.secondaryButton)!=null?T:void 0,banner:(K=(I=e==null?void 0:e.variants)==null?void 0:I.banner)!=null?K:void 0};return t?(0,he.jsx)(t,{...i}):null};xe.displayName=Be;0&&(module.exports={Navigation});
|
|
1
|
+
"use strict";var he=Object.create;var M=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var Ne=Object.getOwnPropertyNames;var Le=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var h=(e,a)=>()=>(e&&(a=e(e=0)),a);var p=(e,a)=>{for(var l in a)M(e,l,{get:a[l],enumerable:!0})},$=(e,a,l,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of Ne(a))!we.call(e,t)&&t!==l&&M(e,t,{get:()=>a[t],enumerable:!(i=pe(a,t))||i.enumerable});return e};var R=(e,a,l)=>(l=e!=null?he(Le(e)):{},$(a||!e||!e.__esModule?M(l,"default",{value:e,enumerable:!0}):l,e)),ke=e=>$(M({},"__esModule",{value:!0}),e);var v,N=h(()=>{"use strict";v=e=>{var a,l,i;return e!=null&&e.internalLink&&(e==null?void 0:e.type)==="linkInternal"?(l=(a=e==null?void 0:e.internalLink)==null?void 0:a.toLowerCase())!=null&&l.includes("home")?"/":`/${e.internalLink}`:e!=null&&e.externalLink&&(e==null?void 0:e.type)==="linkExternal"&&(i=e==null?void 0:e.externalLink)!=null?i:"/"}});var G={};p(G,{Navigation_A:()=>D,default:()=>D});function D({links:e,primaryButton:a,secondaryButton:l,logo:i}){let[t,b]=z.default.useState(!1),m=()=>{b(c=>!c)};return(0,s.jsxs)(V.Section,{className:"bg-background",children:[(0,s.jsxs)(u.Flex,{align:"center",justify:"between",className:"px-6 py-6",children:[(0,s.jsx)(Me,{logo:i}),(0,s.jsx)(ze,{links:e}),(0,s.jsx)(Se,{primaryButton:a,secondaryButton:l}),(0,s.jsx)(We,{showMenu:m})]}),(0,s.jsx)(Ce,{menu:t,showMenu:m,links:e,primaryButton:a,secondaryButton:l})]})}function Me({logo:e}){var a;return e?(0,s.jsx)(j.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,s.jsx)(H.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:50,height:50,className:"text-3xl font-bold leading-none"})}):null}function Re(){return(0,s.jsx)("li",{className:"text-gray-500",children:(0,s.jsx)("svg",{className:"u-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function ze({links:e}){return e?(0,s.jsx)(u.Flex,{children:(0,s.jsx)("ul",{className:"hidden lg:flex lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,l)=>(0,s.jsxs)(z.default.Fragment,{children:[(0,s.jsx)(Fe,{link:a},a._key),e.length!==l+1?(0,s.jsx)(Re,{}):null]},l))})}):null}function Fe({link:e}){return e!=null&&e.label?(0,s.jsx)("li",{children:(0,s.jsx)(f.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function Ce({menu:e,showMenu:a,links:l,primaryButton:i,secondaryButton:t}){return(0,s.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,s.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,s.jsxs)(u.Flex,{as:"nav",direction:"col",className:"fixed top-0 bottom-0 left-0 u-5/6 max-u-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[(0,s.jsx)(Pe,{showMenu:a}),(0,s.jsx)("div",{className:"u-full",children:l?(0,s.jsx)("ul",{children:l==null?void 0:l.map((b,m)=>(0,s.jsx)("li",{className:"mb-1",children:(0,s.jsx)(f.Button,{as:"link",ariaLabel:b==null?void 0:b.label,className:"block u-full cursor-pointer p-4 text-sm font-semibold text-gray-900 no-underline rounded hover:bg-secondary-foreground hover:text-primary",link:b,children:b==null?void 0:b.label})},m))}):null}),(0,s.jsxs)("div",{className:"u-full mt-auto",children:[(0,s.jsxs)(u.Flex,{direction:"col",className:"pt-6",children:[i!=null&&i.label?(0,s.jsx)(f.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.label,variant:"outline",className:"block u-full px-4 py-3 mb-3 text-xs cursor-pointer font-semibold leading-loose text-center text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}):null,t!=null&&t.label?(0,s.jsx)(f.Button,{as:"link",link:t,ariaLabel:t==null?void 0:t.label,variant:"solid",className:"block u-full px-4 py-3 mb-2 cursor-pointer leading-loose text-xs text-center font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:t==null?void 0:t.label}):null]}),(0,s.jsx)(A.Text,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:(0,s.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}function We({showMenu:e}){return(0,s.jsx)("div",{className:"lg:hidden",children:(0,s.jsx)(f.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation Menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,s.jsxs)("svg",{className:"block u-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("title",{children:"Mobile menu"}),(0,s.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function Se({primaryButton:e,secondaryButton:a}){return(0,s.jsxs)(u.Flex,{gap:4,children:[e!=null&&e.label?(0,s.jsx)(f.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,variant:"outline",className:"hidden lg:flex px-4 py-3 mb-2 leading-loose text-center font-semibold text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}):null,a!=null&&a.label?(0,s.jsx)(f.Button,{as:"link",link:a,ariaLabel:a==null?void 0:a.label,variant:"solid",className:"hidden lg:flex px-4 py-3 mb-2 leading-loose text-center font-semibold text-white bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label}):null]})}function Pe({showMenu:e}){return(0,s.jsx)("div",{className:"flex items-center mb-8",children:(0,s.jsx)(f.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation Menu",className:"navbar-close",onClick:e,children:(0,s.jsx)("svg",{className:"u-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})})}var f,u,H,j,V,A,z,s,Y=h(()=>{"use strict";f=require("@stackshift-ui/button"),u=require("@stackshift-ui/flex"),H=require("@stackshift-ui/image"),j=require("@stackshift-ui/link"),V=require("@stackshift-ui/section"),A=require("@stackshift-ui/text"),z=R(require("react"));N();s=require("react/jsx-runtime")});var Z={};p(Z,{Navigation_B:()=>X,default:()=>X});function X({links:e,primaryButton:a,secondaryButton:l,logo:i}){let[t,b]=L.default.useState(!1),m=()=>{b(c=>!c)};return(0,n.jsxs)(V.Section,{className:"bg-background",children:[(0,n.jsx)("nav",{className:"relative py-6",children:(0,n.jsx)(E.Container,{maxWidth:1e3,children:(0,n.jsxs)(u.Flex,{align:"center",justify:"between",children:[(0,n.jsx)(Te,{logo:i}),(0,n.jsx)(He,{showMenu:m}),(0,n.jsx)(Ie,{links:e}),(0,n.jsx)($e,{primaryButton:a,secondaryButton:l})]})})}),(0,n.jsx)(je,{menu:t,showMenu:m,links:e,primaryButton:a,secondaryButton:l})]})}function Te({logo:e}){var a;return e?(0,n.jsx)(j.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(H.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:48,height:48,className:"text-3xl font-bold leading-none"})}):null}function Ie({links:e}){return e?(0,n.jsx)("ul",{className:"absolute hidden transform -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 lg:mx-auto lg:flex lg:u-auto lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,l)=>(0,n.jsxs)(L.default.Fragment,{children:[(a==null?void 0:a.label)&&(0,n.jsx)(Ke,{link:a},l),e.length!==l+1?(0,n.jsx)(_e,{}):null]},l))}):null}function Ke({link:e}){return e?(0,n.jsx)("li",{children:(0,n.jsx)(g.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function _e(){return(0,n.jsx)("li",{className:"text-gray-500",children:(0,n.jsx)("svg",{className:"u-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function $e({primaryButton:e,secondaryButton:a}){return(0,n.jsxs)(L.default.Fragment,{children:[(e==null?void 0:e.label)&&(0,n.jsx)(g.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"hidden lg:inline-block px-4 py-3 mb-2 text-gray-900 lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(a==null?void 0:a.label)&&(0,n.jsx)(g.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,className:"hidden lg:inline-block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label})]})}function He({showMenu:e}){return(0,n.jsx)("div",{className:"lg:hidden",children:(0,n.jsx)(g.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,n.jsxs)("svg",{className:"block u-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("title",{children:"Mobile menu"}),(0,n.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function je({menu:e,showMenu:a,links:l,primaryButton:i,secondaryButton:t}){return(0,n.jsx)(L.default.Fragment,{children:(0,n.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,n.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,n.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col u-5/6 max-u-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[(0,n.jsx)("div",{className:"flex items-center mb-8",children:(0,n.jsx)(g.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:a,children:(0,n.jsx)("svg",{className:"u-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),l&&(0,n.jsx)("ul",{children:l==null?void 0:l.map((b,m)=>(0,n.jsx)("li",{className:"mb-1",children:(0,n.jsx)(g.Button,{as:"link",ariaLabel:b==null?void 0:b.label,link:b,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:b==null?void 0:b.label})},m))}),(0,n.jsxs)("div",{className:"mt-auto",children:[(0,n.jsxs)("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&(0,n.jsx)(g.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}),(t==null?void 0:t.label)&&(0,n.jsx)(g.Button,{as:"link",ariaLabel:t==null?void 0:t.label,link:t,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:t==null?void 0:t.label})]}),(0,n.jsx)(A.Text,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:(0,n.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})})}var g,E,u,H,j,V,A,L,n,y=h(()=>{"use strict";g=require("@stackshift-ui/button"),E=require("@stackshift-ui/container"),L=R(require("react"));N();n=require("react/jsx-runtime")});var se={};p(se,{Navigation_C:()=>re,default:()=>re});function re({links:e,primaryButton:a,secondaryButton:l,logo:i}){let[t,b]=F.default.useState(!1),m=()=>{b(c=>!c)};return(0,r.jsxs)(V.Section,{className:"bg-background",children:[(0,r.jsx)("nav",{className:"relative py-6",children:(0,r.jsx)(E.Container,{maxWidth:1280,children:(0,r.jsxs)(u.Flex,{align:"center",children:[(0,r.jsx)(Ve,{links:e}),(0,r.jsx)(Ge,{logo:i}),(0,r.jsx)(Ye,{primaryButton:a,secondaryButton:l}),(0,r.jsx)(Ee,{showMenu:m})]})})}),(0,r.jsx)(qe,{menu:t,showMenu:m,links:e,primaryButton:a,secondaryButton:l})]})}function Ve({links:e}){return e?(0,r.jsx)("ul",{className:"hidden lg:flex lg:u-auto lg:items-center lg:space-x-6",children:e==null?void 0:e.map((a,l)=>(0,r.jsxs)(F.default.Fragment,{children:[(a==null?void 0:a.label)&&(0,r.jsx)(Ae,{link:a}),e.length!==l+1?(0,r.jsx)(De,{}):null]},l))}):null}function Ae({link:e}){return e?(0,r.jsx)("li",{children:(0,r.jsx)(d.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function De(){return(0,r.jsx)("li",{className:"text-gray-500",children:(0,r.jsx)("svg",{className:"u-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function Ge({logo:e}){var a;return e?(0,r.jsx)("div",{className:"lg:absolute lg:left-1/2 lg:top-1/2 lg:-translate-x-1/2 lg:-translate-y-1/2 lg:transform",children:(0,r.jsx)(j.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,r.jsx)(H.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:60,height:60,className:"text-3xl font-bold leading-none"})})}):null}function Ye({primaryButton:e,secondaryButton:a}){return(0,r.jsxs)("div",{className:"hidden text-right lg:ml-auto lg:block lg:u-1/3",children:[(e==null?void 0:e.label)&&(0,r.jsx)(d.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"hidden lg:inline-block px-4 py-3 mb-2 text-gray-900 lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(a==null?void 0:a.label)&&(0,r.jsx)(d.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,className:"hidden lg:inline-block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label})]})}function Ee({showMenu:e}){return(0,r.jsx)("div",{className:"ml-auto lg:hidden",children:(0,r.jsx)(d.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,r.jsxs)("svg",{className:"block u-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("title",{children:"Mobile menu"}),(0,r.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function qe({menu:e,showMenu:a,links:l,primaryButton:i,secondaryButton:t}){return(0,r.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,r.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,r.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col u-5/6 max-u-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[(0,r.jsx)("div",{className:"flex items-center mb-8",children:(0,r.jsx)(d.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:a,children:(0,r.jsx)("svg",{className:"u-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),(0,r.jsx)("div",{children:(0,r.jsx)("ul",{children:l&&(l==null?void 0:l.map((b,m)=>(0,r.jsx)("li",{className:"mb-1",children:(0,r.jsx)(d.Button,{as:"link",ariaLabel:b==null?void 0:b.label,link:b,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:b==null?void 0:b.label})},m)))})}),(0,r.jsxs)("div",{className:"mt-auto",children:[(0,r.jsxs)("div",{className:"pt-6",children:[(i==null?void 0:i.label)&&(0,r.jsx)(d.Button,{as:"link",ariaLabel:i==null?void 0:i.label,link:i,className:"block px-4 py-3 mb-2 text-gray-900 text-center lg:ml-auto lg:mr-3 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i==null?void 0:i.label}),(t==null?void 0:t.label)&&(0,r.jsx)(d.Button,{as:"link",ariaLabel:t==null?void 0:t.label,link:t,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:t==null?void 0:t.label})]}),(0,r.jsx)(A.Text,{fontSize:"xs",className:"my-4 text-center text-gray-700",children:(0,r.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}var d,E,u,H,j,V,A,F,r,ne=h(()=>{"use strict";d=require("@stackshift-ui/button"),F=R(require("react"));N();r=require("react/jsx-runtime")});var ge={};p(ge,{Navigation_D:()=>fe,default:()=>fe});function fe({links:e,primaryButton:a,secondaryButton:l,logo:i}){let[t,b]=C.default.useState(!1),m=()=>{b(c=>!c)};return(0,o.jsxs)(V.Section,{className:"bg-background",children:[(0,o.jsx)("nav",{className:"relative px-6 py-6",children:(0,o.jsx)(E.Container,{maxWidth:1e3,children:(0,o.jsxs)(u.Flex,{align:"center",justify:"between",children:[(0,o.jsx)(Je,{links:e}),(0,o.jsx)(Ue,{logo:i}),(0,o.jsx)(Xe,{primaryButton:a,secondaryButton:l}),(0,o.jsx)(Ze,{showMenu:m})]})})}),(0,o.jsx)(ye,{menu:t,showMenu:m,links:e,primaryButton:a,secondaryButton:l})]})}function Je({links:e}){return e?(0,o.jsx)(u.Flex,{className:"hidden lg:flex",align:"center",children:(0,o.jsx)("ul",{className:"flex space-x-5",children:e.map((a,l)=>(0,o.jsxs)(C.default.Fragment,{children:[(a==null?void 0:a.label)&&(0,o.jsx)(Oe,{link:a}),e.length!==l+1&&(0,o.jsx)(Qe,{})]},l))})}):null}function Oe({link:e}){return e?(0,o.jsx)("li",{children:(0,o.jsx)(x.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function Qe(){return(0,o.jsx)("li",{className:"text-gray-500",children:(0,o.jsx)("svg",{className:"u-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function Ue({logo:e}){var a;return e?(0,o.jsx)(u.Flex,{className:"flex-1 justify-start lg:justify-center",children:(0,o.jsx)(j.Link,{"aria-label":`Go to ${v(e)==="/"?"home page":v(e)}`,className:"text-3xl font-bold leading-none",href:v(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,o.jsx)(H.Image,{src:e==null?void 0:e.image,alt:(a=e==null?void 0:e.alt)!=null?a:"navigation-logo",width:100,height:100,className:"object-contain"})})}):null}function Xe({primaryButton:e,secondaryButton:a}){return(0,o.jsxs)(u.Flex,{className:"hidden lg:flex justify-end space-x-4",children:[(e==null?void 0:e.label)&&(0,o.jsx)(x.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"px-4 py-3 mb-2 text-gray-900 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(a==null?void 0:a.label)&&(0,o.jsx)(x.Button,{as:"link",ariaLabel:a==null?void 0:a.label,link:a,className:"px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:a==null?void 0:a.label})]})}function Ze({showMenu:e}){return(0,o.jsx)("div",{className:"ml-auto lg:hidden",children:(0,o.jsx)(x.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,o.jsxs)("svg",{className:"block u-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.jsx)("title",{children:"Mobile menu"}),(0,o.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function ye({menu:e,showMenu:a,links:l,primaryButton:i,secondaryButton:t}){return(0,o.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,o.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:a}),(0,o.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col u-5/6 max-u-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[(0,o.jsx)("div",{className:"flex items-center mb-8",children:(0,o.jsx)(x.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:a,children:(0,o.jsx)("svg",{className:"u-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),(0,o.jsx)("ul",{children:l&&l.map((b,m)=>(0,o.jsx)("li",{className:"mb-1",children:(0,o.jsx)(x.Button,{as:"link",ariaLabel:b.label,link:b,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:b.label})},m))}),(0,o.jsxs)("div",{className:"mt-auto pt-6",children:[(i==null?void 0:i.label)&&(0,o.jsx)(x.Button,{as:"link",ariaLabel:i.label,link:i,className:"block px-4 py-3 mb-2 text-center font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i.label}),(t==null?void 0:t.label)&&(0,o.jsx)(x.Button,{as:"link",ariaLabel:t.label,link:t,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:t.label})]}),(0,o.jsx)(A.Text,{fontSize:"xs",muted:!0,className:"my-4 text-center",children:(0,o.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})}var x,E,u,H,j,V,A,C,o,de=h(()=>{"use strict";x=require("@stackshift-ui/button"),C=R(require("react"));N();o=require("react/jsx-runtime")});var ea={};p(ea,{Navigation:()=>xe});module.exports=ke(ea);var k=require("react"),ue=require("react/jsx-runtime"),W={variant_a:(0,k.lazy)(()=>Promise.resolve().then(()=>(Y(),G))),variant_b:(0,k.lazy)(()=>Promise.resolve().then(()=>(y(),Z))),variant_c:(0,k.lazy)(()=>Promise.resolve().then(()=>(ne(),se))),variant_d:(0,k.lazy)(()=>Promise.resolve().then(()=>(de(),ge)))},Be="Navigation",xe=({data:e})=>{var t,b,m,c,S,P,T,I,K,_;let a=e==null?void 0:e.variant,l=a&&(W==null?void 0:W[a]),i={logo:(b=(t=e==null?void 0:e.variants)==null?void 0:t.logo)!=null?b:void 0,links:(c=(m=e==null?void 0:e.variants)==null?void 0:m.routes)!=null?c:void 0,primaryButton:(P=(S=e==null?void 0:e.variants)==null?void 0:S.primaryButton)!=null?P:void 0,secondaryButton:(I=(T=e==null?void 0:e.variants)==null?void 0:T.secondaryButton)!=null?I:void 0,banner:(_=(K=e==null?void 0:e.variants)==null?void 0:K.banner)!=null?_:void 0};return l?(0,ue.jsx)(l,{...i}):null};xe.displayName=Be;0&&(module.exports={Navigation});
|
package/dist/navigation.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-MWGTJUEV.mjs";export{a as Navigation};
|
package/dist/navigation_a.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var N=Object.create;var v=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var R=(e,l)=>{for(var t in l)v(e,t,{get:l[t],enumerable:!0})},
|
|
1
|
+
"use strict";var N=Object.create;var v=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var R=(e,l)=>{for(var t in l)v(e,t,{get:l[t],enumerable:!0})},c=(e,l,t,r)=>{if(l&&typeof l=="object"||typeof l=="function")for(let i of g(l))!k.call(e,i)&&i!==t&&v(e,i,{get:()=>l[i],enumerable:!(r=w(l,i))||r.enumerable});return e};var F=(e,l,t)=>(t=e!=null?N(M(e)):{},c(l||!e||!e.__esModule?v(t,"default",{value:e,enumerable:!0}):t,e)),z=e=>c(v({},"__esModule",{value:!0}),e);var _={};R(_,{Navigation_A:()=>o,default:()=>o});module.exports=z(_);var s=require("@stackshift-ui/button"),b=require("@stackshift-ui/flex"),d=require("@stackshift-ui/image"),u=require("@stackshift-ui/link"),h=require("@stackshift-ui/section"),p=require("@stackshift-ui/text"),f=F(require("react"));var x=e=>{var l,t,r;return e!=null&&e.internalLink&&(e==null?void 0:e.type)==="linkInternal"?(t=(l=e==null?void 0:e.internalLink)==null?void 0:l.toLowerCase())!=null&&t.includes("home")?"/":`/${e.internalLink}`:e!=null&&e.externalLink&&(e==null?void 0:e.type)==="linkExternal"&&(r=e==null?void 0:e.externalLink)!=null?r:"/"};var a=require("react/jsx-runtime");function o({links:e,primaryButton:l,secondaryButton:t,logo:r}){let[i,n]=f.default.useState(!1),m=()=>{n(L=>!L)};return(0,a.jsxs)(h.Section,{className:"bg-background",children:[(0,a.jsxs)(b.Flex,{align:"center",justify:"between",className:"px-6 py-6",children:[(0,a.jsx)(C,{logo:r}),(0,a.jsx)(S,{links:e}),(0,a.jsx)($,{primaryButton:l,secondaryButton:t}),(0,a.jsx)(W,{showMenu:m})]}),(0,a.jsx)(T,{menu:i,showMenu:m,links:e,primaryButton:l,secondaryButton:t})]})}function C({logo:e}){var l;return e?(0,a.jsx)(u.Link,{"aria-label":`Go to ${x(e)==="/"?"home page":x(e)}`,className:"text-3xl font-bold leading-none",href:x(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(d.Image,{src:e==null?void 0:e.image,alt:(l=e==null?void 0:e.alt)!=null?l:"navigation-logo",width:50,height:50,className:"text-3xl font-bold leading-none"})}):null}function I(){return(0,a.jsx)("li",{className:"text-gray-500",children:(0,a.jsx)("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function S({links:e}){return e?(0,a.jsx)(b.Flex,{children:(0,a.jsx)("ul",{className:"hidden lg:flex lg:items-center lg:space-x-6",children:e==null?void 0:e.map((l,t)=>(0,a.jsxs)(f.default.Fragment,{children:[(0,a.jsx)(P,{link:l},l._key),e.length!==t+1?(0,a.jsx)(I,{}):null]},t))})}):null}function P({link:e}){return e!=null&&e.label?(0,a.jsx)("li",{children:(0,a.jsx)(s.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function T({menu:e,showMenu:l,links:t,primaryButton:r,secondaryButton:i}){return(0,a.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,a.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:l}),(0,a.jsxs)(b.Flex,{as:"nav",direction:"col",className:"fixed top-0 bottom-0 left-0 w-5/6 max-w-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[(0,a.jsx)(H,{showMenu:l}),(0,a.jsx)("div",{className:"w-full",children:t?(0,a.jsx)("ul",{children:t==null?void 0:t.map((n,m)=>(0,a.jsx)("li",{className:"mb-1",children:(0,a.jsx)(s.Button,{as:"link",ariaLabel:n==null?void 0:n.label,className:"block w-full cursor-pointer p-4 text-sm font-semibold text-gray-900 no-underline rounded hover:bg-secondary-foreground hover:text-primary",link:n,children:n==null?void 0:n.label})},m))}):null}),(0,a.jsxs)("div",{className:"w-full mt-auto",children:[(0,a.jsxs)(b.Flex,{direction:"col",className:"pt-6",children:[r!=null&&r.label?(0,a.jsx)(s.Button,{as:"link",link:r,ariaLabel:r==null?void 0:r.label,variant:"outline",className:"block w-full px-4 py-3 mb-3 text-xs cursor-pointer font-semibold leading-loose text-center text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:r==null?void 0:r.label}):null,i!=null&&i.label?(0,a.jsx)(s.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.label,variant:"solid",className:"block w-full px-4 py-3 mb-2 cursor-pointer leading-loose text-xs text-center font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:i==null?void 0:i.label}):null]}),(0,a.jsx)(p.Text,{fontSize:"xs",className:"my-4 text-center text-gray-900",children:(0,a.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})]})}function W({showMenu:e}){return(0,a.jsx)("div",{className:"lg:hidden",children:(0,a.jsx)(s.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation Menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,a.jsxs)("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("title",{children:"Mobile menu"}),(0,a.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function $({primaryButton:e,secondaryButton:l}){return(0,a.jsxs)(b.Flex,{gap:4,children:[e!=null&&e.label?(0,a.jsx)(s.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,variant:"outline",className:"hidden lg:flex px-4 py-3 mb-2 leading-loose text-center font-semibold text-gray-900 rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}):null,l!=null&&l.label?(0,a.jsx)(s.Button,{as:"link",link:l,ariaLabel:l==null?void 0:l.label,variant:"solid",className:"hidden lg:flex px-4 py-3 mb-2 leading-loose text-center font-semibold text-white bg-primary hover:bg-primary-foreground rounded-global",children:l==null?void 0:l.label}):null]})}function H({showMenu:e}){return(0,a.jsx)("div",{className:"flex items-center mb-8",children:(0,a.jsx)(s.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation Menu",className:"navbar-close",onClick:e,children:(0,a.jsx)("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})})}0&&(module.exports={Navigation_A});
|
package/dist/navigation_a.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-HIAA2I42.mjs";import"./chunk-KQFO7OZP.mjs";export{a as Navigation_A,a as default};
|
package/dist/navigation_d.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var k=Object.create;var v=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var z=(e,t)=>{for(var l in t)v(e,l,{get:t[l],enumerable:!0})},x=(e,t,l,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of g(t))!R.call(e,n)&&n!==l&&v(e,n,{get:()=>t[n],enumerable:!(i=w(t,n))||i.enumerable});return e};var C=(e,t,l)=>(l=e!=null?k(M(e)):{},x(t||!e||!e.__esModule?v(l,"default",{value:e,enumerable:!0}):l,e)),F=e=>x(v({},"__esModule",{value:!0}),e);var H={};z(H,{Navigation_D:()=>N,default:()=>N});module.exports=F(H);var r=require("@stackshift-ui/button"),d=require("@stackshift-ui/container"),m=require("@stackshift-ui/flex"),u=require("@stackshift-ui/image"),p=require("@stackshift-ui/link"),h=require("@stackshift-ui/section"),o=require("@stackshift-ui/text"),f=C(require("react"));var c=e=>{var t,l,i;return e!=null&&e.internalLink&&(e==null?void 0:e.type)==="linkInternal"?(l=(t=e==null?void 0:e.internalLink)==null?void 0:t.toLowerCase())!=null&&l.includes("home")?"/":`/${e.internalLink}`:e!=null&&e.externalLink&&(e==null?void 0:e.type)==="linkExternal"&&(i=e==null?void 0:e.externalLink)!=null?i:"/"};var a=require("react/jsx-runtime");function N({links:e,primaryButton:t,secondaryButton:l,logo:i}){let[n,s]=f.default.useState(!1),b=()=>{s(L=>!L)};return(0,a.jsxs)(h.Section,{className:"bg-background",children:[(0,a.jsx)("nav",{className:"relative px-6 py-6",children:(0,a.jsx)(d.Container,{maxWidth:1e3,children:(0,a.jsxs)(m.Flex,{align:"center",justify:"between",children:[(0,a.jsx)(j,{links:e}),(0,a.jsx)(I,{logo:i}),(0,a.jsx)(P,{primaryButton:t,secondaryButton:l}),(0,a.jsx)(T,{showMenu:b})]})})}),(0,a.jsx)($,{menu:n,showMenu:b,links:e,primaryButton:t,secondaryButton:l})]})}function j({links:e}){return e?(0,a.jsx)(m.Flex,{className:"hidden lg:flex",align:"center",children:(0,a.jsx)("ul",{className:"flex space-x-5",children:e.map((t,l)=>(0,a.jsxs)(f.default.Fragment,{children:[(t==null?void 0:t.label)&&(0,a.jsx)(W,{link:t}),e.length!==l+1&&(0,a.jsx)(S,{})]},l))})}):null}function W({link:e}){return e?(0,a.jsx)("li",{children:(0,a.jsx)(r.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"text-sm text-gray-500 no-underline hover:text-gray-900",children:e==null?void 0:e.label})}):null}function S(){return(0,a.jsx)("li",{className:"text-gray-500",children:(0,a.jsx)("svg",{className:"w-4 h-4 current-fill",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"})})})}function I({logo:e}){var t;return e?(0,a.jsx)(m.Flex,{className:"flex-1 justify-start lg:justify-center",children:(0,a.jsx)(p.Link,{"aria-label":`Go to ${c(e)==="/"?"home page":c(e)}`,className:"text-3xl font-bold leading-none",href:c(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(u.Image,{src:e==null?void 0:e.image,alt:(t=e==null?void 0:e.alt)!=null?t:"navigation-logo",width:100,height:100,className:"object-contain"})})}):null}function P({primaryButton:e,secondaryButton:t}){return(0,a.jsxs)(m.Flex,{className:"hidden lg:flex justify-end space-x-4",children:[(e==null?void 0:e.label)&&(0,a.jsx)(r.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,className:"px-4 py-3 mb-2 text-gray-900 font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:e==null?void 0:e.label}),(t==null?void 0:t.label)&&(0,a.jsx)(r.Button,{as:"link",ariaLabel:t==null?void 0:t.label,link:t,className:"px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:t==null?void 0:t.label})]})}function T({showMenu:e}){return(0,a.jsx)("div",{className:"ml-auto lg:hidden",children:(0,a.jsx)(r.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"flex items-center p-3 navbar-burger text-primary",onClick:e,children:(0,a.jsxs)("svg",{className:"block w-4 h-4 fill-current",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("title",{children:"Mobile menu"}),(0,a.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})})})}function $({menu:e,showMenu:t,links:l,primaryButton:i,secondaryButton:n}){return(0,a.jsxs)("div",{className:`${e?null:"hidden"} mobile-nav relative z-50`,children:[(0,a.jsx)("div",{className:"fixed inset-0 bg-gray-800 opacity-25 navbar-backdrop",onClick:t}),(0,a.jsxs)("nav",{className:"fixed top-0 bottom-0 left-0 flex flex-col w-5/6 max-w-sm px-6 py-6 overflow-y-auto bg-white border-r",children:[(0,a.jsx)("div",{className:"flex items-center mb-8",children:(0,a.jsx)(r.Button,{variant:"unstyled",as:"button",ariaLabel:"Navigation menu",className:"navbar-close",onClick:t,children:(0,a.jsx)("svg",{className:"w-6 h-6 text-gray-500 cursor-pointer hover:text-gray-500",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})}),(0,a.jsx)("ul",{children:l&&l.map((s,b)=>(0,a.jsx)("li",{className:"mb-1",children:(0,a.jsx)(r.Button,{as:"link",ariaLabel:s.label,link:s,className:"block p-4 text-sm font-semibold text-gray-700 no-underline rounded hover:bg-secondary-foreground hover:text-primary",children:s.label})},b))}),(0,a.jsxs)("div",{className:"mt-auto pt-6",children:[(i==null?void 0:i.label)&&(0,a.jsx)(r.Button,{as:"link",ariaLabel:i.label,link:i,className:"block px-4 py-3 mb-2 text-center font-semibold rounded-global bg-secondary hover:bg-secondary/50",children:i.label}),(n==null?void 0:n.label)&&(0,a.jsx)(r.Button,{as:"link",ariaLabel:n.label,link:n,className:"block px-4 py-3 mb-2 leading-loose text-center text-white font-semibold bg-primary hover:bg-primary-foreground rounded-global",children:n.label})]}),(0,a.jsx)(o.Text,{fontSize:"xs",muted:!0,className:"my-4 text-center",children:(0,a.jsx)("span",{children:`\xA9 ${new Date().getFullYear()} All rights reserved.`})})]})]})}0&&(module.exports={Navigation_D});
|
package/dist/navigation_d.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-TSWF33S4.mjs";import"./chunk-KQFO7OZP.mjs";export{a as Navigation_D,a as default};
|
package/package.json
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/navigation",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "6.0.
|
|
4
|
+
"version": "6.0.5-beta.0",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
8
|
"module": "./dist/index.mjs",
|
|
9
9
|
"types": "./dist/index.d.ts",
|
|
10
10
|
"files": [
|
|
11
|
-
"dist/**"
|
|
11
|
+
"dist/**",
|
|
12
|
+
"src"
|
|
12
13
|
],
|
|
13
14
|
"author": "WebriQ <info@webriq.com>",
|
|
14
15
|
"devDependencies": {
|
|
@@ -33,15 +34,15 @@
|
|
|
33
34
|
},
|
|
34
35
|
"dependencies": {
|
|
35
36
|
"@portabletext/react": "^3.1.0",
|
|
36
|
-
"@stackshift-ui/
|
|
37
|
-
"@stackshift-ui/
|
|
37
|
+
"@stackshift-ui/button": "6.0.3",
|
|
38
|
+
"@stackshift-ui/system": "6.0.3",
|
|
38
39
|
"@stackshift-ui/scripts": "6.0.2",
|
|
39
|
-
"@stackshift-ui/
|
|
40
|
-
"@stackshift-ui/
|
|
41
|
-
"@stackshift-ui/image": "6.0.
|
|
42
|
-
"@stackshift-ui/section": "6.0.
|
|
43
|
-
"@stackshift-ui/
|
|
44
|
-
"@stackshift-ui/
|
|
40
|
+
"@stackshift-ui/text": "6.0.3",
|
|
41
|
+
"@stackshift-ui/link": "6.0.3",
|
|
42
|
+
"@stackshift-ui/image": "6.0.3",
|
|
43
|
+
"@stackshift-ui/section": "6.0.3",
|
|
44
|
+
"@stackshift-ui/flex": "6.0.3",
|
|
45
|
+
"@stackshift-ui/container": "6.0.3"
|
|
45
46
|
},
|
|
46
47
|
"peerDependencies": {
|
|
47
48
|
"@stackshift-ui/system": ">=0.0.0",
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { MyPortableTextComponents } from "../types";
|
|
2
|
+
import { Text } from "@stackshift-ui/text";
|
|
3
|
+
|
|
4
|
+
// block styling as props to `serializers` of the PortableText component
|
|
5
|
+
export const blockStyle: MyPortableTextComponents = {
|
|
6
|
+
block: {
|
|
7
|
+
normal: ({ children }) => {
|
|
8
|
+
return (
|
|
9
|
+
<Text fontSize="xs" weight="bold" className="text-white ">
|
|
10
|
+
{children}
|
|
11
|
+
</Text>
|
|
12
|
+
);
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
code: ({ value }) => {
|
|
16
|
+
return (
|
|
17
|
+
<pre data-language={value.language}>
|
|
18
|
+
<code>{value.code}</code>
|
|
19
|
+
</pre>
|
|
20
|
+
);
|
|
21
|
+
},
|
|
22
|
+
marks: {
|
|
23
|
+
strong: ({ children }) => <strong>{children}</strong>,
|
|
24
|
+
em: ({ children }) => <em>{children}</em>,
|
|
25
|
+
code: ({ children }) => <code>{children}</code>,
|
|
26
|
+
link: ({ children, value }) => (
|
|
27
|
+
<a
|
|
28
|
+
aria-label={value?.href ?? "external link"}
|
|
29
|
+
className="text-primary-foreground hover:text-secondary-foreground"
|
|
30
|
+
href={value?.href}
|
|
31
|
+
target="_blank"
|
|
32
|
+
rel="noopener noreferrer">
|
|
33
|
+
{children}
|
|
34
|
+
</a>
|
|
35
|
+
),
|
|
36
|
+
},
|
|
37
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Logo } from "../types";
|
|
2
|
+
|
|
3
|
+
export const logoLink = (logo: Logo) => {
|
|
4
|
+
if (logo?.internalLink && logo?.type === "linkInternal") {
|
|
5
|
+
if (logo?.internalLink?.toLowerCase()?.includes("home")) {
|
|
6
|
+
return "/";
|
|
7
|
+
}
|
|
8
|
+
return `/${logo.internalLink}`;
|
|
9
|
+
} else if (logo?.externalLink && logo?.type === "linkExternal") {
|
|
10
|
+
return logo?.externalLink ?? "/";
|
|
11
|
+
} else {
|
|
12
|
+
return "/";
|
|
13
|
+
}
|
|
14
|
+
};
|
package/src/index.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { cleanup, render, screen } from "@testing-library/react";
|
|
2
|
+
import { afterEach, describe, test } from "vitest";
|
|
3
|
+
import { Navigation } from "./navigation";
|
|
4
|
+
|
|
5
|
+
describe.concurrent("navigation", () => {
|
|
6
|
+
afterEach(cleanup);
|
|
7
|
+
|
|
8
|
+
test.skip("Dummy test - test if renders without errors", ({ expect }) => {
|
|
9
|
+
const clx = "my-class";
|
|
10
|
+
render(<Navigation />);
|
|
11
|
+
expect(screen.getByTestId("{ kebabCase name }}").classList).toContain(clx);
|
|
12
|
+
});
|
|
13
|
+
});
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { lazy } from "react";
|
|
2
|
+
import { LabeledRoute, LabeledRouteWithKey, Logo, SectionsProps } from "./types";
|
|
3
|
+
|
|
4
|
+
const Variants = {
|
|
5
|
+
variant_a: lazy(() => import("./navigation_a")),
|
|
6
|
+
variant_b: lazy(() => import("./navigation_b")),
|
|
7
|
+
variant_c: lazy(() => import("./navigation_c")),
|
|
8
|
+
variant_d: lazy(() => import("./navigation_d")),
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export interface ResponsiveNavLinksProps {
|
|
12
|
+
menu: boolean;
|
|
13
|
+
showMenu: () => void;
|
|
14
|
+
links?: LabeledRouteWithKey[];
|
|
15
|
+
primaryButton?: LabeledRoute;
|
|
16
|
+
secondaryButton?: LabeledRoute;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface NavigationProps {
|
|
20
|
+
template?: any;
|
|
21
|
+
logo?: Logo;
|
|
22
|
+
links?: LabeledRouteWithKey[];
|
|
23
|
+
primaryButton?: LabeledRoute;
|
|
24
|
+
secondaryButton?: LabeledRoute;
|
|
25
|
+
banner?: any;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
const displayName = "Navigation";
|
|
29
|
+
|
|
30
|
+
export const Navigation: React.FC<SectionsProps> = ({ data }) => {
|
|
31
|
+
const variant = data?.variant;
|
|
32
|
+
const Variant = variant && Variants?.[variant as keyof typeof Variants];
|
|
33
|
+
|
|
34
|
+
const props = {
|
|
35
|
+
logo: data?.variants?.logo ?? undefined,
|
|
36
|
+
links: data?.variants?.routes ?? undefined,
|
|
37
|
+
primaryButton: data?.variants?.primaryButton ?? undefined,
|
|
38
|
+
secondaryButton: data?.variants?.secondaryButton ?? undefined,
|
|
39
|
+
banner: data?.variants?.banner ?? undefined,
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
return Variant ? <Variant {...props} /> : null;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
Navigation.displayName = displayName;
|