1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8896],{174:e=>{e.exports={card:"ExportTriggersCard_card__vOb1i",copy:"ExportTriggersCard_copy__q7UUF",scene:"ExportTriggersCard_scene__v8HC1",glow:"ExportTriggersCard_glow__NiwTk",stage:"ExportTriggersCard_stage__HqBIM",menuBar:"ExportTriggersCard_menuBar__Ur_Ju",glyph:"ExportTriggersCard_glyph__i_zy_",systemGlyph:"ExportTriggersCard_systemGlyph__B30ep",batterySlot:"ExportTriggersCard_batterySlot__A0itT",batteryIcons:"ExportTriggersCard_batteryIcons__CpKcS",battery:"ExportTriggersCard_battery__JnLOR",bolt:"ExportTriggersCard_bolt__c2FBs",chip:"ExportTriggersCard_chip__CWkCq",capsule:"ExportTriggersCard_capsule__Shnkj",glass:"ExportTriggersCard_glass__4R7fr",tint:"ExportTriggersCard_tint__Xx9h_",shine:"ExportTriggersCard_shine__bXBxb",toastContent:"ExportTriggersCard_toastContent__hSwkj",plug:"ExportTriggersCard_plug__snQNh",label:"ExportTriggersCard_label__fDsUa",space:"ExportTriggersCard_space__BQmPJ"}},1445:e=>{e.exports={card:"ExportCommandBarCard_card__qdraW",copy:"ExportCommandBarCard_copy__qA_Py",scene:"ExportCommandBarCard_scene__vRbwv",glow:"ExportCommandBarCard_glow__SLKS9",pulse:"ExportCommandBarCard_pulse__qXqEZ",bridge:"ExportCommandBarCard_bridge__YJxjg",blur:"ExportCommandBarCard_blur__wtUHQ",commandBar:"ExportCommandBarCard_commandBar__E_b6n",panel:"ExportCommandBarCard_panel__1y_2O",searchRow:"ExportCommandBarCard_searchRow__CRxam",searchIcon:"ExportCommandBarCard_searchIcon__jHWzr",input:"ExportCommandBarCard_input__giAN6",typed:"ExportCommandBarCard_typed__Mp_QY",caret:"ExportCommandBarCard_caret__uKScD",blink:"ExportCommandBarCard_blink__XcI0E",placeholder:"ExportCommandBarCard_placeholder__stDfC",clear:"ExportCommandBarCard_clear__ga3kj",results:"ExportCommandBarCard_results___ti0G",divider:"ExportCommandBarCard_divider__Qs43T",category:"ExportCommandBarCard_category__Ih_eB",selectedResult:"ExportCommandBarCard_selectedResult___mFUv",appIcon:"ExportCommandBarCard_appIcon__1sb_u",resultText:"ExportCommandBarCard_resultText__dB9pu",itemTitle:"ExportCommandBarCard_itemTitle__TjAO4",itemSubtitle:"ExportCommandBarCard_itemSubtitle__ZaTnV",clipboardCategory:"ExportCommandBarCard_clipboardCategory__PQvK4",clipboardResult:"ExportCommandBarCard_clipboardResult__B_4du",clipboardIcon:"ExportCommandBarCard_clipboardIcon__yujYh",clipboardTitle:"ExportCommandBarCard_clipboardTitle__xQ2Qv",clipboardSubtitle:"ExportCommandBarCard_clipboardSubtitle__ceNWa",shortcuts:"ExportCommandBarCard_shortcuts__PLh70",shortcut:"ExportCommandBarCard_shortcut__BcgYU",shortcutSymbol:"ExportCommandBarCard_shortcutSymbol__9oD6B",fade:"ExportCommandBarCard_fade__Yw6A0",fog:"ExportCommandBarCard_fog__ol6fu",space:"ExportCommandBarCard_space__O4OtM"}},2148:e=>{e.exports={scene:"ClassicFeatureScenes_scene__e5Uvx",icons:"ClassicFeatureScenes_icons__sNZSE","glyph-app":"ClassicFeatureScenes_glyph-app__BwVcU",time:"ClassicFeatureScenes_time__IEkIY",appleMark:"ClassicFeatureScenes_appleMark__WQTVX",styleBackdrop:"ClassicFeatureScenes_styleBackdrop__QCTjW",styleStack:"ClassicFeatureScenes_styleStack__53rY3",floatBar:"ClassicFeatureScenes_floatBar__lEjni",desktopMenu:"ClassicFeatureScenes_desktopMenu__nr6IK",appMenu:"ClassicFeatureScenes_appMenu__vNB3l",rightMenu:"ClassicFeatureScenes_rightMenu___tIbe",lg:"ClassicFeatureScenes_lg__4_bCc",lgEffect:"ClassicFeatureScenes_lgEffect__59sLl",lgTint:"ClassicFeatureScenes_lgTint__WKMfI",lgTintDark:"ClassicFeatureScenes_lgTintDark__y57X3",lgShine:"ClassicFeatureScenes_lgShine__0fozj",lgShineSoft:"ClassicFeatureScenes_lgShineSoft__FHHLR",style0:"ClassicFeatureScenes_style0__31Tz_",style3:"ClassicFeatureScenes_style3__mU2Q0",style4:"ClassicFeatureScenes_style4__HBhJf",style1:"ClassicFeatureScenes_style1__tfZ3U",style2:"ClassicFeatureScenes_style2__oP0Ze",styleLabel:"ClassicFeatureScenes_styleLabel__F72QU",sceneGlow:"ClassicFeatureScenes_sceneGlow__pGxLa",glowOrange:"ClassicFeatureScenes_glowOrange__piphR",glowBlue:"ClassicFeatureScenes_glowBlue__9F81Q",spacingStack:"ClassicFeatureScenes_spacingStack__8Ahse",spacingExample:"ClassicFeatureScenes_spacingExample__zt6kr",spacingLabel:"ClassicFeatureScenes_spacingLabel___rZGG",gainNote:"ClassicFeatureScenes_gainNote__ZejBy",gained:"ClassicFeatureScenes_gained__l_jo_",spacing:"ClassicFeatureScenes_spacing__yqCKq",spacing1:"ClassicFeatureScenes_spacing1__EA3fW",spacing2:"ClassicFeatureScenes_spacing2__cGV1b",tighten1:"ClassicFeatureScenes_tighten1__alcWr",tighten2:"ClassicFeatureScenes_tighten2__UkN2m",gainPop:"ClassicFeatureScenes_gainPop__F6VKA",spacingBar:"ClassicFeatureScenes_spacingBar__who8R",spacing0:"ClassicFeatureScenes_spacing0__7wF21",spaceSaved:"ClassicFeatureScenes_spaceSaved__mmLaB",measureLine:"ClassicFeatureScenes_measureLine__jHSU9",dis
1playMenu:"ClassicFeatureScenes_displayMenu__77STR",presetLabel:"ClassicFeatureScenes_presetLabel__jIvWc",presetsStage:"ClassicFeatureScenes_presetsStage__W5P58",labelSwap:"ClassicFeatureScenes_labelSwap__37UEc",pillGlyph:"ClassicFeatureScenes_pillGlyph__kTyZj",labelGo:"ClassicFeatureScenes_labelGo__AReOy",pillGoGlyph:"ClassicFeatureScenes_pillGoGlyph__G1y5Q",selectedDot:"ClassicFeatureScenes_selectedDot__xp1tr",morphStage:"ClassicFeatureScenes_morphStage__3I9ED",morphLayer:"ClassicFeatureScenes_morphLayer__dfM9c",layerGo:"ClassicFeatureScenes_layerGo__uHLq4",deviceWrap:"ClassicFeatureScenes_deviceWrap__id_3m",frame:"ClassicFeatureScenes_frame__4_27_",deviceScreen:"ClassicFeatureScenes_deviceScreen__sSqI7",studioWrap:"ClassicFeatureScenes_studioWrap__Qn7Me",mbWrap:"ClassicFeatureScenes_mbWrap__F4_eF",menuRight:"ClassicFeatureScenes_menuRight___g6CE",menuGaming:"ClassicFeatureScenes_menuGaming__Tf2lh",layerDesk:"ClassicFeatureScenes_layerDesk__Rkx8X",morphDesk:"ClassicFeatureScenes_morphDesk__W31Jr",morphGo:"ClassicFeatureScenes_morphGo__65BAH",pillGo:"ClassicFeatureScenes_pillGo__Y1VPO",profWrap:"ClassicFeatureScenes_profWrap__NA9ZD",profSet:"ClassicFeatureScenes_profSet__qUfbf",menuWorking:"ClassicFeatureScenes_menuWorking__gryve",profWorking:"ClassicFeatureScenes_profWorking__kIYlM",labelWorking:"ClassicFeatureScenes_labelWorking__0u6iX",pillWorking:"ClassicFeatureScenes_pillWorking__LLsno",profGaming:"ClassicFeatureScenes_profGaming__BA9z9",labelGaming:"ClassicFeatureScenes_labelGaming__eabCo",pillGaming:"ClassicFeatureScenes_pillGaming__QUKOV",menuFocus:"ClassicFeatureScenes_menuFocus__jTUP2",profFocus:"ClassicFeatureScenes_profFocus__CARj_",labelFocus:"ClassicFeatureScenes_labelFocus__2Cdyu",pillFocus:"ClassicFeatureScenes_pillFocus__leHqq",presets:"ClassicFeatureScenes_presets__f9OlN",spacersStage:"ClassicFeatureScenes_spacersStage__m867M",groupedBar:"ClassicFeatureScenes_groupedBar__i0fE_",menuGroup:"ClassicFeatureScenes_menuGroup__zvq6s",groupName:"ClassicFeatureScenes_groupName__mv_ju",divider:"ClassicFeatureScenes_divider__gsR0c",spacerGap:"ClassicFeatureScenes_spacerGap__m6j8h",spacerSymbol:"ClassicFeatureScenes_spacerSymbol__JSuln",spacerTarget:"ClassicFeatureScenes_spacerTarget__CVdSP",spacerCallout:"ClassicFeatureScenes_spacerCallout__FS9AH",spacerExample:"ClassicFeatureScenes_spacerExample__LSXV6",widgetsStage:"ClassicFeatureScenes_widgetsStage__7XHxB",wGlow:"ClassicFeatureScenes_wGlow__jJoDa",wPill:"ClassicFeatureScenes_wPill__eUaIs",wText:"ClassicFeatureScenes_wText___e7Or",wSub:"ClassicFeatureScenes_wSub__srYrV",statLine:"ClassicFeatureScenes_statLine__RFaBJ",wCpu:"ClassicFeatureScenes_wCpu__1SoM6",wGpu:"ClassicFeatureScenes_wGpu__lxtze",wAi:"ClassicFeatureScenes_wAi__YQ_Hr",wRam:"ClassicFeatureScenes_wRam__HVZqU",wNet:"ClassicFeatureScenes_wNet__YMf7j",wPlay:"ClassicFeatureScenes_wPlay__mz_6w",wBatt:"ClassicFeatureScenes_wBatt__UCjlw",wFocus:"ClassicFeatureScenes_wFocus__kl9SY",wCal:"ClassicFeatureScenes_wCal__JAYbv",sfSymbol:"ClassicFeatureScenes_sfSymbol__V_E7P",npArtist:"ClassicFeatureScenes_npArtist__9Emle",eq:"ClassicFeatureScenes_eq___HRGh",eqBounce:"ClassicFeatureScenes_eqBounce__A1Fms",statLabel:"ClassicFeatureScenes_statLabel__jtIlc",statValue:"ClassicFeatureScenes_statValue__HJtM1",statGraph:"ClassicFeatureScenes_statGraph__zL_4l",widgetExplanation:"ClassicFeatureScenes_widgetExplanation__Uopzu",intBg:"ClassicFeatureScenes_intBg__ua_Fi",integrationsStage:"ClassicFeatureScenes_integrationsStage__8qnRY",triggerRow:"ClassicFeatureScenes_triggerRow__HEA5Q",trigPill:"ClassicFeatureScenes_trigPill__88HRW",keyRow:"ClassicFeatureScenes_keyRow__eFVzT",keycap:"ClassicFeatureScenes_keycap__JcwRA",k3d:"ClassicFeatureScenes_k3d__yGdPp",connectionLines:"ClassicFeatureScenes_connectionLines__wkZQz",integrationHub:"ClassicFeatureScenes_integrationHub__Iabes",integrationResult:"ClassicFeatureScenes_integrationResult__NfHMY",connectionPulse:"ClassicFeatureScenes_connectionPulse__qgLmX",pulseTravel:"ClassicFeatureScenes_pulseTravel__uOi50",swapSlot:"ClassicFeatureScenes_swapSlot__1vIQz",s0:"ClassicFeatureScenes_s0__N_yLE",s1:"ClassicFeatureScenes_s1__MyPs7",s2:"ClassicFeatureScenes_s2__zIzBV",spacerSystem:"ClassicFeatureScenes_spacerSystem__rUGqk",stylingContent:"ClassicFeatureScenes_stylingContent__6YKuT",styling:"ClassicFeatureScenes_styling__ChwUG",integrations:"ClassicFeatureScenes_integrations__a904G",widgets:"ClassicFeatureScenes_widgets__pMzha",spacers:"ClassicFeatureScenes_spacers__A2fTQ",statNoLive:"ClassicFeatureScenes_statNoLive__0gawx"}},3322:e=>{e.exports={section:"FeatureCarousel_section__P8moD",header:"FeatureCarousel_header__HK9UY",viewport:"FeatureCarousel_viewport__upK1c",rail:"FeatureCarousel_rail__qmrXv",slide:"FeatureCarousel_slide__2D05Q",panel:"FeatureCarousel_panel__DPfcL",caption:"FeatureCarousel_caption__EuDnz",peek:"FeatureCarousel_peek__67hjc",controlsBoundary:"FeatureCarousel_controlsBoundary__usOhe",controls:"FeatureCarousel_controls__HBcBj",dots:"FeatureCarousel_dots__2S0Gx",playback:"FeatureCarousel_playback__FZTn6",dot:"FeatureCarousel_dot__9JA9i",dotTrack:"FeatureCarousel_dotTrack__23K2x",fill:"FeatureCarousel_fill__vLoub",srOnly:"FeatureCarousel_srOnly__8Myy1"}},4174:e=>{e.exports={card:"BeatTheNotchCard_card__zTeq8",copy:"BeatTheNotchCard_copy__DO4FD",scene:"BeatTheNotchCard_scene__NDkZJ",device:"BeatTheNotchCard_device__CBRdU",frameCanvas:"BeatTheNotchCard_frameCanvas__a7YUa",screen:"BeatTheNotchCard_screen__07sVK",screenGlow:"BeatTheNotchCard_screenGlow__32kgS",menuBar:"BeatTheNotchCard_menuBar__R0Cqe",icon:"BeatTheNotchCard_
1icon__HMMfG",clock:"BeatTheNotchCard_clock__3goo_",extras:"BeatTheNotchCard_extras__3Wsw7",shown:"BeatTheNotchCard_shown__Bz5dG",swapped:"BeatTheNotchCard_swapped__t0v1x",itemGroups:"BeatTheNotchCard_itemGroups__1WiTr",dotWrap:"BeatTheNotchCard_dotWrap__rGKRt",bartender:"BeatTheNotchCard_bartender__JajVB",bartenderBar:"BeatTheNotchCard_bartenderBar__nXSm_",frame:"BeatTheNotchCard_frame__UJxbo",space:"BeatTheNotchCard_space__dLj71"}},4605:(e,a,s)=>{"use strict";s.d(a,{default:()=>ef});var n=s(5155),t=s(1866),r=s(8901),l=s(2115);function c(e,a){let s=(0,l.useRef)(null),[n,t]=(0,l.useState)(0),[r,c]=(0,l.useState)(!1),[i,o]=(0,l.useState)(!1),[d,p]=(0,l.useState)(!0);(0,l.useEffect)(()=>{let e=s.current;if(!e)return;let a=window.matchMedia("(prefers-reduced-motion: reduce)"),n=()=>p(a.matches),t=()=>o("visible"===document.visibilityState);n(),t(),a.addEventListener("change",n),document.addEventListener("visibilitychange",t);let r=new IntersectionObserver(e=>{let[a]=e;return c(a.isIntersecting)},{rootMargin:"-48px 0px -24px 0px",threshold:0});return r.observe(e),()=>{r.disconnect(),a.removeEventListener("change",n),document.removeEventListener("visibilitychange",t)}},[]);let m=r&&i&&!d,u=d?a:e[n].name;return(0,l.useEffect)(()=>{if(!m)return;let a=window.setTimeout(()=>t(a=>(a+1)%e.length),e[n].duration);return()=>window.clearTimeout(a)},[n,e,m]),{ref:s,phase:u,running:m,reducedMotion:d}}let i="/GoldenGate/menu-bar-glyphs",o={"apple-passwords":[78,50],bartender:[48,50],chatgpt:[48,50],clock:[246,46],"control-centre":[52,46],figma:[68,50],gemini:[48,50],granola:[68,50],helm:[72,50],raycast:[68,50],"raycast-2":[68,50],resurf:[80,50],"script-menu":[64,50],siri:[34,50]};function d(e){let{name:a,className:s,uniformSlot:t=!1}=e,r=(0,l.useId)().replace(/[^a-zA-Z0-9_-]/g,""),c="menu-glyph-mask-".concat(r),d="menu-glyph-alpha-".concat(r),[p,m]=o[a],u=t?68:p,g=t?50:m;return(0,n.jsx)("svg",{viewBox:"".concat((p-u)/2," ").concat((m-g)/2," ").concat(u," ").concat(g),width:u,height:g,className:s,"data-menu-bar-glyph":a,"aria-hidden":"true",focusable:"false",children:"bartender"===a?(0,n.jsx)("image",{href:"".concat(i,"/bartender-app.png"),x:"5",y:"6",width:"38",height:"38"}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("defs",{children:[(0,n.jsxs)("filter",{id:d,colorInterpolationFilters:"sRGB",children:[(0,n.jsx)("feColorMatrix",{type:"luminanceToAlpha",result:"luminance"}),(0,n.jsx)("feComposite",{in:"luminance",in2:"SourceGraphic",operator:"in"}),(0,n.jsx)("feComponentTransfer",{children:(0,n.jsx)("feFuncA",{type:"linear",slope:"1.5",intercept:"-0.015"})})]}),(0,n.jsx)("mask",{id:c,x:"0",y:"0",width:p,height:m,maskUnits:"userSpaceOnUse",style:{maskType:"alpha"},children:(0,n.jsx)("image",{href:"".concat(i,"/").concat(a,".png"),width:p,height:m,filter:"url(#".concat(d,")")})})]}),(0,n.jsx)("rect",{width:p,height:m,fill:"currentColor",mask:"url(#".concat(c,")")})]})})}var p=s(4174),m=s.n(p);let u=[{name:"crowded",duration:1800},{name:"appearing",duration:700},{name:"tidied",duration:1400},{name:"revealed",duration:3e3},{name:"dismissed",duration:1600},{name:"swapped",duration:3e3},{name:"restored",duration:2200}],g=["granola","apple-passwords","script-menu","chatgpt","figma","gemini"];function h(e){let{name:a,className:s=""}=e;return(0,n.jsx)(d,{name:a,uniformSlot:"clock"!==a,className:"".concat(m().icon," ").concat(s)})}function x(){let{ref:e,phase:a,running:s}=c(u,"revealed");return(0,n.jsxs)("article",{ref:e,id:"beat-the-notch",className:"gg-card gg-card-wide ".concat(m().card),"data-demo":"beat-the-notch","data-phase":a,"data-running":s,children:[(0,n.jsxs)("div",{className:"gg-card-copy ".concat(m().copy),children:[(0,n.jsx)("h3",{children:"Beat the notch"}),(0,n.jsx)("p",{children:"Automatically hide items that would be hidden by the notch, and bring them back with a click or hotkey. Shift them to Bartender Bar to see them without re-arranging your bar, or swap shown\xa0&\xa0hidden items on demand."})]}),(0,n.jsx)("div",{className:m().scene,"aria-hidden":"true",children:(0,n.jsx)("div",{className:m().device,children:(0,n.jsxs)("div",{className:m().frameCanvas,children:[(0,n.jsxs)("div",{className:m().screen,children:[(0,n.jsx)("div",{className:m().screenGlow}),(0,n.jsxs)("div",{className:m().menuBar,children:[(0,n.jsx)("div",{className:m().extras,children:g.map(e=>(0,n.jsx)(h,{name:e},e))}),(0,n.jsxs)("div",{className:m().itemGroups,children:[(0,n.jsxs)("div",{className:m().shown,children:[(0,n.jsx)(h,{name:"resurf"}),(0,n.jsx)(h,{name:"raycast-2"}),(0,n.jsx)(h,{name:"helm"})]}),(0,n.jsx)("div",{className:m().swapped,children:g.map(e=>(0,n.jsx)(h,{name:e},e))})]}),(0,n.jsxs)("div",{className:m().dotWrap,children:[(0,n.jsx)(h,{name:"bartender",className:m().bartender}),(0,n.jsx)("div",{className:m().bartenderBar,children:g.map(e=>(0,n.jsx)(d,{name:e,uniformSlot:!0},e))})]}),(0,n.jsx)(h,{name:"control-centre"}),(0,n.jsx)(h,{name:"siri"}),(0,n.jsx)(h,{name:"clock",className:m().clock})]})]}),(0,n.jsx)("img",{src:"".concat("/GoldenGate/handoff","/macbook-frame.png"),alt:"",className:m().frame})]})})}),(0,n.jsx)("div",{className:m().space})]})}var _=s(1445),j=s.n(_);let f="/GoldenGate/handoff",y="Strongbox",G=[{name:"waiting",duration:900},{name:"search",duration:1100},...Array.from(y,(e,a)=>({name:"typing-".concat(y.slice(0,a+1)),duration:90})),{name:"typed",duration:260},{name:"results",duration:2600},{name:"dismissed",duration:1400}],C=["app","rectangle.stack","bolt","doc.on.doc"];function b(){let{ref:e,phase:a,running:s}=c(G,"results"),t="waiting"!==a&&"search"!==a,r="results"===a||"dismissed"===a,l=t?a.startsWith("typing-")?a.slice(7):y:"";return(0,n.jsxs)("article",{ref:e,className:"gg-card gg-card-wide ".concat(j().card),"data-demo":"command-bar","data-phase":a,"data-running":s,"data-typing":t,"data-expanded":r,children:[(0,n.jsxs)("div",{className:"gg-card-copy ".concat(j().copy),children:[(0,n.jsxs)("h3",{children:[(0,n.jsx)("span",{children:"New: "}),"Command Bar"]}),(0,n.jsx)("p",{children:"Search and trigger any menu bar item from your keyboard â plus clipboard history, right where you type."})]}),(0,n.jsxs)("div",{className:j().scene,"aria-hidden":"true",children:[(0,n.jsx)("div",{className:j().glow}),(0,n.jsx)("img",{src:"".concat(f,"/gg-bridge.png"),alt:"",className:j().bridge}),(0,n.jsx)("div",{className:j().blur}
1),(0,n.jsxs)("div",{className:j().commandBar,children:[(0,n.jsxs)("div",{className:j().panel,children:[(0,n.jsxs)("div",{className:j().searchRow,children:[(0,n.jsx)("img",{src:"".concat(f,"/command-bar-symbols/magnifyingglass.png"),alt:"",className:j().searchIcon}),(0,n.jsxs)("div",{className:j().input,children:[(0,n.jsx)("span",{className:j().typed,children:l}),(0,n.jsx)("span",{className:j().caret}),(0,n.jsx)("span",{className:j().placeholder,children:"Search Menu Bar Items"})]}),(0,n.jsx)("div",{className:j().clear,children:(0,n.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3",strokeLinecap:"round",children:[(0,n.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"}),(0,n.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"})]})})]}),(0,n.jsxs)("div",{className:j().results,children:[(0,n.jsx)("div",{className:j().divider}),(0,n.jsx)("div",{className:j().category,children:"MENU BAR ITEMS"}),(0,n.jsxs)("div",{className:j().selectedResult,children:[(0,n.jsx)("img",{src:"".concat(f,"/menu-icons/app-strongbox.png"),alt:"",className:j().appIcon}),(0,n.jsxs)("div",{className:j().resultText,children:[(0,n.jsx)("div",{className:j().itemTitle,children:"Strongbox"}),(0,n.jsx)("div",{className:j().itemSubtitle,children:"Password Manager"})]}),(0,n.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"rgba(255,255,255,0.85)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M20 6v6a2 2 0 0 1-2 2H6"}),(0,n.jsx)("polyline",{points:"9 11 6 14 9 17"})]})]}),(0,n.jsx)("div",{className:"".concat(j().category," ").concat(j().clipboardCategory),children:"CLIPBOARD"}),(0,n.jsxs)("div",{className:j().clipboardResult,children:[(0,n.jsx)("img",{src:"".concat(f,"/menu-icons/app-slack.png"),alt:"",className:j().clipboardIcon}),(0,n.jsxs)("div",{className:j().resultText,children:[(0,n.jsx)("div",{className:j().clipboardTitle,children:"New Strongbox is insane, shipping now!"}),(0,n.jsx)("div",{className:j().clipboardSubtitle,children:"Text \xb7 Copied 7:25âPM"})]})]})]})]}),(0,n.jsx)("div",{className:j().shortcuts,children:C.map(e=>(0,n.jsx)("div",{className:j().shortcut,children:(0,n.jsx)("img",{src:"".concat(f,"/command-bar-symbols/").concat(e,".png"),alt:"",className:j().shortcutSymbol})},e))})]}),(0,n.jsx)("div",{className:j().fade}),(0,n.jsx)("div",{className:j().fog})]}),(0,n.jsx)("div",{className:j().space})]})}var N=s(174),w=s.n(N);let v="/GoldenGate/handoff/menu-icons",S=[{name:"battery",duration:1600},{name:"connected",duration:700},{name:"hiding-notice",duration:900},{name:"hidden-notice",duration:1700},{name:"hidden",duration:1450},{name:"showing-notice",duration:900},{name:"shown-notice",duration:1700},{name:"restored",duration:350}];function k(e){let{charging:a=!1,className:s}=e,t="battery-white-".concat((0,l.useId)().replace(/[^a-zA-Z0-9_-]/g,"")),r=a?204:170;return(0,n.jsxs)("svg",{viewBox:"0 0 370 ".concat(r),className:s,"aria-hidden":"true",focusable:"false",children:[(0,n.jsx)("defs",{children:(0,n.jsx)("filter",{id:t,children:(0,n.jsxs)("feComponentTransfer",{children:[(0,n.jsx)("feFuncR",{type:"linear",slope:"0",intercept:"1"}),(0,n.jsx)("feFuncG",{type:"linear",slope:"0",intercept:"1"}),(0,n.jsx)("feFuncB",{type:"linear",slope:"0",intercept:"1"}),(0,n.jsx)("feFuncA",{type:"linear",slope:255/217})]})})}),(0,n.jsx)("image",{href:"".concat(v,"/").concat(a?"batt-bolt":"batt-75",".png"),width:"370",height:r,filter:"url(#".concat(t,")")})]})}function F(){let{ref:e,phase:a,running:s}=c(S,"shown-notice"),t="hidden-notice"===a||"hidden"===a||"showing-notice"===a,r="connected"===a||"hiding-notice"===a||t,l=a.endsWith("-notice"),i="showing-notice"===a||"shown-notice"===a||"restored"===a;return(0,n.jsxs)("article",{ref:e,className:"gg-card gg-card-half ".concat(w().card),"data-demo":"triggers","data-phase":a,"data-running":s,"data-hidden":t,"data-connected":r,"data-notice":l,children:[(0,n.jsxs)("div",{className:"gg-card-copy ".concat(w().copy),children:[(0,n.jsx)("h3",{children:"Triggers"}),(0,n.jsx)("p",{children:"Automate your menu bar. Show battery when you unplug, your VPN on public WiâFi, your mic in meetings â items appear exactly when they matter."})]}),(0,n.jsxs)("div",{className:w().scene,"aria-hidden":"true",children:[(0,n.jsx)("div",{className:w().glow}),(0,n.jsxs)("div",{className:w().stage,children:[(0,n.jsxs)("div",{className:w().menuBar,children:[(0,n.jsx)(d,{name:"granola",uniformSlot:!0,className:w().glyph}),(0,n.jsx)(d,{name:"figma",uniformSlot:!0,className:w().glyph}),(0,n.jsx)("div",{className:w().batterySlot,children:(0,n.jsxs)("span",{className:w().batteryIcons,children:[(0,n.jsx)(k,{className:w().battery}),(0,n.jsx)(k,{charging:!0,className:w().bolt})]})}),(0,n.jsx)(d,{name:"control-centre",uniformSlot:!0,className:w().glyph}),(0,n.jsx)(d,{name:"siri",uniformSlot:!0,className:w().glyph}),(0,n.jsx)(d,{name:"clock",className:w().systemGlyph})]}),(0,n.jsx)("div",{className:w().chip,children:(0,n.jsxs)("div",{className:w().capsule,children:[(0,n.jsx)("div",{className:w().glass}),(0,n.jsx)("div",{className:w().tint}),(0,n.jsx)("div",{className:w().shine}),(0,n.jsxs)("div",{className:w().toastContent,children:[(0,n.jsx)("span",{className:w().plug,children:(0,n.jsx)("img",{src:"".concat(v,"/powerplug.portrait.fill.png"),width:"19",height:"22",alt:""})}),(0,n.jsx)("span",{className:w().label,children:i?"Power disconnected â showing Battery":"Connected â hiding Battery"})]})]})})]})]}),(0,n.jsx)("div",{className:w().space})]})}var B=s(3322),E=s.n(B);let M=(e,a,s)=>Math.min(s,Math.max(a,e));function T(e){var a;let{id:s,heading:t,description:r,slides:c,renderScene:i}=e,o=(0,l.useId)(),d=(0,l.useRef)(null),p=(0,l.useRef)(null),m=(0,l.useRef)(null),u=(0,l.useRef)([]),g=(0,l.useRef)([]),h=(0,l.useRef)([]),x=(0,l.useRef)([]),_=(0,l.useRef)(0),j=(0,l.useRef)(0),f=(0,l.useRef)(null),[y,G]=(0,l.useState)(0),[C,b]=(0,l.useState)(!1),[N,w]=(0,l.useState)(!1),[v,S]=(0,l.useState)(!1),[k,F]=(0,l.useState)(!0),[B,T]=(0,l.useState)(!1),[L,P]=(0,l.useState)(!1),[R,q]=(0,l.useState)(!1),[A,I]=(0,l.useState)(!0),W=B&&R&&!A&&!v,z=W&&!C&&!N,D=(0,l.useCallback)(()=>{var e;
1j.current=0,null==(e=d.current)||e.style.setProperty("--elapsed","0")},[]),O=(0,l.useCallback)(()=>{let e=p.current;if(!e||!x.current.length)return;let a=x.current,s=0;for(;s<a.length-1&&e.scrollLeft>a[s+1];)s++;let n=Math.min(s+1,a.length-1),t=n===s?0:M((e.scrollLeft-a[s])/(a[n]-a[s]),0,1),r=s+t,l=Math.round(r);F(2>=Math.abs(e.scrollLeft-a[l])),u.current.forEach((e,a)=>{var s;let n=M(r-a,-1,1);null==e||e.style.setProperty("--caption-x","".concat(A?0:-162*n,"px")),null==e||e.style.setProperty("--caption-opacity","".concat(A?1:Math.pow(1-Math.abs(n),3))),null==(s=h.current[a])||s.style.setProperty("--dot-expand","".concat(Math.max(0,1-Math.abs(r-a))))}),null===f.current&&_.current!==l&&(_.current=l,G(l),w(!1),D())},[A,D]),U=(0,l.useCallback)(function(){var e;let a=!(arguments.length>0)||void 0===arguments[0]||arguments[0];null!==f.current&&cancelAnimationFrame(f.current),f.current=null,a&&(null==(e=p.current)||e.style.removeProperty("scroll-snap-type")),S(!1)},[]),V=(0,l.useCallback)(function(e){var a;let s=!(arguments.length>1)||void 0===arguments[1]||arguments[1],n=p.current;if(!n)return;let t=M(e,0,c.length-1),r=null!=(a=x.current[t])?a:0;if(s&&b(!0),w(!1),U(!1),_.current=t,G(t),D(),A||1>Math.abs(n.scrollLeft-r)){n.scrollLeft=r,n.style.removeProperty("scroll-snap-type"),O();return}n.style.scrollSnapType="none",S(!0);let l=n.scrollLeft,i=performance.now(),o=e=>{let a=M((e-i)/1e3,0,1);n.scrollLeft=l+(r-l)*(a<.5?2*a*a:1-Math.pow(-2*a+2,2)/2),O(),a<1?f.current=requestAnimationFrame(o):(f.current=null,n.style.removeProperty("scroll-snap-type"),S(!1),O())};f.current=requestAnimationFrame(o)},[U,A,D,c.length,O]);(0,l.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),a=()=>I(e.matches),s=()=>q("visible"===document.visibilityState);return a(),s(),e.addEventListener("change",a),document.addEventListener("visibilitychange",s),()=>{e.removeEventListener("change",a),document.removeEventListener("visibilitychange",s)}},[]),(0,l.useEffect)(()=>{let e=p.current;if(!e)return;let a=new IntersectionObserver(e=>{let[a]=e,s=a.isIntersecting&&a.intersectionRatio>=.35;T(s),s&&P(!0)},{rootMargin:"-64px 0px -24px",threshold:[0,.35]});return a.observe(e),()=>a.disconnect()},[]),(0,l.useEffect)(()=>{let e=p.current;if(!e||!m.current)return;let a=0,s=()=>{var a;U();let s=e.getBoundingClientRect(),n=window.matchMedia("(max-width: 734px)").matches,t=parseFloat(getComputedStyle(m.current).paddingLeft);u.current.forEach((e,a)=>{let s=g.current[a];if(!e||!s)return;let t=n?158:e.clientWidth<=700?166:170,r=parseFloat(getComputedStyle(s).top)+s.offsetHeight;e.style.setProperty("--scene-top","".concat(Math.max(t,r+20),"px"))}),x.current=u.current.map(a=>{if(!a)return 0;let r=a.getBoundingClientRect(),l=n?t:(e.clientWidth-r.width)/2;return M(e.scrollLeft+r.left-s.left-l,0,e.scrollWidth-e.clientWidth)}),e.scrollLeft=null!=(a=x.current[_.current])?a:0,O()},n=()=>{cancelAnimationFrame(a),a=requestAnimationFrame(O)},t=()=>{b(!0),U(),O()},r=new ResizeObserver(s);return r.observe(e),g.current.forEach(e=>{e&&r.observe(e)}),s(),e.addEventListener("scroll",n,{passive:!0}),e.addEventListener("pointerdown",t,{passive:!0}),e.addEventListener("wheel",t,{passive:!0}),()=>{r.disconnect(),cancelAnimationFrame(a),null!==f.current&&cancelAnimationFrame(f.current),f.current=null,e.style.removeProperty("scroll-snap-type"),e.removeEventListener("scroll",n),e.removeEventListener("pointerdown",t),e.removeEventListener("wheel",t)}},[U,O]),(0,l.useEffect)(()=>{var e,a;if(!z)return;let s=null!=(a=null==(e=c[y])?void 0:e.duration)?a:6150,n=0,t=performance.now(),r=e=>{var a;j.current=Math.min(s,j.current+e-t),t=e,null==(a=d.current)||a.style.setProperty("--elapsed","".concat(j.current/s)),j.current>=s?_.current===c.length-1?w(!0):V(_.current+1,!1):n=requestAnimationFrame(r)};return n=requestAnimationFrame(r),()=>cancelAnimationFrame(n)},[z,y,V,c]);let H=N?"Replay feature carousel":C||A?"Play feature carousel":"Pause feature carousel";return(0,n.jsxs)("section",{ref:d,id:s,className:E().section,"aria-labelledby":"".concat(o,"-heading"),"aria-roledescription":"carousel","data-running":z,"data-entered":L,"data-reduced-motion":A,"data-moving":v,children:[(0,n.jsxs)("header",{className:E().header,children:[(0,n.jsx)("h2",{id:"".concat(o,"-heading"),children:t}),(0,n.jsx)("p",{children:r})]}),(0,n.jsx)("div",{ref:p,className:E().viewport,children:(0,n.jsx)("ul",{ref:m,className:E().rail,children:c.map((e,a)=>(0,n.jsxs)("li",{ref:e=>{u.current[a]=e},className:E().slide,"data-feature-slide":e.id,"data-current":a===y,style:{"--slide-index":a},children:[(0,n.jsxs)("div",{id:"".concat(o,"-panel-").concat(a),role:"tabpanel","aria-labelledby":"".concat(o,"-tab-").concat(a),"aria-hidden":a!==y,inert:a!==y,className:E().panel,children:[(0,n.jsxs)("div",{ref:e=>{g.current[a]=e},className:E().caption,children:[(0,n.jsx)("h3",{children:e.headline}),(0,n.jsx)("p",{children:e.description})]}),i(e,a===y,a===y&&W&&(!e.startWhenSettled||k))]}),a!==y&&(0,n.jsx)("button",{className:E().peek,tabIndex:-1,"aria-hidden":"true",onClick:()=>V(a),title:e.label})]},e.id))})}),(0,n.jsx)("div",{className:E().controlsBoundary,children:(0,n.jsxs)("div",{className:E().controls,children:[(0,n.jsx)("div",{className:E().dots,role:"tablist","aria-label":"Bartender features",onFocusCapture:()=>b(!0),onKeyDown:e=>{let a;if("ArrowRight"===e.key&&(a=_.current+1),"ArrowLeft"===e.key&&(a=_.current-1),"Home"===e.key&&(a=0),"End"===e.key&&(a=c.length-1),void 0!==a){var s;e.preventDefault();let n=M(a,0,c.length-1);V(n),null==(s=h.current[n])||s.focus({preventScroll:!0})}},children:c.map((e,a)=>(0,n.jsx)("button",{ref:e=>{h.current[a]=e},id:"".concat(o,"-tab-").concat(a),className:E().dot,role:"tab","aria-controls":"".concat(o,"-panel-").concat(a),"aria-selected":a===y,"aria-label":e.label,title:e.label,tabIndex:a===y?0:-1,onClick:()=>V(a),"data-active":a===y,style:{"--dot-expand":+(0===a),"--slide-index":a},children:(0,n.jsx)("span",{className:E().dotTrack,children:(0,n.jsx)("span",{className:E().fill})})},e.id))}),!A&&(0,n.jsx)("button",{className:E().playback,"aria-label":H,title:H,onFocus:e=>{e.currentTarget.matches(":focus-visible")&&b(!0)},onClick:()=>{N?(V(0,!1),b(!1)):b(e=>!e)},children:(0,n.jsx)("svg",{viewBox:"0 0 24 24",width:"22",height:"22",fill:"
1currentColor","aria-hidden":"true",children:N?(0,n.jsx)("path",{d:"M19.5 6.5V2l-2.1 2.1A8 8 0 1 0 20 15h-2.2a6 6 0 1 1-1.8-9.4L13 8.5h6.5z"}):C?(0,n.jsx)("path",{d:"M8 5a1 1 0 0 1 1.5-.86l11 7a1 1 0 0 1 0 1.72l-11 7A1 1 0 0 1 8 19z"}):(0,n.jsx)("path",{d:"M7 5h3v14H7zm7 0h3v14h-3z"})})})]})}),(0,n.jsxs)("span",{className:E().srOnly,"aria-live":C?"polite":"off","aria-atomic":"true",children:[null==(a=c[y])?void 0:a.label,", ",y+1," of ",c.length]})]})}var L=s(2148),P=s.n(L);function R(e){let a=window.matchMedia("(prefers-reduced-motion: reduce)");return a.addEventListener("change",e),()=>a.removeEventListener("change",e)}let q=()=>window.matchMedia("(prefers-reduced-motion: reduce)").matches,A=()=>!0;function I(){let e="carousel-glass-".concat((0,l.useId)().replace(/:/g,""));return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:P().stylingContent,style:{"--glass-filter":"url(#".concat(e,")")},children:[(0,n.jsx)("div",{className:P().styleBackdrop}),(0,n.jsx)("svg",{width:"0",height:"0",style:{position:"absolute"},"aria-hidden":"true",children:(0,n.jsx)("defs",{children:(0,n.jsxs)("filter",{id:e,x:"0%",y:"0%",width:"100%",height:"100%",filterUnits:"objectBoundingBox",children:[(0,n.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.01 0.01",numOctaves:"1",seed:"5",result:"turbulence"}),(0,n.jsxs)("feComponentTransfer",{in:"turbulence",result:"mapped",children:[(0,n.jsx)("feFuncR",{type:"gamma",amplitude:"1",exponent:"10",offset:"0.5"}),(0,n.jsx)("feFuncG",{type:"gamma",amplitude:"0",exponent:"1",offset:"0"}),(0,n.jsx)("feFuncB",{type:"gamma",amplitude:"0",exponent:"1",offset:"0.5"})]}),(0,n.jsx)("feGaussianBlur",{in:"turbulence",stdDeviation:"3",result:"softMap"}),(0,n.jsx)("feSpecularLighting",{in:"softMap",surfaceScale:"5",specularConstant:"1",specularExponent:"100",lightingColor:"white",result:"specLight",children:(0,n.jsx)("fePointLight",{x:"-200",y:"-200",z:"300"})}),(0,n.jsx)("feComposite",{in:"specLight",operator:"arithmetic",k1:"0",k2:"1",k3:"1",k4:"0",result:"litImage"}),(0,n.jsx)("feDisplacementMap",{in:"SourceGraphic",in2:"softMap",scale:"150",xChannelSelector:"R",yChannelSelector:"G"})]})})}),(0,n.jsxs)("div",{className:P().styleStack,children:[(0,n.jsxs)("div",{className:"".concat(P().floatBar," ").concat(P().style0),children:[(0,n.jsxs)("div",{className:"".concat(P().desktopMenu," ").concat(P().lg),children:[(0,n.jsx)("span",{className:P().lgEffect}),(0,n.jsx)("span",{className:P().lgTint}),(0,n.jsx)("span",{className:P().lgShine}),(0,n.jsxs)("span",{className:P().appMenu,children:[(0,n.jsx)("img",{className:P().appleMark,src:"/GoldenGate/carousel/demo-assets/applelogo.svg",width:"13",height:"15",alt:""}),(0,n.jsx)("b",{children:"Finder"}),(0,n.jsx)("span",{children:"File"}),(0,n.jsx)("span",{children:"Edit"}),(0,n.jsx)("span",{children:"View"})]}),(0,n.jsxs)("span",{className:P().rightMenu,children:[(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/helm.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/gemini.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/figma.png",alt:""}),(0,n.jsx)("img",{className:"".concat(P()["glyph-app"]),src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/control-centre.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/siri.png",alt:""})]}),(0,n.jsx)("span",{className:P().time,children:"9:41"})]})]}),(0,n.jsx)("span",{className:P().styleLabel,children:"Glass"})]}),(0,n.jsxs)("div",{className:"".concat(P().floatBar," ").concat(P().style1),children:[(0,n.jsxs)("div",{className:P().desktopMenu,children:[(0,n.jsxs)("span",{className:"".concat(P().appMenu," ").concat(P().lg),children:[(0,n.jsx)("span",{className:P().lgEffect}),(0,n.jsx)("span",{className:"".concat(P().lgTint," ").concat(P().lgTintDark)}),(0,n.jsx)("span",{className:"".concat(P().lgShine," ").concat(P().lgShineSoft)}),(0,n.jsx)("img",{className:P().appleMark,src:"/GoldenGate/carousel/demo-assets/applelogo.svg",width:"13",height:"15",alt:""}),(0,n.jsx)("b",{children:"Finder"}),(0,n.jsx)("span",{children:"File"}),(0,n.jsx)("span",{children:"Edit"}),(0,n.jsx)("span",{children:"View"})]}),(0,n.jsxs)("span",{className:"".concat(P().rightMenu," ").concat(P().lg),children:[(0,n.jsx)("span",{className:P().lgEffect}),(0,n.jsx)("span",{className:"".concat(P().lgTint," ").concat(P().lgTintDark)}),(0,n.jsx)("span",{className:"".concat(P().lgShine," ").concat(P().lgShineSoft)}),(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/raycast.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/apple-passwords.png",alt:""}),(0,n.jsx)("img",{className:"".concat(P()["glyph-app"]),src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/control-centre.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/siri.png",alt:""})]}),(0,n.jsx)("span",{className:P().time,children:"9:41"})]})]}),(0,n.jsx)("span",{className:P().styleLabel,children:"Pills"})]}),(0,n.jsxs)("div",{className:"".concat(P().floatBar," ").concat(P().style2),children:[(0,n.jsxs)("div",{className:P().desktopMenu,children:[(0,n.jsxs)("span",{className:P().appMenu,children:[(0,n.jsx)("img",{className:P().appleMark,src:"/GoldenGate/carousel/demo-assets/applelogo.svg",width:"13",height:"15",alt:""}),(0,n.jsx)("b",{children:"Finder"}),(0,n.jsx)("span",{children:"File"}),(0,n.jsx)("span",{children:"Edit"}),(0,n.jsx)("span",{children:"View"})]}),(0,n.jsxs)("span",{className:P().rightMenu,children:[(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/script-menu.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/chatgpt.png",alt:""}),(0,n.jsx)("img",{className:"".concat(P()["glyph-app"]),src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/control-centre.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/siri.png",alt:""})]}),(0,n.jsx)("span",{className:P().time,children:"9:41"})]})]}),(0,n.jsx)("span",{className:P().styleLabel,children:"Outline"})]}),(0,n.jsxs)("div",{className:"".concat(P().floatBar," ").concat(P().style3),children:[(0,n.jsxs)("div",{className:P().desktopMenu,children:[(0,n.jsxs)("span",{className:P().appMenu,children:[(0,n.jsx)("img",{className:P().appleMark,src:"/GoldenGate/carousel/demo-assets/applelogo.svg",width:"13",height:"15",alt:""}),(0,n.jsx)("b",{children:"Finder"}),(0,n.jsx)("span",{children:"File"}),(0,n.jsx)("span",{children:"Edit"}),(0,n.jsx)("span",{children:"View"})]}),(0,n.jsxs)("span",{className:P().rightMenu,children:[(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/granola.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/resurf.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/chatgpt.png",alt:""}),(0,n.jsx)("img",{className:"".concat(P()["glyph-app"]),src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/control-centre.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/siri.png",alt:""})]}),(0,n.jsx)("span",{className:P().time,children:"9:41"})]})]}),(0,n.jsx)("span",{className:P().styleLabel,children:"Gradient"})]}),(0,n.jsxs)("div",{className:"".concat(P().floatBar," ").concat(P().style4),children:[(0,n.jsxs)("div",{className:P().desktopMenu,children:[(0,n.jsxs)("span",{className:P().appMenu,children:[(0,n.jsx)("img",{className:P().appleMark,src:"/GoldenGate/carousel/demo-assets/applelogo.svg",width:"13",height:"15",alt:""}),(0,n.jsx)("b",{children:"Finder"}),(0,n.jsx)("span",{children:"File"}),(0,n.jsx)("span",{children:"Edit"}),(0,n.jsx)("span",{children:"View"})]}),(0,n.jsxs)("span",{className:P().rightMenu,children:[(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/figma.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/helm.png",alt:""}),(0,n.jsx)("img",{className:"".concat(P()["glyph-app"]),src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/control-centre.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/siri.png",alt:""})]}),(0,n.jsx)("span",{className:P().time,children:"9:41"})]})]}),(0,n.jsx)("span",{className:P().styleLabel,children:"Solid"})]})]})]})})}function W(){return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:P().presetsStage,children:[(0,n.jsxs)("div",{className:P().labelSwap,children:[(0,n.jsxs)("span",{className:"".concat(P().presetLabel," ").concat(P().labelWorking),children:[(0,n.jsxs)("svg",{viewBox:"0 0 32 32",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("rect",{x:"3",y:"5",width:"26",height:"18",rx:"2.5"}),(0,n.jsx)("path",{d:"M16 23v5m-6 0h12"})]}),"Working",(0,n.jsx)("span",{className:P().selectedDot})]}),(0,n.jsxs)("span",{className:"".concat(P().presetLabel," ").concat(P().labelFocus),children:[(0,n.jsx)("svg",{viewBox:"0 0 32 32",fill:"none",children:(0,n.jsx)("path",{d:"M25.6 19.8A11 11 0 0 1 12.2 6.4 11 11 0 1 0 25.6 19.8Z",fill:"currentColor"})}),"Focus",(0,n.jsx)("span",{className:P().selectedDot})]}),(0,n.jsxs)("span",{className:"".concat(P().presetLabel," ").concat(P().labelGaming),children:[(0,n.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M6.5 19.5a3.5 3.5 0 0 1-3.4-4.3l1-4.5A4 4 0 0 1 8 7.5h8a4 4 0 0 1 3.9 3.2l1 4.5a3.5 3.5 0 0 1-6 3l-1.2-1.7H10.3l-1.2 1.7a3.5 3.5 0 0 1-2.6 1.3Z"}),(0,n.jsx)("path",{d:"M8.5 11v3M7 12.5h3m5.5-1h.01M18 14h.01"})]}),"Gaming",(0,n.jsx)("span",{className:P().selectedDot})]}),(0,n.jsxs)("span",{className:"".concat(P().presetLabel," ").concat(P().labelGo),children:[(0,n.jsx)("img",{className:P().pillGlyph,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/laptop.png",alt:""}),"On the Go",(0,n.jsx)("span",{className:P().selectedDot})]})]}),(0,n.jsxs)("div",{className:P().morphStage,children:[(0,n.jsx)("div",{className:"".concat(P().morphLayer," ").concat(P().layerDesk),children:(0,n.jsxs)("div",{className:"".concat(P().deviceWrap," ").concat(P().studioWrap),children:[(0,n.jsx)("div",{className:P().deviceScreen,children:(0,n.jsxs)("div",{className:P().displayMenu,children:[(0,n.jsxs)("span",{className:P().appMenu,children:[(0,n.jsx)("img",{className:P().appleMark,src:"/GoldenGate/carousel/demo-assets/applelogo.svg",width:"13",height:"15",alt:""}),(0,n.jsx)("b",{children:"Finder"}),(0,n.jsx)("span",{children:"File"}),(0,n.jsx)("span",{children:"Edit"}),(0,n.jsx)("span",{children:"View"})]}),(0,n.jsxs)("span",{className:P().menuRight,children:[(0,n.jsxs)("span",{className:P().profWrap,children:[(0,n.jsxs)("span",{className:"".concat(P().icons," ").concat(P().profSet," ").concat(P().menuWorking),children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/figma.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/granola.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/chatgpt.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/helm.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/script-menu.png",alt:""})]}),(0,n.jsxs)("span",{className:"".concat(P().icons," ").concat(P().profSet," ").concat(P().menuGaming),children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/game-pad.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/game-meter.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/game-chart.png",alt:""})]}),(0,n.jsx)("span",{className:"".concat(P().icons," ").concat(P().profSet," ").concat(P().menuFocus)})]}),(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsx)("img",{className:"".concat(P()["glyph-app"]),src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/control-centre.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/siri.png",alt:""})]}),(0,n.jsx)("span",{className:P().time,children:"9:41"})]})]})}),(0,n.jsx)("img",{className:P().frame,src:"/GoldenGate/carousel/GoldenGate/frames/studio-display.png",alt:""})]})}),(0,n.jsx)("div",{className:"".concat(P().morphLayer," ").concat(P().layerGo),children:(0,n.jsxs)("div",{className:"".concat(P().deviceWrap," ").concat(P().mbWrap),children:[(0,n.jsx)("div",{className:P().deviceScreen,children:(0,n.jsxs)("div",{className:P().displayMenu,children:[(0,n.jsxs)("span",{className:P().appMenu,children:[(0,n.jsx)("img",{className:P().appleMark,src:"/GoldenGate/carousel/demo-assets/applelogo.svg",width:"13",height:"15",alt:""}),(0,n.jsx)("b",{children:"Finder"}),(0,n.jsx)("span",{children:"File"}),(0,n.jsx)("span",{children:"Edit"}),(0,n.jsx)("span",{children:"View"})]}),(0,n.jsxs)("span",{className:P().menuRight,children:[(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/chatgpt.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/resurf.png",alt:""}),(0,n.jsx)("img",{className:"".concat(P()["glyph-app"]),src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/control-centre.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/siri.png",alt:""})]}),(0,n.jsx)("span",{className:P().time,children:"9:41"})]})]})}),(0,n.jsx)("img",{className:P().frame,src:"/GoldenGate/carousel/GoldenGate/frames/macbook-pro-14.png",alt:""})]})})]})]})})}function z(e){let{running:a}=e,s=(0,l.useRef)(null),t=(0,l.useRef)([]),r=(0,l.useRef)(-1),c=(0,l.useRef)(0);return(0,l.useEffect)(()=>{let e=s.current;if(!e)return;
1let a=e.querySelector(".".concat(P().connectionLines)),n=e.querySelector(".".concat(P().integrationHub)),l=[...e.querySelectorAll(".".concat(P().trigPill))],c=null==a?void 0:a.querySelector("path"),i=null==a?void 0:a.querySelector(".".concat(P().connectionPulse));if(!a||!n||!c||!i)return;let o=()=>{let s=e.getBoundingClientRect();if(!s.width||!s.height)return;a.setAttribute("viewBox","0 0 ".concat(s.width," ").concat(s.height));let o=n.getBoundingClientRect(),d=o.left+o.width/2-s.left,p=o.top-s.top+4;t.current=l.map(e=>{let a=e.getBoundingClientRect(),n=a.left+a.width/2-s.left,t=a.bottom-s.top-2,r=Math.min(58,(p-t)*.55);return"M".concat(n,",").concat(t," C").concat(n,",").concat(t+r," ").concat(d,",").concat(p-r," ").concat(d,",").concat(p)}),c.setAttribute("d",t.current.join(" ")),i.setAttribute("d",t.current[Math.max(0,r.current)]||"")},d=new ResizeObserver(o);d.observe(e),l.forEach(e=>d.observe(e));let p=requestAnimationFrame(o);return()=>{d.disconnect(),cancelAnimationFrame(p)}},[s]),(0,l.useEffect)(()=>{let e,n,l=s.current;if(!l||!a)return;let i=l.querySelector(".".concat(P().integrationHub)),o=[...l.querySelectorAll(".".concat(P().trigPill))],d=l.querySelector(".".concat(P().connectionPulse)),p=l.querySelector(".".concat(P().integrationResult));if(!i||!d||!p||!o.length)return;let m=()=>{r.current=(r.current+1)%o.length;let a=r.current;d.setAttribute("d",t.current[a]||""),o.forEach((e,s)=>{e.dataset.firing=String(s===a)}),d.dataset.firing="false",d.getBoundingClientRect(),d.dataset.firing="true",e=window.setTimeout(()=>{i.dataset.pop="true",c.current=(c.current+1)%3,p.dataset.set=String(c.current),n=window.setTimeout(()=>{i.dataset.pop="false"},340)},1120)},u=requestAnimationFrame(m),g=window.setInterval(m,1500);return()=>{cancelAnimationFrame(u),window.clearInterval(g),window.clearTimeout(e),window.clearTimeout(n),d.dataset.firing="false",i.dataset.pop="false",o.forEach(e=>{e.dataset.firing="false"})}},[s,a]),(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:P().integrationsStage,ref:s,children:[(0,n.jsxs)("div",{className:P().triggerRow,children:[(0,n.jsxs)("span",{className:P().trigPill,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/app-icons/shortcuts.png",alt:""}),"Shortcuts"]}),(0,n.jsxs)("span",{className:P().trigPill,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/app-icons/script-editor.png",alt:""}),"AppleScript"]}),(0,n.jsxs)("span",{className:P().trigPill,children:[(0,n.jsxs)("span",{className:P().key
1Row,children:[(0,n.jsx)("span",{className:"".concat(P().keycap," ").concat(P().k3d),children:"â"}),(0,n.jsx)("i",{children:"+"}),(0,n.jsx)("span",{className:"".concat(P().keycap," ").concat(P().k3d),children:"â§"}),(0,n.jsx)("i",{children:"+"}),(0,n.jsx)("span",{className:"".concat(P().keycap," ").concat(P().k3d),children:"\\"})]}),"Hotkeys"]}),(0,n.jsxs)("span",{className:P().trigPill,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/app-icons/siri.png",alt:""}),"Siri"]})]}),(0,n.jsxs)("svg",{className:P().connectionLines,viewBox:"0 0 880 300",preserveAspectRatio:"none",children:[(0,n.jsx)("path",{d:""}),(0,n.jsx)("path",{className:P().connectionPulse,pathLength:"100",d:""})]}),(0,n.jsx)("div",{className:P().integrationHub,children:(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""})}),(0,n.jsx)("div",{className:P().integrationResult,"data-set":"0",children:(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsxs)("span",{className:P().swapSlot,"data-sets":"012",children:[(0,n.jsx)("img",{className:P().s0,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/figma.png",alt:""}),(0,n.jsx)("img",{className:P().s1,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/raycast.png",alt:""}),(0,n.jsx)("img",{className:P().s2,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/gemini.png",alt:""})]}),(0,n.jsxs)("span",{className:P().swapSlot,"data-sets":"012",children:[(0,n.jsx)("img",{className:P().s0,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/chatgpt.png",alt:""}),(0,n.jsx)("img",{className:P().s1,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/helm.png",alt:""}),(0,n.jsx)("img",{className:P().s2,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/apple-passwords.png",alt:""})]}),(0,n.jsxs)("span",{className:P().swapSlot,"data-sets":"01",children:[(0,n.jsx)("img",{className:P().s0,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/granola.png",alt:""}),(0,n.jsx)("img",{className:P().s1,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/gemini.png",alt:""})]}),(0,n.jsxs)("span",{className:P().swapSlot,"data-sets":"01",children:[(0,n.jsx)("img",{className:P().s0,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/resurf.png",alt:""}),(0,n.jsx)("img",{className:P().s1,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/figma.png",alt:""})]}),(0,n.jsxs)("span",{className:P().swapSlot,"data-sets":"01",children:[(0,n.jsx)("img",{className:P().s0,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/script-menu.png",alt:""}),(0,n.jsx)("img",{className:P().s1,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/apple-passwords.png",alt:""})]}),(0,n.jsx)("span",{className:P().swapSlot,"data-sets":"1",children:(0,n.jsx)("img",{className:P().s1,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/chatgpt.png",alt:""})}),(0,n.jsx)("span",{className:P().swapSlot,"data-sets":"1",children:(0,n.jsx)("img",{className:P().s1,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/granola.png",alt:""})}),(0,n.jsx)("span",{className:P().swapSlot,"data-sets":"1",children:(0,n.jsx)("img",{className:P().s1,src:"/GoldenGate/carousel/GoldenGate/glyph-trim/resurf.png",alt:""})}),(0,n.jsx)("img",{className:"".concat(P()["glyph-app"]),src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/control-centre.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/siri.png",alt:""})]})})]})})}function D(){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"".concat(P().sceneGlow," ").concat(P().glowOrange)}),(0,n.jsxs)("div",{className:P().spacingStack,children:[(0,n.jsxs)("div",{className:"".concat(P().spacingExample," ").concat(P().spacing0),children:[(0,n.jsx)("span",{className:P().spacingLabel,children:"Default"}),(0,n.jsx)("div",{className:P().spacingBar,children:(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/resurf.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/granola.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/chatgpt.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/figma.png",alt:""}),(0,n.jsx)("img",{className:"".concat(P()["glyph-app"]),src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/control-centre.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/siri.png",alt:""}),(0,n.jsx)("span",{className:P().time,children:"9:41"})]})})]}),(0,n.jsxs)("div",{className:"".concat(P().spacingExample," ").concat(P().spacing1
1),children:[(0,n.jsxs)("span",{className:P().spacingLabel,children:["Small",(0,n.jsx)("em",{className:P().gainNote,children:"+2 items"})]}),(0,n.jsxs)("div",{className:P().spacingBar,children:[(0,n.jsxs)("span",{className:"".concat(P().icons," ").concat(P().gained),children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/raycast.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/helm.png",alt:""})]}),(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/resurf.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/granola.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/chatgpt.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/figma.png",alt:""}),(0,n.jsx)("img",{className:"".concat(P()["glyph-app"]),src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/control-centre.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/siri.png",alt:""}),(0,n.jsx)("span",{className:P().time,children:"9:41"})]})]})]}),(0,n.jsxs)("div",{className:"".concat(P().spacingExample," ").concat(P().spacing2),children:[(0,n.jsxs)("span",{className:P().spacingLabel,children:["Tiny",(0,n.jsx)("em",{className:P().gainNote,children:"+4 items"})]}),(0,n.jsxs)("div",{className:P().spacingBar,children:[(0,n.jsxs)("span",{className:"".concat(P().icons," ").concat(P().gained),children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/gemini.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/apple-passwords.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/raycast.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/helm.png",alt:""})]}),(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/resurf.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/granola.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/chatgpt.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/figma.png",alt:""}),(0,n.jsx)("img",{className:"".concat(P()["glyph-app"]),src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/control-centre.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/siri.png",alt:""}),(0,n.jsx)("span",{className:P().time,children:"9:41"})]})]})]}),(0,n.jsxs)("div",{className:P().spaceSaved,children:[(0,n.jsx)("span",{className:P().measureLine}),(0,n.jsx)("span",{children:"A little space goes a long way."}),(0,n.jsx)("span",{className:P().measureLine})]})]})]})}function O(e){let{running:a}=e,s=(0,l.useRef)(null),t=(0,l.useRef)({cpu:67,bars:[45,60,52,67,59,72],line:[40,49,36,42,56,48,65,53,59]});return(0,l.useEffect)(()=>{let e=s.current;if(!e||!a)return;let n=e.querySelector(".".concat(P().statValue,":not(.").concat(P().statNoLive,")")),r=[...e.querySelectorAll(".".concat(P().statGraph," i"))],l=e.querySelector(".".concat(P().statLine," polyline")),c=e.querySelector(".".concat(P().statLine," polygon")),i=()=>{let e=t.current;n&&(n.textContent="".concat(Math.round(e.cpu),"%")),r.forEach((a,s)=>{a.style.height="".concat(e.bars[s],"%")});let a=e.line.map((e,a)=>"".concat(8*a,",").concat((23-.22*e).toFixed(1))).join(" ");null==l||l.setAttribute("points",a),null==c||c.setAttribute("points","0,24 ".concat(a," 64,24"))};i();let o=()=>{let e=t.current;e.cpu=Math.min(90,Math.max(45,e.cpu+13*Math.random()-5)),e.bars=[...e.bars.slice(1),Math.min(96,Math.max(14,e.cpu+22*Math.random()-11))];let a=e.line[e.line.length-1];e.line=[...e.line.slice(1),Math.min(78,Math.max(22,a+22*Math.random()-11))],i()},d=requestAnimationFrame(o),p=window.setInterval(o,650);return()=>{cancelAnimationFrame(d),window.clearInterval(p)}},[s,a]),(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:P().widgetsStage,ref:s,children:[(0,n.jsx)("div",{className:P().wGlow}),(0,n.jsxs)("span",{className:"".concat(P().wPill," ").concat(P().wCpu),children:[(0,n.jsx)("span",{className:P().statLabel,children:"CPU"}),(0,n.jsx)("b",{className:P().statValue,children:"67%"}),(0,n.jsxs)("span",{className:P().statGraph,children:[(0,n.jsx)("i",{}),(0,n.jsx)("i",{}),(0,n.jsx)("i",{}),(0,n.jsx)("i",{}),(0,n.jsx)("i",{}),(0,n.jsx)("i",{})]})]}),(0,n.jsxs)("span",{className:"".concat(P().wPill," ").concat(P().wGpu),children:[(0,n.jsx)("span",{className:P().statLabel,children:"GPU"}),(0,n.jsxs)("svg",{className:P().statLine,viewBox:"0 0 64 24",preserveAspectRatio:"none",children:[(0,n.jsx)("polygon",{fill:"#3478f640",stroke:"none",points:"0,24 0,14.2 8,12.2 16,15.1 24,13.8 32,10.7 40,12.4 48,8.7 56,11.3 64,10 64,24"}),(0,n.jsx)("polyline",{fill:"none",stroke:"#3478f6",strokeWidth:"1.5",vectorEffect:"non-scaling-stroke",strokeLinejoin:"round",strokeLinecap:"round",points:"0,14.2 8,12.2 16,15.1 24,13.8 32,10.7 40,12.4 48,8.7 56,11.3 64,10"})]})]}),(0,n.jsxs)("span",{className:"".concat(P().wPill," ").concat(P().wRam),children:[(0,n.jsx)("span",{className:P().statLabel,children:"RAM"}),(0,n.jsx)("b",{className:"".concat(P().statValue," ").concat(P().statNoLive),children:"70%"})]}),(0,n.jsxs)("span",{className:"".concat(P().wPill," ").concat(P().wNet),children:[(0,n.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"M12 4v16m0 0-5-5m5 5 5-5"})}),(0,n.jsxs)("span",{className:P().wText,children:[(0,n.jsx)("b",{children:"128"}),(0,n.jsx)("small",{children:"MB/s"})]}),(0,n.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"M12 20V4m0 0-5 5m5-5 5 5"})}),(0,n.jsxs)("span",{className:P().wText,children:[(0,n.jsx)("b",{style:{opacity:".7"},children:"24"}),(0,n.jsx)("small",{children:"MB/s"})]})]}),(0,n.jsxs)("span",{className:"".concat(P().wPill," ").concat(P().wPlay),children:[(0,n.jsx)("img",{className:P().sfSymbol,src:"/GoldenGate/carousel/sf-symbols/music.note.png",alt:""}),(0,n.jsxs)("span",{className:P().wText,children:["Anti-Hero",(0,n.jsx)("span",{className:P().npArtist,children:"Taylor Swift"})]})]}),(0,n.jsxs)("span",{className:"".concat(P().wPill," ").concat(P().wBatt),children:[(0,n.jsxs)("svg",{viewBox:"0 0 30 16",fill:"none",children:[(0,n.jsx)("rect",{x:"1",y:"1",width:"24",height:"14",rx:"4",stroke:"currentColor",strokeWidth:"1.6"}),(0,n.jsx)("rect",{x:"3.5",y:"3.5",width:"16",height:"9",rx:"2",fill:"
1currentColor"}),(0,n.jsx)("path",{d:"M27 5.5v5c1.4-.3 2.2-1.3 2.2-2.5S28.4 5.8 27 5.5Z",fill:"currentColor"})]}),(0,n.jsx)("b",{children:"84%"})]}),(0,n.jsxs)("span",{className:"".concat(P().wPill," ").concat(P().wFocus),children:[(0,n.jsx)("svg",{viewBox:"0 0 32 32",fill:"none",children:(0,n.jsx)("path",{d:"M25.6 19.8A11 11 0 0 1 12.2 6.4 11 11 0 1 0 25.6 19.8Z",fill:"currentColor",stroke:"none"})}),"Start focus"]}),(0,n.jsxs)("span",{className:"".concat(P().wPill," ").concat(P().wAi),children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/chatgpt.png",alt:""}),(0,n.jsxs)("span",{className:P().wText,children:["Reset",(0,n.jsx)("span",{className:P().wSub,children:"in 2 hours"})]})]}),(0,n.jsxs)("span",{className:"".concat(P().wPill," ").concat(P().wCal),children:[(0,n.jsx)("img",{className:P().sfSymbol,src:"/GoldenGate/carousel/sf-symbols/calendar.png",alt:""}),(0,n.jsxs)("span",{className:P().wText,children:["Standup",(0,n.jsx)("span",{className:P().wSub,children:"in 15 min"})]})]})]})})}function U(){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"".concat(P().sceneGlow," ").concat(P().glowBlue)}),(0,n.jsx)("div",{className:P().spacersStage,children:(0,n.jsxs)("div",{className:P().groupedBar,children:[(0,n.jsxs)("div",{className:P().menuGroup,children:[(0,n.jsxs)("span",{className:"".concat(P().groupName," ").concat(P().spacerTarget),children:["Work",(0,n.jsxs)("span",{className:P().spacerCallout,children:[(0,n.jsx)("span",{className:P().spacerExample,children:"Aa"}),(0,n.jsx)("span",{children:"Labels"})]})]}),(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/figma.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/chatgpt.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/granola.png",alt:""})]})]}),(0,n.jsx)("span",{className:"".concat(P().spacerGap," ").concat(P().spacerTarget),children:(0,n.jsxs)("span",{className:P().spacerCallout,children:[(0,n.jsx)("span",{className:P().spacerExample,children:(0,n.jsx)("i",{})}),(0,n.jsx)("span",{children:"Space"})]})}),(0,n.jsx)("div",{className:P().menuGroup,children:(0,n.jsxs)("span",{className:P().icons,children:[(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/resurf.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/apple-passwords.png",alt:""})]})}),(0,n.jsxs)("span",{className:"".concat(P().icons," ").concat(P().spacerSymbol," ").concat(P().spacerTarget),children:[(0,n.jsx)("svg",{viewBox:"0 0 32 32",fill:"none",children:(0,n.jsx)("path",{d:"M25.6 19.8A11 11 0 0 1 12.2 6.4 11 11 0 1 0 25.6 19.8Z",fill:"currentColor",stroke:"none"})}),(0,n.jsxs)("span",{className:P().spacerCallout,children:[(0,n.jsx)("span",{className:P().spacerExample,children:(0,n.jsx)("svg",{viewBox:"0 0 32 32",fill:"none",children:(0,n.jsx)("path",{d:"M25.6 19.8A11 11 0 0 1 12.2 6.4 11 11 0 1 0 25.6 19.8Z",fill:"currentColor",stroke:"none"})})}),(0,n.jsx)("span",{children:"Symbols"})]})]}),(0,n.jsxs)("span",{className:"".concat(P().icons," ").concat(P().spacerSystem),children:[(0,n.jsx)("img",{className:"".concat(P()["glyph-app"]),src:"/GoldenGate/carousel/GoldenGate/menu-bar-glyphs/bartender-app.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/control-centre.png",alt:""}),(0,n.jsx)("img",{src:"/GoldenGate/carousel/GoldenGate/glyph-trim/siri.png",alt:""})]})]})})]})}function V(e){let{feature:a,active:s,running:t}=e,r=(0,l.useSyncExternalStore)(R,q,A),c=s&&t&&!r,[i,o]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{c&&!i&&o(!0)},[c,i]),(0,n.jsxs)(n.Fragment,{children:["integrations"===a&&(0,n.jsx)("div",{className:P().intBg,"aria-hidden":"true"}),(0,n.jsxs)("div",{className:"".concat(P().scene," ").concat(P()[a]),"data-active":s,"data-running":c,"data-started":i||c,"aria-hidden":"true",children:["styling"===a&&(0,n.jsx)(I,{}),"presets"===a&&(0,n.jsx)(W,{}),"spacing"===a&&(0,n.jsx)(D,{}),"widgets"===a&&(0,n.jsx)(O,{running:c}),"integrations"===a&&(0,n.jsx)(z,{running:c}),"spacers"===a&&(0,n.jsx)(U,{})]})]})}let H=[{id:"styling",label:"Menu bar styling",headline:"Make your menu bar your own.",description:"Glass, colour, gradients and rounded bars. A little detail that changes your whole desktop."},{id:"presets",label:"Profiles",headline:"The right menu bar for right now.",description:"Switch menu bar profiles in an instant, replacing your entire bar. Use a hotkey, set them up with a trigger, or pair profiles to your display setups.",duration:10500},{id:"integrations",label:"Automate everything",headline:"Automate everything.",description:"Use Bartenderâs built-in triggers, connect to Shortcuts, AppleScript, hotkeys, Siri, or even your agents. Give them full visibility & control of your menu bar.",duration:8e3},{id:"spacing",label:"Menu bar spacing",headline:"A little less space. Room for more.",description:"Bring your menu bar items closer together to fit more in, or simply find the spacing you love.",startWhenSettled:!0},{id:"widgets",label:"Widgets",headline:"Your next action, one click away.",description:"Create your own menu bar items for the things you do every day â no coding required. Use our built-in data sources, or make your own with custom scripts. Perform almost any action on click."},{id:"spacers",label:"Spacers",headline:"Give everything its place.",description:"Create a little breathing room with spacers, labels, emoji and symbols that make your bar easier to scan."}];function Z(){return(0,n.jsx)(T,{id:"features",heading:"And the best of Bartender",description:"A complete toolkit: faster access, deeper control, flexible automation, and the small details that keep your Mac tidy.",slides:H,renderScene:(e,a,s)=>(0,n.jsx)(V,{feature:e.id,active:a,running:s})})}var Y=s(9586),Q=s.n(Y);let K="/GoldenGate/handoff",J=e=>"".concat(K,"/menu-icons/").concat(e),X=[{name:"symbols",duration:2300},{name:"app-icons",duration:2300}],$=Array.from({length:6},(e,a)=>({name:"arrangement-".concat(a+1),duration:2e3})),ee=[[0,1,2],[2,1,0],[2,0,1],[1,0,2],[1,2,0],[0,2,1]],ea=["granola","chatgpt","resurf"],es=[{symbol:"sym-lock.svg",app:"app-strongbox.png",size:30},{symbol:"sym-cloud.svg",app:"app-icloud.png",size:32},{symbol:"sym-sun.svg",app:"app-weather.png",size:31}];function en(){let{ref:e,phase:a,running:s,reducedMotion:t}=c(X,"app-icons"),r=(0,l.useRef)(null),i=(0,l.useRef)(0),o=100*("app-icons"===a);return(0,l.useEffect)(()=>{let e=r.current;if(!e)return;let a=0,n=i.current;
1if(t){i.current=o,e.style.setProperty("--complete",String(o)),e.dataset.active="false",e.dataset.pressed="false";return}if(!s||n===o)return;e.dataset.active="true",e.dataset.pressed="true";let l=performance.now(),c=s=>{let t=s-l,r=n+(o-n)*(1-Math.pow(1-Math.max(0,Math.min(1,(t-220)/380)),3));i.current=r,e.style.setProperty("--complete",r.toFixed(2)),t<690?a=requestAnimationFrame(c):(e.dataset.active="false",e.dataset.pressed="false")};return a=requestAnimationFrame(c),()=>{cancelAnimationFrame(a),e.dataset.active="false",e.dataset.pressed="false"}},[o,s,t]),(0,n.jsxs)("article",{ref:e,className:"gg-card gg-card-half ".concat(Q().card),"data-demo":"screen-recording","data-phase":a,"data-running":s,children:[(0,n.jsxs)("div",{className:"gg-card-copy ".concat(Q().copy),children:[(0,n.jsx)("h3",{children:"No Screen Recording Required"}),(0,n.jsx)("p",{children:"Bartender can function without Screen Recording â weâll just show app icons instead of images of your bar items."})]}),(0,n.jsxs)("div",{className:"".concat(Q().scene," ").concat(Q().recordingScene),"aria-hidden":"true",children:[(0,n.jsx)("div",{className:Q().grid}),(0,n.jsxs)("div",{className:Q().toggleStage,"data-on":"app-icons"===a,children:[(0,n.jsxs)("div",{ref:r,className:Q().liquidToggle,"data-checked":"app-icons"===a,children:[(0,n.jsx)("div",{className:Q().knockout,children:(0,n.jsx)("div",{className:Q().indicatorMasked,children:(0,n.jsx)("div",{className:Q().mask})})}),(0,n.jsxs)("div",{className:Q().indicatorLiquid,children:[(0,n.jsx)("div",{className:Q().shadow}),(0,n.jsx)("div",{className:Q().wrapper,children:(0,n.jsxs)("div",{className:Q().liquids,children:[(0,n.jsx)("div",{className:Q().liquidShadow}),(0,n.jsx)("div",{className:Q().liquidTrack})]})}),(0,n.jsx)("div",{className:Q().cover})]})]}),(0,n.jsx)("div",{className:Q().toggleIcons,children:es.map(e=>{let{symbol:a,app:s,size:t}=e;return(0,n.jsxs)("div",{className:Q().toggleIcon,children:[(0,n.jsx)("img",{className:Q().symbolIcon,src:J(a),alt:"",style:{width:t,height:t}}),(0,n.jsx)("img",{className:Q().appIcon,src:J(s),alt:""})]},s)})})]})]}),(0,n.jsx)("div",{className:Q().spacer})]})}function et(){let{ref:e,phase:a,running:s,reducedMotion:t}=c($,"arrangement-1"),r=(0,l.useRef)([]);return(0,l.useEffect)(()=>{let e=r.current.filter(e=>!!e);if(!e.length||!s&&!t)return;let n=ee[Number(a.split("-")[1])-1],l=e.map(e=>e.getBoundingClientRect().left);if(e.forEach((e,a)=>{e.style.order=String(n[a])}),t)return;let c=e.map((e,a)=>e.animate([{transform:"translateX(".concat(l[a]-e.getBoundingClientRect().left,"px)")},{transform:"translateX(0)"}],{duration:550,easing:"cubic-bezier(0.5, 0, 0.2, 1)"}));return()=>c.forEach(e=>e.cancel())},[a,s,t]),(0,n.jsxs)("article",{ref:e,className:"gg-card gg-card-half ".concat(Q().card," ").concat(Q().menuCard),"data-demo":"menu-bar","data-phase":a,"data-running":s,children:[(0,n.jsxs)("div",{className:"gg-card-copy ".concat(Q().copy),children:[(0,n.jsx)("h3",{children:"Zero mouse interruptions"}),(0,n.jsx)("p",{children:"The first menu bar manager to perform entirely without touching your mouse."})]}),(0,n.jsx)("div",{className:"".concat(Q().scene," ").concat(Q().menuScene),"aria-hidden":"true",children:(0,n.jsxs)("div",{className:Q().macbook,children:[(0,n.jsxs)("div",{className:Q().screen,children:[(0,n.jsx)("div",{className:Q().screenGlow}),(0,n.jsxs)("div",{className:Q().menuItems,children:[ea.map((e,a)=>(0,n.jsx)("span",{ref:e=>{r.current[a]=e},className:Q().menuItem,style:{order:a},children:(0,n.jsx)(d,{name:e,uniformSlot:!0})},e)),(0,n.jsx)("span",{className:Q().menuItem,style:{order:9},children:(0,n.jsx)(d,{name:"control-centre",uniformSlot:!0})}),(0,n.jsx)("span",{className:Q().menuItem,style:{order:10},children:(0,n.jsx)(d,{name:"siri",uniformSlot:!0})}),(0,n.jsx)("span",{className:"".concat(Q().menuItem," ").concat(Q().menuClock),style:{order:11},children:(0,n.jsx)(d,{name:"clock"})})]}),(0,n.jsx)("div",{className:Q().cursor,children:(0,n.jsxs)("svg",{width:"22",height:"36",viewBox:"0 0 11 18",fill:"none",children:[(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.501 0.2601L9.884 8.6611C10.937 9.7171 10.19 11.5191 8.699 11.5191L7.475 11.519L8.6908 14.4067C8.9038 14.9127 8.9068 15.4727 8.6998 15.9817C8.4918 16.4917 8.0978 16.8897 7.5898 17.1027C7.3338 17.2097 7.0658 17.2637 6.7918 17.2637C5.9608 17.2637 5.2158 16.7687 4.8938 16.0027L3.616 12.965L2.784 13.7031C1.703 14.6591 0 13.8921 0 12.4481V0.8811C0 0.0971004 0.946999 -0.2949 1.501 0.2601Z",fill:"white"}),(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.999512 1.5292C0.999512 1.3982 1.15851 1.3322 1.25051 1.4252L9.15851 9.3502C9.58951 9.7822 9.28351 10.5192 8.67351 10.5192L5.96951 10.5177L7.76911 14.7936C7.99611 15.3336 7.74211 15.9546 7.20311 16.
11806C6.66211 16.4076 6.04211 16.1546 5.81611 15.6156L3.99851 11.2917L2.13851 12.9392C1.72251 13.3072 1.08063 13.0507 1.00655 12.5274L0.999512 12.4262V1.5292Z",fill:"black"})]})})]}),(0,n.jsx)("img",{className:Q().macbookFrame,src:"".concat(K,"/macbook-frame.png"),alt:""})]})}),(0,n.jsx)("div",{className:Q().spacer})]})}function er(e){let{names:a}=e;return(0,n.jsx)("div",{className:Q().barContents,children:a.map(e=>(0,n.jsx)(d,{name:e},e))})}function el(e){let{dark:a=!1,names:s}=e;return(0,n.jsxs)("div",{className:"".concat(Q().glassBar," ").concat(a?Q().darkGlass:""),children:[(0,n.jsx)("div",{className:Q().glassEffect}),(0,n.jsx)("div",{className:Q().glassTint}),(0,n.jsx)("div",{className:Q().glassShine}),(0,n.jsx)(er,{names:s})]})}function ec(){return(0,n.jsxs)("article",{className:"gg-card gg-card-half ".concat(Q().card," ").concat(Q().barCard),"data-demo":"bartender-bar","data-phase":"themes","data-running":"false",children:[(0,n.jsxs)("div",{className:"gg-card-copy ".concat(Q().copy),children:[(0,n.jsx)("h3",{children:"Brand New Bartender Bar"}),(0,n.jsx)("p",{children:"Now featuring Liquid Glass. Summon it on hover, click, or a hotkey, anywhere youâd like â and for the first time, theme it independently of your menu bar."})]}),(0,n.jsxs)("div",{className:"".concat(Q().scene," ").concat(Q().barScene),"aria-hidden":"true",children:[(0,n.jsx)("div",{className:Q().barWash}),(0,n.jsxs)("div",{className:Q().barBlobs,children:[(0,n.jsx)("span",{}),(0,n.jsx)("span",{}),(0,n.jsx)("span",{}),(0,n.jsx)("span",{}),(0,n.jsx)("span",{})]}),(0,n.jsx)("div",{className:Q().sunsetPosition,children:(0,n.jsx)("div",{className:Q().sunsetBar,children:(0,n.jsx)(er,{names:["apple-passwords","granola","figma"]})})}),(0,n.jsx)("div",{className:Q().mainGlassPosition,children:(0,n.jsx)(el,{names:["chatgpt","raycast-2","siri","script-menu"]})}),(0,n.jsx)("div",{className:Q().whitePosition,children:(0,n.jsx)("div",{className:Q().whiteBar,children:(0,n.jsx)(er,{names:["helm","gemini","control-centre"]})})}),(0,n.jsx)("div",{className:Q().blackPosition,children:(0,n.jsx)("div",{className:Q().blackBar,children:(0,n.jsx)(er,{names:["resurf","raycast","bartender"]})})}),(0,n.jsx)("div",{className:Q().darkGlassPosition,children:(0,n.jsx)(el,{dark:!0,names:["figma","apple-passwords","granola","raycast-2"]})})]}),(0,n.jsx)("div",{className:Q().spacer})]})}function ei(){return(0,n.jsxs)("svg",{className:"gg-hidden-svg","aria-hidden":"true",focusable:"false",children:[(0,n.jsxs)("filter",{id:"gg-glass-distortion",x:"0%",y:"0%",width:"100%",height:"100%",filterUnits:"objectBoundingBox",children:[(0,n.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.01 0.01",numOctaves:"1",seed:"5",result:"turbulence"}),(0,n.jsxs)("feComponentTransfer",{in:"turbulence",result:"mapped",children:[(0,n.jsx)("feFuncR",{type:"gamma",amplitude:"1",exponent:"10",offset:"0.5"}),(0,n.jsx)("feFuncG",{type:"gamma",amplitude:"0",exponent:"1",offset:"0"}),(0,n.jsx)("feFuncB",{type:"gamma",amplitude:"0",exponent:"1",offset:"0.5"})]}),(0,n.jsx)("feGaussianBlur",{in:"turbulence",stdDeviation:"3",result:"softMap"}),(0,n.jsx)("feSpecularLighting",{in:"softMap",surfaceScale:"5",specularConstant:"1",specularExponent:"100",lightingColor:"white",result:"specLight",children:(0,n.jsx)("fePointLight",{x:"-200",y:"-200",z:"300"})}),(0,n.jsx)("feComposite",{in:"specLight",operator:"arithmetic",k1:"0",k2:"1",k3:"1",k4:"0",result:"litImage"}),(0,n.jsx)("feDisplacementMap",{in:"SourceGraphic",in2:"softMap",scale:"150",xChannelSelector:"R",yChannelSelector:"G"})]}),(0,n.jsxs)("filter",{id:"gg-goo",children:[(0,n.jsx)("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"5",result:"blur"}),(0,n.jsx)("feColorMatrix",{in:"blur",type:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 16 -10",result:"goo"}),(0,n.jsx)("feComposite",{in:"goo",in2:"SourceGraphic",operator:"atop"})]}),(0,n.jsxs)("filter",{id:"gg-remove-black",colorInterpolationFilters:"sRGB",children:[(0,n.jsx)("feColorMatrix",{type:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -255 -255 -255 0 1",result:"black-parts"}),(0,n.jsx)("feMorphology",{in:"black-parts",operator:"dilate",radius:"0.5",result:"smoothed"}),(0,n.jsx)("feComposite",{in:"SourceGraphic",in2:"smoothed",operator:"out"})]})]})}function eo(){return(0,n.jsxs)("div",{className:"gg-section-intro",children:[(0,n.jsx)("span",{className:"gg-eyebrow",children:"New for Bartender 7"}),(0,n.jsxs)("h2",{children:["Built for Golden Gate. ",(0,n.jsx)("span",{children:"Bridge, fog and all."})]}),(0,n.jsx)("p",{children:"Redesigned ground-up for the next macOS. Smoother, faster, more responsive, every time you touch the menu bar."})]})}function ed(e){let{children:a}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("section",{id:"previews",className:"gg-previews",children:(0,n.jsxs)("div",{className:"gg-wrap",children:[(0,n.jsx)(eo,{}),(0,n.jsxs)("div",{className:"gg-grid",children:[(0,n.jsx)(b,{}),(0,n.jsx)(en,{}),(0,n.jsx)(et,{}),(0,n.jsx)(F,{}),(0,n.jsx)(ec,{}),(0,n.jsx)(x,{})]})]})}),(0,n.jsx)(Z,{}),a,(0,n.jsxs)("section",{className:"gg-closing",children:[(0,n.jsxs)("h2",{children:[(0,n.jsx)("span",{children:"Your menu bar, perfected."}),(0,n.jsx)("br",{}),(0,n.jsx)("em",{children:"Now ready for what's next."})]}),(0,n.jsx)("p",{children:"Get Bartender 7, or choose Pro or Mega Supporter for even more."}),(0,n.jsx)("a",{href:"#pricing",className:"gg-button-white",children:"Get Bartender 7"})]})]})}function ep(e){let{children:a,onDownload:s,hasPersistentDiscountBanner:l=!1}=e;return(0,n.jsxs)("main",{children:[(0,n.jsx)(ei,{}),(0,n.jsx)("style",{children:em}),(0,n.jsx)(t.A,{hasPersistentDiscountBanner:l,version:7,glow:!1,matrix:"white",wallpaper:{light:"/GoldenGate/Gold-Gate-wallpaper.png",dark:"/GoldenGate/Gold-Gate-wallpaper-dark.png"},headline:"Own your menu bar.",onDownload:e=>{s(),(0,r.sx)("download modal appear",{from:e})}}),(0,n.jsx)(ed,{children:a})]})}let em='\n .gg-hidden-svg {\n position: absolute;\n width: 0;\n height: 0;\n overflow: hidden;\n pointer-events: none;\n }\n\n .gg-previews,\n .gg-notify,\n .gg-faq,\n .gg-closing {\n background: #0a0a0c;\n color: #fff;\n font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;\n }\n\n .gg-previews {\n padding: 90px 0 110px;\n scroll-margin-top: 56px;\n }\n\n .gg-wrap {\n max-width: 1180px;\n margin: 0 auto;\n padding: 0 32px;\n }\n\n .gg-section-intro {\n margin-bottom: 56px;\n text-align: center;\n }\n\n .gg-section-intro.compact {\n margin-bottom: 44px;\n }\n\n .gg-eyebrow {\n display: inline-block;\n margin-bottom: 16px;\n color: #737373;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .gg-section-intro h2,\n .gg-notify h2,\n .gg-faq h2,\n .gg-closing h2 {\n margin: 0;\n color: #fff;\n font-size: clamp(1.75rem, 4vw, 3rem);\n font-weight: 800;\n letter-spacing: -0.03em;\n line-height: 1.1;\n }\n\n .gg-section-intro p {\n max-width: 560px;\n margin: 16px auto 0;\n color: #a3a3a3;\n font-size: 1.125rem;\n line-height: 1.55;\n }\n\n .gg-grid {\n display: grid;\n grid-template-columns: repeat(6, minmax(0, 1fr));\n gap: 18px;\n }\n\n .gg-card {\n min-width: 0;\n position: relative;\n display: flex;\n min-height: 380px;\n overflow: hidden;\n flex-direction: column;\n isolation: isolate;\n border: 1px solid rgba(255,255,255,0.05);\n border-radius: 22px;\n background: #0c0c10;\n }\n\n .gg-card-wide {\n grid-column: span 6;\n min-height: 440px;\n }\n\n .gg-card-half {\n grid-column: span 3;\n }\n\n .gg-card-half .gg-card-copy h3 { font-size: 21px; }\n .gg-card-half .gg-card-copy p { max-width: 38ch; }\n .gg-section-intro h2 span { color: #6e6e76; }\n\n @supports (corner-shape: squircle) {\n .gg-card { corner-shape: squircle; }\n }\n\n .gg-card-copy {\n position: relative;\n z-index: 2;\n padding: 28px 30px 0;\n }\n\n .gg-card-wide .gg-card-copy {\n padding: 30px 34px 0;\n }\n\n .gg-card-copy h3 {\n margin: 0 0 6px;\n color: #fff;\n font-size: 22px;\n font-weight: 600;\n letter-spacing: 0.011em;\n }\n\n .gg-card-copy h3 span {\n color: #ff8a4c;\n }\n\n .gg-card-copy p {\n max-width: 52ch;\n margin: 0;\n color: rgba(255,255,255,0.7);\n font-size: 17px;\n font-weight: 600;\n line-height: 1.38;\n letter-spacing: -0.022em;\n }\n\n .gg-notify,\n .gg-faq,\n .gg-closing {\n position: relative;\n overflow: hidden;\n border-top: 1px solid rgba(255,255,255,0.06);\n }\n\n .gg-notify {\n padding: 110px 24px;\n text-align: center;\n }\n\n .gg-notify-glow {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 860px;\n height: 460px;\n transform: translate(-50%, -50%);\n background: radial-gradient(ellipse, rgba(245,85,44,0.16), transparent 65%);\n }\n\n .gg-notify-inner {\n position: relative;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .gg-notify-icon {\n display: block;\n width: 72px;\n height: 72px;\n margin: 0 auto;\n border-radius: 16px;\n box-shadow: 0 14px 36px rgba(245,85,44,0.4);\n }\n\n .gg-notify h2 {\n margin-top: 22px;\n }\n\n .gg-notify p {\n max-width: 440px;\n margin: 18px auto 0;\n color: #a3a3a3;\n font-size: 1.125rem;\n line-height: 1.5;\n }\n\n .gg-notify .gg-button-white {\n display: inline-flex;\n margin-top: 30px;\n }\n\n .gg-form {\n max-width: 460px;\n margin: 30px auto 0;\n }\n\n .gg-form-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .gg-form input {\n min-width: 200px;\n flex: 1;\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 13px;\n outline: none;\n background: #131318;\n color: #fff;\n padding: 14px 17px;\n font: inherit;\n font-size: 16px;\n }\n\n .gg-form input.has-error {\n border-color: rgba(245,85,44,0.6);\n }\n\n .gg-form button,\n .gg-button-white {\n border: 0;\n border-radius: 999px;\n background: #fff;\n color: #0a0a0a;\n padding: 14px 26px;\n font: inherit;\n font-size: 16px;\n font-weight: 600;\n text-decoration: none;\n cursor: pointer;\n }\n\n .gg-form-error {\n margin-top: 11px;\n color: #ff8a4c;\n font-size: 14px;\n text-align: left;\n }\n\n .gg-success {\n max-width: 460px;\n margin: 30px auto 0;\n border: 1px solid rgba(245,85,44,0.35);\n border-radius: 16px;\n background: rgba(245,85,44,0.1);\n padding: 18px 22px;\n color: #ff9468;\n font-size: 16px;\n font-weight: 600;\n animation: gg-rise 0.4s ease;\n }\n\n .gg-faq {\n padding: 100px 24px;\n }\n\n .gg-faq-inner {\n max-width: 760px;\n margin: 0 auto;\n }\n\n .gg-faq-list {\n border-bottom: 1px solid rgba(255,255,255,0.07);\n }\n\n .gg-faq-row {\n border-top: 1px solid rgba(255,255,255,0.07);\n }\n\n .gg-faq-row button {\n display: flex;\n width: 100%;
1\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n border: 0;\n background: transparent;\n color: #fff;\n padding: 22px 0;\n text-align: left;\n font: inherit;\n font-size: 1.02rem;\n font-weight: 600;\n letter-spacing: -0.01em;\n cursor: pointer;\n }\n\n .gg-faq-row button span {\n flex-shrink: 0;\n color: rgba(255,255,255,0.5);\n font-size: 22px;\n font-weight: 300;\n transition: transform 0.25s ease;\n }\n\n .gg-faq-row button span.is-open {\n transform: rotate(45deg);\n }\n\n .gg-faq-row p {\n max-width: 680px;\n margin: 0;\n padding: 0 0 22px;\n color: #a3a3a3;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n .gg-closing {\n padding: 110px 24px;\n text-align: center;\n }\n\n .gg-closing h2 {\n max-width: 720px;\n margin: 0 auto;\n font-size: clamp(1.75rem, 5vw, 3.4rem);\n letter-spacing: -0.035em;\n }\n\n .gg-closing h2 em {\n color: #525252;\n font-style: normal;\n }\n\n .gg-closing p {\n max-width: 460px;\n margin: 22px auto 30px;\n color: #a3a3a3;\n font-size: 1.125rem;\n }\n\n @media (max-width: 760px) {\n .gg-wrap {\n padding: 0 22px;\n }\n\n .gg-grid {\n grid-template-columns: 1fr;\n }\n\n .gg-card,\n .gg-card-wide,\n .gg-card-half {\n grid-column: auto;\n }\n\n .gg-card-wide {\n min-height: 400px;\n }\n\n .gg-form-row {\n flex-direction: column;\n }\n\n .gg-form input,\n .gg-form button {\n width: 100%;\n }\n }\n';var eu=s(9154),eg=s(8547),eh=s(7605),ex=s(9541),e_=s(1520);let ej=[{question:"Can I use Bartender on an earlier version of macOS?",answer:"Bartender 7 is built for macOS 27. For macOS 26, grab the latest copy of Bartender 6 (your license key works on 6 too). Tahoe compatibility will ship for Bartender 7 shortly after launch."},{question:"Is Bartender 7 free?",answer:"Bartender 7 is free to try for four weeks, and Pro offers a two-week free trial of all our Pro features."},{question:"Can I get Bartender on Setapp?",answer:"If you're a Setapp user, grab Bartender 7 by enabling beta app updates in Setapp."},{question:"Do I need to pay to upgrade?",answer:"".concat(e_.t," Check your license on our upgrade page to see your offer.")},{question:"Can I use my license on all my Macs?",answer:"Yes. A single license is for use on all the Macs you own and are the main user of."},{question:"Can I transfer my settings into Bartender 7?",answer:"Bartender 7 starts your settings clean, but you can migrate your profiles. Most apps have changed for Golden Gate, so they may not retain their exact positions."},{question:"Do I need a subscription?",answer:"No. Bartender is available as a one-time purchase. Bartender 7 includes all future updates for Bartender 7, and Mega Supporter includes all future versions of Bartender (for life)."},{question:"What if I already have Pro or Mega Supporter?",answer:"Your active Pro subscription or Mega Supporter license already includes Bartender 7. Mega Supporters can enter their existing key on the upgrade page to download and activate Bartender 7."}];function ef(){return(0,n.jsx)(eu.A,{children:e=>{let{buyPlan:a,prices:s,ready:t,download:r,hasPersistentDiscountBanner:l}=e;return(0,n.jsxs)("div",{className:"bg-[#080a10] text-white",children:[(0,n.jsxs)(ep,{onDownload:r,hasPersistentDiscountBanner:l,children:[(0,n.jsx)(eg.A,{version:7,prices:s,ready:t,onBuy:a,note:"One-time licenses include Bartender 7 and can also activate the latest Bartender 6. Pro and Mega Supporter include future major versions."}),(0,n.jsxs)("p",{className:"px-5 pb-8 text-center text-sm text-neutral-400",children:["Already bought Bartender 6? ",(0,n.jsx)("a",{href:"/Bartender7/upgrade/",className:"font-semibold text-blue-300 underline underline-offset-4 hover:text-blue-200",children:"get a discounted upgrade to Bartender 7 or lifetime"})]}),(0,n.jsx)("div",{id:"faq",className:"scroll-mt-16",children:(0,n.jsx)(eh.A,{title:"Frequently asked.",items:ej})})]}),(0,n.jsx)(ex.A,{})]})}})}},7605:(e,a,s)=>{"use strict";s.d(a,{A:()=>i});var n=s(5155),t=s(2115);let r=[{question:"What's included in Bartender Pro?",answer:"Bartender Pro includes everything in Bartender 7, plus Top Shelf and future Pro tools as they're released."},{question:"Do I need a subscription to keep using Bartender 7?",answer:"No. Bartender 7 is still available as a one-time purchase and continues to receive updates and features."},{question:"Can I upgrade from Bartender 7 to Pro later?",answer:"Yes. You can start with Bartender 7 and move to Bartender Pro any time from the purchase or upgrade flow."}
1,{question:"Is Top Shelf only for MacBooks with a notch?",answer:"Top Shelf is built for MacBooks with a notch, and there's also a monitor mode experience for external displays."},{question:"What if I'm already a Mega Supporter?",answer:"Existing Mega Supporters already get access to Bartender Pro, including current and future Pro features."},{question:"Will more Pro features be added over time?",answer:"Yes. Bartender Pro is a growing suite, and your subscription includes future major upgrades and new Pro tools."}];function l(e){let{children:a}=e;return(0,n.jsx)("span",{className:"mb-5 inline-block text-[11px] font-semibold uppercase tracking-[0.15em] text-neutral-500",children:a})}function c(e){let{children:a,className:s="",delay:r=0}=e,l=(0,t.useRef)(null),[c,i]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{let e=l.current;if(!e)return;let a=new IntersectionObserver(e=>{let[s]=e;s.isIntersecting&&(i(!0),a.disconnect())},{rootMargin:"-80px 0px"});return a.observe(e),()=>a.disconnect()},[]),(0,n.jsx)("div",{ref:l,className:["transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)]",c?"translate-y-0 opacity-100":"translate-y-7 opacity-0",s].join(" "),style:{transitionDelay:"".concat(r,"s")},children:a})}function i(e){let{title:a="Bartender Pro, explained.",className:s="py-24 sm:py-32",items:i=r}=e,[o,d]=(0,t.useState)(0);return(0,n.jsx)("section",{className:s,children:(0,n.jsxs)("div",{className:"mx-auto max-w-[900px] px-5 sm:px-8",children:[(0,n.jsxs)("div",{className:"mb-12 text-center",children:[(0,n.jsx)(c,{children:(0,n.jsx)(l,{children:"FAQ"})}),(0,n.jsx)(c,{delay:.1,children:(0,n.jsx)("h2",{className:"text-[clamp(1.75rem,4vw,3rem)] font-extrabold leading-[1.1] tracking-[-0.03em] text-white",children:a})})]}),(0,n.jsx)("div",{className:"space-y-3",children:i.map((e,a)=>{let s=o===a;return(0,n.jsx)(c,{delay:.05*a,children:(0,n.jsxs)("button",{type:"button",onClick:()=>d(s?null:a),className:"w-full rounded-2xl border border-white/[0.08] bg-white/[0.02] px-5 py-4 text-left transition-colors hover:border-white/[0.16]",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between gap-4",children:[(0,n.jsx)("h3",{className:"text-[15px] font-semibold text-white sm:text-[17px]",children:e.question}),(0,n.jsx)("span",{className:"text-xl leading-none text-neutral-400",children:s?"-":"+"})]}),s?(0,n.jsx)("p",{className:"mt-3 text-[14px] leading-relaxed text-neutral-400",children:e.answer}):null]})},e.question)})})]})})}},8896:(e,a,s)=>{Promise.resolve().then(s.bind(s,4605))},9586:e=>{e.exports={card:"ExportClassicCards_card__5ZPVF",copy:"ExportClassicCards_copy__u07re",spacer:"ExportClassicCards_spacer__0yOZw",scene:"ExportClassicCards_scene__FAtIV",recordingScene:"ExportClassicCards_recordingScene__Z5LFB",grid:"ExportClassicCards_grid__lM22O",toggleStage:"ExportClassicCards_toggleStage__Heijl",toggleIcons:"ExportClassicCards_toggleIcons__tZhkW",toggleIcon:"ExportClassicCards_toggleIcon__D4kGy",symbolIcon:"ExportClassicCards_symbolIcon__RPVuc",appIcon:"ExportClassicCards_appIcon__Sfvad",liquidToggle:"ExportClassicCards_liquidToggle__bdoU8",knockout:"ExportClassicCards_knockout__ghYUP",indicatorMasked:"ExportClassicCards_indicatorMasked__rIV52",mask:"ExportClassicCards_mask__qIvpz",wrapper:"ExportClassicCards_wrapper__QOk2d",liquids:"ExportClassicCards_liquids__7Syaq",liquidShadow:"ExportClassicCards_liquidShadow__2msfh",liquidTrack:"ExportClassicCards_liquidTrack__baWqv",indicatorLiquid:"ExportClassicCards_indicatorLiquid__2IaeM",shadow:"ExportClassicCards_shadow__f1sIZ",cover:"ExportClassicCards_cover__jaBuM",menuScene:"ExportClassicCards_menuScene__Rys8S",menuCard:"ExportClassicCards_menuCard__MOHRA",macbook:"ExportClassicCards_macbook__ZOd16",screen:"ExportClassicCards_screen__zidb7",screenGlow:"ExportClassicCards_screenGlow__u1kgZ",menuItems:"ExportClassicCards_menuItems__qbWQd",menuItem:"ExportClassicCards_menuItem__ak89B",menuClock:"ExportClassicCards_menuClock__6xKsc",cursor:"ExportClassicCards_cursor___kZgk",macbookFrame:"ExportClassicCards_macbookFrame__5aRmb",barWash:"ExportClassicCards_barWash__SWYnG",barBlobs:"ExportClassicCards_barBlobs__WRxkP",barContents:"ExportClassicCards_barContents__Y0YQR",sunsetPosition:"ExportClassicCards_sunsetPosition__Q31jy",sunsetBar:"ExportClassicCards_sunsetBar__5bc1K",mainGlassPosition:"ExportClassicCards_mainGlassPosition__x7dwW",glassBar:"ExportClassicCards_glassBar__xkkp8",glassEffect:"ExportClassicCards_glassEffect__EoEJc",glassTint:"ExportClassicCards_glassTint__1_w2E",glassShine:"ExportClassicCards_glassShine__JSFtV",whitePosition:"ExportClassicCards_whitePosition__KI_hS",whiteBar:"ExportClassicCards_whiteBar__BT0eO",darkGlass:"ExportClassicCards_darkGlass__r1OE3",blackPosition:"ExportClassicCards_blackPosition__AUMfo",blackBar:"ExportClassicCards_blackBar__5LMdr",darkGlassPosition:"ExportClassicCards_darkGlassPosition__m2ZQu",barCard:"ExportClassicCards_barCard__P2a5N"}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.