npm - @aracreate/arm-ui - Versions diffs - 3.6.0 - Mend

@aracreate/arm-ui 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/LICENSE +674 -0
package/README.md +170 -0
package/dist/big-calendar-overrides.css +196 -0
package/dist/chunk-LGJWNA6J.mjs +2 -0
package/dist/chunk-LGJWNA6J.mjs.map +1 -0
package/dist/chunk-TD6NGM5I.js +2 -0
package/dist/chunk-TD6NGM5I.js.map +1 -0
package/dist/index.css +2 -0
package/dist/index.css.map +1 -0
package/dist/index.d.mts +1531 -0
package/dist/index.d.ts +1531 -0
package/dist/index.js +2 -0
package/dist/index.js.map +1 -0
package/dist/index.mjs +2 -0
package/dist/index.mjs.map +1 -0
package/dist/preset.d.mts +5 -0
package/dist/preset.d.ts +5 -0
package/dist/preset.js +242 -0
package/dist/preset.js.map +1 -0
package/dist/preset.mjs +242 -0
package/dist/preset.mjs.map +1 -0
package/dist/style.css +1028 -0
package/dist/tokens.css +769 -0
package/package.json +217 -0

package/dist/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' \|\| op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' \|\| op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' \|\| op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkTD6NGM5Ijs = require('./chunk-TD6NGM5I.js');var _jsxruntime = require('react/jsx-runtime');function Ma({width:e="100%",height:r="var(--space-4)",radius:t="var(--radius-2)",circle:a=!1,mb:n,className:o,style:i}){return _jsxruntime.jsx.call(void 0, "div",{className:["skeleton",o].filter(Boolean).join(" "),"aria-hidden":"true",style:{width:e,height:r,borderRadius:a?"50%":t,marginBottom:n,...i}})}var _themes = require('@radix-ui/themes');function bt({title:e,trailing:r,style:t}){let a=typeof e=="string"\|\|typeof e=="number"?_jsxruntime.jsx.call(void 0, _themes.Text,{size:"3",weight:"medium",style:{color:"var(--accent-contrast)"},children:e}):e;return _jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",justify:"between",gap:"3",px:"4",style:{background:"var(--accent-9)",minHeight:"var(--space-7)",...t},children:[a,r]})}function Fa({title:e,trailing:r,children:t,bodyPadding:a="4",style:n}){return _jsxruntime.jsxs.call(void 0, _themes.Box,{style:{background:"var(--color-panel-solid)",borderRadius:"var(--radius-5)",overflow:"hidden",boxShadow:"var(--shadow-card)",...n},children:[_jsxruntime.jsx.call(void 0, bt,{title:e,trailing:r}),_jsxruntime.jsx.call(void 0, _themes.Box,{p:a,children:t})]})}var b={contentMax:"calc(15 * var(--space-9) + var(--space-5))",accountCardW:"calc(3 * var(--space-9) + var(--space-8))",accountCardMinH:"calc(2 * var(--space-9) - var(--space-2))",monthTitleMinW:"calc(3 * var(--space-9) - var(--space-1))",bigCalendarH:"calc(10 * var(--space-9))",sidebarColBasis:"calc(4 * var(--space-9) - var(--space-2))",sidebarColMin:"calc(3 * var(--space-9) + var(--space-6))",syncColMin:"calc(5 * var(--space-9))",syncColWide:"calc(7 * var(--space-9) + var(--space-6))",dialogSm:"calc(6 * var(--space-9) - var(--space-2))",dialogBody:"calc(5 * var(--space-9) + var(--space-7))",authFormMax:"calc(6 * var(--space-9) + var(--space-8))",brandLogoMax:"calc(6 * var(--space-9) + var(--space-8) - var(--space-1))",connectedAccountCardH:"calc(var(--space-9) - var(--space-1))",dialogMd:"calc(6 * var(--space-9) + var(--space-6))",dialogLg:"calc(7 * var(--space-9) - var(--space-1))",emptyStateMax:"calc(10 * var(--space-9))",emptyStateCopyMax:"calc(6 * var(--space-9))",providerChooserMax:"calc(6 * var(--space-9) + var(--space-6))",auditColTime:"calc(var(--space-9) + var(--space-2))",auditColAction:"calc(var(--space-9) + var(--space-5) + var(--space-1))",searchFieldW:"calc(3 * var(--space-9) + var(--space-5) + var(--space-1))",settingsGridMin:"calc(5 * var(--space-9) + var(--space-5))",placeholderMd:"calc(6 * var(--space-9) + var(--space-4))"};function X({children:e,justify:r="end",noTopMargin:t,pad:a="var(--space-5)",radius:n="var(--radius-5)"}){return _jsxruntime.jsx.call(void 0, _themes.Flex,{justify:r,style:{margin:`${t?"0":"var(--space-5)"} calc(-1 * ${a}) calc(-1 * ${a})`,padding:`var(--space-4) ${a}`,alignItems:"center",background:"var(--gray-2)",borderTop:"1px solid var(--gray-5)",borderRadius:`0 0 ${n} ${n}`},children:e})}function kr({title:e,description:r,confirmLabel:t="Yes",cancelLabel:a="Cancel",onConfirm:n,trigger:o,open:i,onOpenChange:l}){return _jsxruntime.jsxs.call(void 0, _themes.AlertDialog.Root,{open:i,onOpenChange:l,children:[o?_jsxruntime.jsx.call(void 0, _themes.AlertDialog.Trigger,{children:o}):null,_jsxruntime.jsxs.call(void 0, _themes.AlertDialog.Content,{maxWidth:b.dialogSm,children:[_jsxruntime.jsx.call(void 0, _themes.AlertDialog.Title,{size:"5",mb:"1",style:{fontFamily:"var(--heading-font-family)",fontWeight:"var(--font-weight-medium)"},children:e}),_jsxruntime.jsx.call(void 0, _themes.AlertDialog.Description,{size:"2",color:"gray",mb:"5",children:r}),_jsxruntime.jsxs.call(void 0, X,{justify:"between",noTopMargin:!0,children:[_jsxruntime.jsx.call(void 0, _themes.AlertDialog.Cancel,{children:_jsxruntime.jsx.call(void 0, _themes.Button,{size:"2",variant:"outline",color:"gray",children:a})}),_jsxruntime.jsx.call(void 0, _themes.AlertDialog.Action,{children:_jsxruntime.jsx.call(void 0, _themes.Button,{size:"2",className:"btn-amber-primary",onClick:n,children:t})})]})]})]})}var _reacticons = require('@radix-ui/react-icons');function h(e){return{width:`var(${e})`,height:`var(${e})`}}function Rr({label:e="Paused",style:r}){return _jsxruntime.jsxs.call(void 0, "span",{style:{display:"inline-flex",alignItems:"center",gap:"var(--space-1)",height:"calc(var(--space-4) + var(--space-1))",padding:"var(--space-1) var(--space-2)",border:"1px solid var(--color-paused)",borderRadius:999,background:"var(--color-panel-solid)",color:"var(--color-paused)",fontSize:"var(--font-size-1)",fontWeight:600,lineHeight:1,whiteSpace:"nowrap",...r},children:[_jsxruntime.jsx.call(void 0, "span",{"aria-hidden":"true",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"var(--space-3)",height:"var(--space-3)",flexShrink:0,borderRadius:"50%",border:"1px solid var(--color-paused)"},children:_jsxruntime.jsx.call(void 0, _reacticons.PauseIcon,{style:h("--space-2")})}),e]})}function Ya({name:e,email:r,avatarSrc:t,paused:a=!1,onPause:n,onResume:o,onDelete:i,onClick:l,badge:s,accentColor:c,style:p}){let d=_jsxruntime.jsx.call(void 0, _themes.Text,{as:l?"span":"p",size:"3",weight:"medium",truncate:!0,style:{color:"var(--gray-12)",minWidth:0},children:e});return _jsxruntime.jsxs.call(void 0, _themes.Box,{onClick:l,style:{width:b.accountCardW,minHeight:b.accountCardMinH,padding:"var(--space-3)",background:"var(--color-panel-solid)",borderRadius:"var(--radius-4)",boxShadow:"var(--shadow-card)",cursor:l?"pointer":void 0,...p},children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",justify:"between",gap:"2",mb:"3",children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",gap:"2",style:{minWidth:0},children:[_jsxruntime.jsxs.call(void 0, "div",{style:{position:"relative",flexShrink:0},children:[_jsxruntime.jsx.call(void 0, _themes.Avatar,{size:"3",radius:"full",src:t,fallback:e.charAt(0).toUpperCase()\|\|"?",style:c?{background:c,color:"white"}:void 0}),s&&_jsxruntime.jsx.call(void 0, "span",{style:{position:"absolute",right:"calc(-1 * var(--space-1))",bottom:"calc(-1 * var(--space-1))",width:"var(--space-4)",height:"var(--space-4)",borderRadius:"50%",background:"var(--color-panel-solid)",border:"1px solid var(--gray-4)",display:"inline-flex",alignItems:"center",justifyContent:"center",transform:"scale(0.72)"},children:s})]}),a&&_jsxruntime.jsx.call(void 0, Rr,{})]}),_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Root,{children:[_jsxruntime.jsx.call(void 0, _themes.DropdownMenu.Trigger,{children:_jsxruntime.jsx.call(void 0, _themes.IconButton,{variant:"ghost",color:"gray","aria-label":"Account actions",style:{flexShrink:0},onClick:g=>g.stopPropagation(),children:_jsxruntime.jsx.call(void 0, _reacticons.DotsVerticalIcon,{})})}),_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Content,{align:"end",onClick:g=>g.stopPropagation(),children:[a?_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Item,{onSelect:o,children:[_jsxruntime.jsx.call(void 0, _reacticons.PlayIcon,{})," Resume"]}):_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Item,{onSelect:n,children:[_jsxruntime.jsx.call(void 0, _reacticons.PauseIcon,{})," Pause"]}),_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Item,{color:"red",onSelect:i,children:[_jsxruntime.jsx.call(void 0, _reacticons.TrashIcon,{})," Delete"]})]})]})]}),_jsxruntime.jsxs.call(void 0, _themes.Box,{style:{minWidth:0},children:[l?_jsxruntime.jsx.call(void 0, "button",{type:"button",className:"card-title-button",onClick:g=>{g.stopPropagation(),l()},children:d}):d,_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",color:"gray",truncate:!0,children:r})]})]})}var L={h1:"6",h2:"5",h3:"4",h4:"3"};var Za=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],Ir="var(--space-9)",Ja="var(--space-8)",Pt="var(--space-2)",Qa=new Intl.DateTimeFormat("en-US",{month:"long",year:"numeric"}),eo=new Intl.DateTimeFormat("en-US",{weekday:"long",month:"long",day:"numeric",year:"numeric"});function ro(e,r){return e.getFullYear()===r.getFullYear()&&e.getMonth()===r.getMonth()&&e.getDate()===r.getDate()}function Et(e){return(e+6)%7}function to(e){let r=e.getMonth(),t=e.getFullYear(),a=new Date(t,r,1),n=new Date(t,r+1,0),o=Et(a.getDay()),i=6-Et(n.getDay()),l=new Date(t,r,1-o),s=o+n.getDate()+i;return Array.from({length:s},(c,p)=>{let d=new Date(l.getFullYear(),l.getMonth(),l.getDate()+p);return{date:d,inCurrentMonth:d.getMonth()===r}})}function Mt(e,r){return new Date(e.getFullYear(),e.getMonth()+r,1)}function ao({month:e,onMonthChange:r,events:t=[],dayDots:a,today:n,onSelectDay:o,style:i}){let l=_nullishCoalesce(n, () => (new Date)),s=to(e),c=new Set(t.map(p=>p.toDateString()));return _jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",align:"center",gap:"4",style:i,children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",gap:"2",children:[_jsxruntime.jsx.call(void 0, _themes.IconButton,{type:"button",variant:"ghost",color:"gray","aria-label":"Previous month",onClick:()=>_optionalChain([r, 'optionalCall', _2 => _2(Mt(e,-1))]),children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon,{style:h("--space-4")})}),_jsxruntime.jsx.call(void 0, _themes.Heading,{as:"h2",size:L.h2,weight:"medium",style:{minWidth:b.monthTitleMinW,textAlign:"center"},children:Qa.format(e)}),_jsxruntime.jsx.call(void 0, _themes.IconButton,{type:"button",variant:"ghost",color:"gray","aria-label":"Next month",onClick:()=>_optionalChain([r, 'optionalCall', _3 => _3(Mt(e,1))]),children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{style:h("--space-4")})})]}),_jsxruntime.jsx.call(void 0, _themes.Box,{style:{display:"grid",gridTemplateColumns:`repeat(7, ${Ir})`,gap:Pt},children:Za.map(p=>_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",align:"center",style:{color:"var(--gray-11)"},children:p},p))}),_jsxruntime.jsx.call(void 0, _themes.Box,{style:{display:"grid",gridTemplateColumns:`repeat(7, ${Ir})`,gap:Pt},children:s.map(({date:p,inCurrentMonth:d})=>{let g=ro(p,l),v=_optionalChain([a, 'optionalAccess', _4 => _4.get, 'call', _5 => _5(p.toDateString())]),f=c.has(p.toDateString()),x={position:"relative",width:Ir,height:Ja,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:d?g?"var(--color-panel-solid)":"transparent":"var(--gray-2)",border:g?"1.5px solid var(--accent-9)":"none",borderRadius:g?"var(--radius-3)":d?void 0:"var(--radius-2)",padding:0,font:"inherit",cursor:o?"pointer":void 0},w=_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[v&&v.length>0?_jsxruntime.jsx.call(void 0, "span",{"aria-hidden":"true",style:{position:"absolute",bottom:"var(--space-1)",left:0,right:0,display:"flex",justifyContent:"center",gap:"2px"},children:v.slice(0,3).map((ae,se)=>_jsxruntime.jsx.call(void 0, "span",{style:{width:"var(--space-1)",height:"var(--space-1)",borderRadius:"50%",background:ae}},se))}):f&&_jsxruntime.jsx.call(void 0, "span",{"aria-hidden":"true",style:{position:"absolute",top:"var(--space-1)",right:"var(--space-2)",width:"var(--space-2)",height:"var(--space-2)",borderRadius:"50%",background:"var(--accent-9)"}}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"3",style:{color:d?"var(--gray-12)":"var(--gray-11)",fontWeight:g?600:400},children:p.getDate()})]}),M=p.toISOString();return o?_jsxruntime.jsx.call(void 0, "button",{type:"button",onClick:()=>o(p),"aria-label":eo.format(p),style:x,children:w},M):_jsxruntime.jsx.call(void 0, "div",{style:x,children:w},M)})})]})}var _react = require('react'); var xr = _interopRequireWildcard(_react); var Ne = _interopRequireWildcard(_react); var Cr = _interopRequireWildcard(_react);function Pr({msg:e,color:r="green",onDone:t,durationMs:a=3e3}){return _react.useEffect.call(void 0, ()=>{let n=setTimeout(t,a);return()=>clearTimeout(n)},[t,a]),_jsxruntime.jsx.call(void 0, "div",{style:{position:"fixed",bottom:"var(--space-5)",right:"var(--space-5)",zIndex:1e4,maxWidth:b.dialogBody,pointerEvents:"none"},children:_jsxruntime.jsxs.call(void 0, _themes.Callout.Root,{color:r,variant:"soft",size:"1",children:[_jsxruntime.jsx.call(void 0, _themes.Callout.Icon,{children:r==="red"?_jsxruntime.jsx.call(void 0, _reacticons.ExclamationTriangleIcon,{}):_jsxruntime.jsx.call(void 0, _reacticons.CheckCircledIcon,{})}),_jsxruntime.jsx.call(void 0, _themes.Callout.Text,{children:e})]})})}function P({children:e,size:r="var(--space-7)"}){return _jsxruntime.jsx.call(void 0, "div",{style:{width:r,height:r,borderRadius:"var(--radius-4)",background:"var(--color-panel-solid)",border:"1px solid var(--gray-5)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e})}function mo({title:e,time:r,detail:t,color:a,locked:n}){return _jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",justify:"between",style:{background:a,borderRadius:"var(--radius-3)",padding:"var(--space-3)",color:"white"},children:[_jsxruntime.jsxs.call(void 0, _themes.Box,{style:{minWidth:0},children:[_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"2",weight:"medium",style:{color:"white"},truncate:!0,children:e}),_jsxruntime.jsxs.call(void 0, _themes.Text,{as:"p",size:"1",style:{color:"rgba(255,255,255,0.85)"},truncate:!0,children:[r,t?` \xB7 ${t}`:""]})]}),n&&_jsxruntime.jsx.call(void 0, _reacticons.LockClosedIcon,{style:{flexShrink:0,color:"rgba(255,255,255,0.85)"}})]})}function Mr({children:e,style:r,showBorder:t=!1,onActivate:a,selected:n=!1,className:o,"aria-label":i}){let l=!!a;function s(c){a&&(c.key==="Enter"\|\|c.key===" ")&&(c.preventDefault(),a())}return _jsxruntime.jsx.call(void 0, _themes.Box,{role:l?"button":void 0,tabIndex:l?0:void 0,"aria-label":i,onClick:a,onKeyDown:l?s:void 0,className:["data-table-row",l&&"data-table-row--interactive",l&&n&&"data-table-row--selected",o].filter(Boolean).join(" "),style:{borderTop:t?"1px solid var(--gray-3)":void 0,...r},children:e})}function bo({label:e,value:r,delta:t,deltaDir:a,goodDirection:n,statusColor:o,sparkline:i}){return _jsxruntime.jsx.call(void 0, _themes.Card,{className:"metric-card",children:_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",p:"1",children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",justify:"between",mb:"3",children:[_jsxruntime.jsx.call(void 0, _themes.Text,{as:"span",className:"ds-section-label",children:e}),_jsxruntime.jsx.call(void 0, "div",{style:{width:"var(--space-2)",height:"var(--space-2)",borderRadius:"50%",background:o,flexShrink:0}})]}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",className:"metric-card-value",children:r}),_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"end",justify:"between",children:[_jsxruntime.jsxs.call(void 0, _themes.Text,{size:"1",style:{color:a==="flat"?"var(--gray-11)":a===n?"var(--green-11)":"var(--red-11)",lineHeight:1.4},children:[a==="up"?"\u2191 ":a==="down"?"\u2193 ":"",t]}),_jsxruntime.jsx.call(void 0, xo,{data:i,color:o})]})]})})}function xo({data:e,color:r}){let n=Math.min(...e),i=Math.max(...e)-n\|\|1,l=e.map((g,v)=>({x:v/(e.length-1)72,y:28-(g-n)/i28.75-28.1})),s=l.map((g,v)=>`${v===0?"M":"L"} ${g.x.toFixed(1)} ${g.y.toFixed(1)}`).join(" "),c=["M 0 28",...l.map(g=>`L ${g.x.toFixed(1)} ${g.y.toFixed(1)}`),"L 72 28 Z"].join(" "),d=`spk${_react.useId.call(void 0, ).replace(/[^a-zA-Z0-9_-]/g,"")}`;return _jsxruntime.jsxs.call(void 0, "svg",{width:72,height:28,viewBox:"0 0 72 28","aria-hidden":!0,style:{overflow:"visible",flexShrink:0},children:[_jsxruntime.jsx.call(void 0, "defs",{children:_jsxruntime.jsxs.call(void 0, "linearGradient",{id:d,x1:"0",y1:"0",x2:"0",y2:"1",children:[_jsxruntime.jsx.call(void 0, "stop",{offset:"0%",stopColor:r,stopOpacity:"0.18"}),_jsxruntime.jsx.call(void 0, "stop",{offset:"100%",stopColor:r,stopOpacity:"0"})]})}),_jsxruntime.jsx.call(void 0, "path",{d:c,fill:`url(#${d})`}),_jsxruntime.jsx.call(void 0, "path",{d:s,fill:"none",stroke:r,strokeWidth:"1.5",strokeLinejoin:"round",strokeLinecap:"round"})]})}var _reactrouterdom = require('react-router-dom');function ko({href:e,icon:r,name:t,description:a}){return _jsxruntime.jsxs.call(void 0, _themes.Card,{style:{height:"100%",display:"flex",flexDirection:"column"},children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",gap:"3",p:"1",flexGrow:"1",children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",gap:"3",minWidth:"0",children:[_jsxruntime.jsx.call(void 0, P,{children:r}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"4",weight:"medium",style:{color:"var(--gray-12)",fontFamily:"var(--font-poppins)"},truncate:!0,children:t})]}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",style:{color:"var(--gray-11)",fontFamily:"var(--font-poppins)",lineHeight:1.5},children:a})]}),_jsxruntime.jsx.call(void 0, X,{pad:"var(--space-3)",radius:"var(--radius-4)",children:_jsxruntime.jsx.call(void 0, _themes.Button,{size:"2",className:"btn-amber-primary",asChild:!0,children:_jsxruntime.jsxs.call(void 0, _reactrouterdom.Link,{to:e,children:["Open",_jsxruntime.jsx.call(void 0, _reacticons.ArrowRightIcon,{style:h("--space-3")})]})})})]})}function Ro({tag:e,tagColor:r,msg:t,actor:a,timeAgo:n,timestamp:o,showBorder:i}){return _jsxruntime.jsxs.call(void 0, Mr,{showBorder:i,style:{display:"flex",alignItems:"center",gap:"var(--space-3)",paddingBlock:"var(--space-2)",paddingInline:"var(--space-4)"},children:[_jsxruntime.jsx.call(void 0, _themes.Text,{as:"span",size:"1",weight:"medium",className:"data-mono",style:{color:r,minWidth:"var(--space-6)",letterSpacing:"0.06em",flexShrink:0},children:e}),_jsxruntime.jsxs.call(void 0, _themes.Text,{as:"span",size:"2",style:{flex:1,color:"var(--gray-11)",lineHeight:1.4,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:[t,a&&_jsxruntime.jsxs.call(void 0, _themes.Text,{as:"span",size:"1",style:{color:"var(--gray-11)",marginLeft:"var(--space-2)"},children:["by ",a]})]}),n&&_jsxruntime.jsx.call(void 0, _themes.Text,{as:"span",size:"1",color:"gray",style:{whiteSpace:"nowrap",flexShrink:0},children:n}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"span",size:"1",className:"data-mono",style:{color:"var(--gray-11)",whiteSpace:"nowrap",flexShrink:0,minWidth:"var(--space-7)",textAlign:"right"},children:o})]})}function Mo({onRetry:e,message:r="Couldn't load your dashboard."}){return _jsxruntime.jsx.call(void 0, _themes.Card,{children:_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",align:"center",justify:"center",py:"9",gap:"3",children:[_jsxruntime.jsx.call(void 0, P,{children:_jsxruntime.jsx.call(void 0, _reacticons.ExclamationTriangleIcon,{style:{...h("--space-5"),color:"var(--gray-7)"}})}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",color:"gray",children:r}),_jsxruntime.jsx.call(void 0, _themes.Button,{size:"2",color:"amber",variant:"solid",className:"btn-amber-primary",onClick:e,children:"Retry"})]})})}var Pe="\u2026";function Wo(e,r,t){let a=t2+5;if(r<=a)return Array.from({length:r},(c,p)=>p+1);let n=Math.max(e-t,1),o=Math.min(e+t,r),i=n>2,l=o<r-1;if(!i&&l)return[...Array.from({length:3+t2},(p,d)=>d+1),Pe,r];if(i&&!l){let c=3+t2,p=Array.from({length:c},(d,g)=>r-c+g+1);return[1,Pe,...p]}let s=Array.from({length:o-n+1},(c,p)=>n+p);return[1,Pe,...s,Pe,r]}function $o({currentPage:e,totalPages:r,onPageChange:t,siblingCount:a=1,showFirstLast:n=!1,size:o="2"}){let i=_react.useMemo.call(void 0, ()=>Wo(e,r,a),[e,r,a]),l=e<=1,s=e>=r;return _jsxruntime.jsx.call(void 0, _themes.Flex,{asChild:!0,align:"center",gap:"1",children:_jsxruntime.jsxs.call(void 0, "nav",{"aria-label":"Pagination",children:[n&&_jsxruntime.jsx.call(void 0, _themes.IconButton,{size:o,variant:"soft",color:"gray","aria-label":"First page",disabled:l,onClick:()=>t(1),children:_jsxruntime.jsx.call(void 0, _reacticons.DoubleArrowLeftIcon,{})}),_jsxruntime.jsx.call(void 0, _themes.IconButton,{size:o,variant:"soft",color:"gray","aria-label":"Previous page",disabled:l,onClick:()=>t(e-1),children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon,{})}),i.map((c,p)=>c===Pe?_jsxruntime.jsx.call(void 0, _themes.Text,{size:o,color:"gray","aria-hidden":!0,style:{paddingInline:"var(--space-1)"},children:Pe},`ellipsis-${p}`):_jsxruntime.jsx.call(void 0, _themes.Button,{size:o,"aria-label":`Page ${c}`,"aria-current":c===e?"page":void 0,variant:c===e?"solid":"soft",color:c===e?void 0:"gray",className:c===e?"btn-amber-primary":void 0,onClick:()=>c!==e&&t(c),children:c},c)),_jsxruntime.jsx.call(void 0, _themes.IconButton,{size:o,variant:"soft",color:"gray","aria-label":"Next page",disabled:s,onClick:()=>t(e+1),children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{})}),n&&_jsxruntime.jsx.call(void 0, _themes.IconButton,{size:o,variant:"soft",color:"gray","aria-label":"Last page",disabled:s,onClick:()=>t(r),children:_jsxruntime.jsx.call(void 0, _reacticons.DoubleArrowRightIcon,{})})]})})}var tr={admin:{label:"Admin",color:"amber"},operator:{label:"Operator",color:"blue"},user:{label:"Platform User",color:"gray"}},Go= exports.ROLE_LABELS ={admin:tr.admin.label,operator:tr.operator.label,user:tr.user.label},jo= exports.STATUS_META ={active:{label:"Active",color:"var(--color-success)"},inactive:{label:"Inactive",color:"var(--gray-11)"},suspended:{label:"Suspended",color:"var(--color-danger)"}},Yo= exports.METRIC_STATUS_COLOR ={ok:"var(--green-9)",warn:"var(--orange-9)",error:"var(--red-9)"},Ko= exports.ACTIVITY_META ={auth:{tag:"AUTH",color:"var(--gray-11)"},sync:{tag:"SYNC",color:"var(--blue-11)"},role:{tag:"ROLE",color:"var(--violet-11)"},provision:{tag:"PROV",color:"var(--green-11)"},health:{tag:"HLTH",color:"var(--teal-11)"},error:{tag:"ERR!",color:"var(--red-11)"}},Lt= exports.AUDIT_ACTION_META ={USER_UPDATED:{label:"User updated",tag:"UPD",badge:"amber",color:"var(--amber-11)"},USER_DISABLED:{label:"User disabled",tag:"DIS",badge:"red",color:"var(--red-11)"},USER_ENABLED:{label:"User enabled",tag:"ENA",badge:"green",color:"var(--teal-11)"},USER_APPROVED:{label:"User approved",tag:"APPR",badge:"green",color:"var(--green-11)"},USER_REJECTED:{label:"User rejected",tag:"REJ",badge:"red",color:"var(--red-11)"},SIGNUP_NOTIFICATIONS_ON:{label:"Signup notifications on",tag:"NOTF",badge:"gray",color:"var(--gray-11)"},SIGNUP_NOTIFICATIONS_OFF:{label:"Signup notifications off",tag:"NOTF",badge:"gray",color:"var(--gray-11)"},APPROVAL_EMAIL_RESENT:{label:"Approval email resent",tag:"MAIL",badge:"amber",color:"var(--amber-11)"},USER_DELETED:{label:"User deleted",tag:"DEL",badge:"yellow",color:"var(--red-11)"},ADMIN_GRANTED:{label:"Admin granted",tag:"ADMN",badge:"gray",color:"var(--violet-11)"},ADMIN_REVOKED:{label:"Admin revoked",tag:"ADMN",badge:"gray",color:"var(--orange-11)"},ADMIN_ROLE_CHANGED:{label:"Role changed",tag:"ROLE",badge:"amber",color:"var(--violet-11)"},SESSION_REVOKED:{label:"Session revoked",tag:"SESS",badge:"gray",color:"var(--gray-11)"},APP_GRANTED:{label:"App access granted",tag:"APP",badge:"green",color:"var(--green-11)"},APP_REVOKED:{label:"App access revoked",tag:"APP",badge:"red",color:"var(--orange-11)"}};function qo(e){return _nullishCoalesce(Lt[e], () => ({label:e,tag:e.slice(0,4).toUpperCase(),badge:"gray",color:"var(--gray-11)"}))}function Lr(){return _jsxruntime.jsx.call(void 0, "div",{className:"auth-art-card",children:_jsxruntime.jsx.call(void 0, "img",{src:"/arm-logo-inverted.svg",alt:"araMetrics",style:{width:"56%",maxWidth:b.brandLogoMax,display:"block",userSelect:"none"},draggable:!1})})}function Xo({children:e}){return _jsxruntime.jsxs.call(void 0, "div",{style:{minHeight:"100vh",display:"flex",background:"var(--surface-content)",padding:"var(--space-5)",gap:"var(--space-5)"},children:[_jsxruntime.jsx.call(void 0, "div",{className:"auth-card-left",style:{width:"47%",flexShrink:0,position:"sticky",top:"var(--space-5)",height:"calc(100vh - var(--space-8))"},children:_jsxruntime.jsx.call(void 0, Lr,{})}),_jsxruntime.jsx.call(void 0, "div",{className:"auth-card-right",style:{flex:1,minWidth:0,display:"flex",flexDirection:"column",justifyContent:"center",minHeight:"calc(100vh - var(--space-8))",padding:"var(--space-7) var(--space-5)"},children:_jsxruntime.jsx.call(void 0, "main",{style:{maxWidth:b.authFormMax,width:"100%",marginLeft:"auto",marginRight:"auto",background:"var(--color-panel-solid)",borderRadius:"var(--radius-5)",boxShadow:"var(--shadow-card)",padding:"var(--space-7) var(--space-5)"},children:e})})]})}function Hr(){return _jsxruntime.jsxs.call(void 0, "svg",{width:18,height:18,viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:[_jsxruntime.jsx.call(void 0, "path",{d:"M15.68 8.18c0-.57-.05-1.11-.14-1.64H8v3.1h4.3a3.68 3.68 0 0 1-1.6 2.42v2h2.58c1.51-1.39 2.4-3.44 2.4-5.88Z",fill:"#4285F4"}),_jsxruntime.jsx.call(void 0, "path",{d:"M8 16c2.16 0 3.97-.71 5.3-1.94l-2.59-2a4.88 4.88 0 0 1-7.27-2.56H0.9v2.07A8 8 0 0 0 8 16Z",fill:"#34A853"}),_jsxruntime.jsx.call(void 0, "path",{d:"M3.44 9.5A4.8 4.8 0 0 1 3.19 8c0-.52.09-1.03.25-1.5V4.43H.9A8 8 0 0 0 0 8c0 1.29.31 2.51.9 3.57L3.44 9.5Z",fill:"#FBBC05"}),_jsxruntime.jsx.call(void 0, "path",{d:"M8 3.18c1.22 0 2.31.42 3.17 1.24l2.37-2.37A7.94 7.94 0 0 0 8 0 8 8 0 0 0 .9 4.43L3.44 6.5A4.77 4.77 0 0 1 8 3.18Z",fill:"#EA4335"})]})}function Or(){return _jsxruntime.jsxs.call(void 0, "svg",{width:18,height:18,viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:[_jsxruntime.jsx.call(void 0, "rect",{x:"0",y:"0",width:"7.6",height:"7.6",fill:"#F25022"}),_jsxruntime.jsx.call(void 0, "rect",{x:"8.4",y:"0",width:"7.6",height:"7.6",fill:"#7FBA00"}),_jsxruntime.jsx.call(void 0, "rect",{x:"0",y:"8.4",width:"7.6",height:"7.6",fill:"#00A4EF"}),_jsxruntime.jsx.call(void 0, "rect",{x:"8.4",y:"8.4",width:"7.6",height:"7.6",fill:"#FFB900"})]})}function _r({value:e,onChange:r,disabled:t}){let a=_react.useRef.call(void 0, []);function n(s,c){let p=c.target.value.replace(/\D/g,"").slice(-1),d=Array.from({length:4},(g,v)=>_nullishCoalesce(e[v], () => ("")));d[s]=p,r(d.join("")),p&&s<3&&_optionalChain([a, 'access', _6 => _6.current, 'access', _7 => _7[s+1], 'optionalAccess', _8 => _8.focus, 'call', _9 => _9()])}function o(s,c){let p=Array.from({length:4},(d,g)=>_nullishCoalesce(e[g], () => ("")));c.key==="Backspace"?!p[s]&&s>0&&(p[s-1]="",r(p.join("")),_optionalChain([a, 'access', _10 => _10.current, 'access', _11 => _11[s-1], 'optionalAccess', _12 => _12.focus, 'call', _13 => _13()])):c.key==="ArrowLeft"&&s>0?_optionalChain([a, 'access', _14 => _14.current, 'access', _15 => _15[s-1], 'optionalAccess', _16 => _16.focus, 'call', _17 => _17()]):c.key==="ArrowRight"&&s<3&&_optionalChain([a, 'access', _18 => _18.current, 'access', _19 => _19[s+1], 'optionalAccess', _20 => _20.focus, 'call', _21 => _21()])}function i(s){let c=s.clipboardData.getData("text").replace(/\D/g,"").slice(0,4);c&&(s.preventDefault(),r(c),_optionalChain([a, 'access', _22 => _22.current, 'access', _23 => _23[Math.min(c.length,3)], 'optionalAccess', _24 => _24.focus, 'call', _25 => _25()]))}let l=Array.from({length:4},(s,c)=>_nullishCoalesce(e[c], () => ("")));return _jsxruntime.jsx.call(void 0, "div",{style:{display:"flex",gap:"var(--space-3)",justifyContent:"center"},children:l.map((s,c)=>_jsxruntime.jsx.call(void 0, _themes.TextField.Root,{ref:p=>{a.current[c]=p},type:"text",inputMode:"numeric",maxLength:1,value:s,onChange:p=>n(c,p),onKeyDown:p=>o(c,p),onPaste:i,disabled:t,className:"otp-box","aria-label":`Digit ${c+1}`,autoComplete:c===0?"one-time-code":"off"},c))})}function on({email:e,title:r,subtitle:t,code:a,onCodeChange:n,otpDevHint:o,error:i,errorAction:l,busy:s,otpExpiresAt:c,otpSecondsLeft:p,resendCooldown:d,onResend:g,onUseDifferentEmail:v}){return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, "div",{style:{marginBottom:"var(--space-6)",textAlign:"center"},children:[_jsxruntime.jsx.call(void 0, _themes.Heading,{as:"h1",size:L.h1,style:{color:"var(--ink-strong)",marginBottom:"var(--space-3)"},children:r}),_jsxruntime.jsxs.call(void 0, _themes.Text,{as:"p",size:"2",style:{color:"var(--ink-mid)",lineHeight:1.55},children:[t," ",_jsxruntime.jsx.call(void 0, "span",{style:{fontWeight:600,color:"var(--ink-strong)"},children:e}),"."]})]}),o&&_jsxruntime.jsx.call(void 0, _themes.Callout.Root,{color:"gray",variant:"surface",size:"1",style:{marginBottom:"var(--space-5)"},children:_jsxruntime.jsxs.call(void 0, _themes.Callout.Text,{style:{fontFamily:"var(--font-poppins)"},children:["Dev hint \u2014 code is ",_jsxruntime.jsx.call(void 0, "strong",{children:o})]})}),i&&_jsxruntime.jsxs.call(void 0, _themes.Callout.Root,{color:"red",variant:"surface",size:"2",style:{marginBottom:"var(--space-5)"},children:[_jsxruntime.jsx.call(void 0, _themes.Callout.Icon,{children:_jsxruntime.jsx.call(void 0, _reacticons.ExclamationTriangleIcon,{})}),_jsxruntime.jsxs.call(void 0, _themes.Callout.Text,{style:{fontFamily:"var(--font-poppins)"},children:[i,l&&_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[" ",_jsxruntime.jsx.call(void 0, _themes.Button,{type:"button",variant:"ghost",size:"1",onClick:l.onClick,style:{fontWeight:600,textDecoration:"underline",height:"auto",padding:0},children:l.label})]})]})]}),_jsxruntime.jsxs.call(void 0, "div",{children:[_jsxruntime.jsx.call(void 0, _r,{value:a,onChange:n,disabled:s\|\|p<=0}),s?_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",style:{color:"var(--ink-mid)",marginTop:"var(--space-3)",textAlign:"center"},children:"Checking code\u2026"}):c&&p<=0?_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",style:{color:"var(--red-11)",marginTop:"var(--space-3)",textAlign:"center"},children:"Code expired \u2014 resend to get a new one."}):null]}),_jsxruntime.jsxs.call(void 0, "div",{style:{marginTop:"var(--space-5)",display:"flex",flexDirection:"column",alignItems:"center",gap:"var(--space-3)"},children:[_jsxruntime.jsx.call(void 0, _themes.Button,{type:"button",variant:"ghost",size:"2",disabled:d>0\|\|s,onClick:g,style:{fontWeight:500,color:d>0?"rgba(85, 85, 85, 0.4)":"var(--ink-strong)",textDecoration:d>0?"none":"underline"},children:d>0?`Resend email (${d}s)`:"Resend email"}),_jsxruntime.jsx.call(void 0, _themes.Button,{type:"button",variant:"ghost",size:"2",className:"auth-underline-link",disabled:s,onClick:v,style:{fontWeight:500,color:"var(--ink-strong)"},children:"Use a Different Email"})]})]})}function H({provider:e}){return e==="microsoft"?_jsxruntime.jsx.call(void 0, Or,{}):_jsxruntime.jsx.call(void 0, Hr,{})}var nn={google:"Google",microsoft:"Microsoft"};var lr="var(--space-9)",fn="calc(4 var(--space-9))",yn="calc(var(--space-9) + var(--space-6))",vn="calc(4 * var(--space-9) + var(--space-5))",hn="var(--space-8)",Yt="var(--space-5)",$r="var(--space-5)",bn="calc(var(--space-5) + var(--space-3))",xn="var(--space-5)",Cn=e=>e?"opacity 130ms ease 80ms":"opacity 90ms ease",Kt="opacity 200ms ease";function wn({collapsed:e,onToggle:r,onClose:t,items:a,utilityHrefs:n,user:o,onSignOut:i,hasCalendarAccounts:l=!1,brandLogoExpandedSrc:s="/expand.svg",brandLogoCollapsedSrc:c="/shrink.svg",helpHref:p,devRoles:d,onDevRoleSelect:g,showDevRoles:v=!1}){let f=_reactrouterdom.useLocation.call(void 0, ).pathname,[x,w]=_react.useState.call(void 0, !1),[M,ae]=_react.useState.call(void 0, null),se=M===f,C=u=>ae(u?f:null),z=!!t,T=!e\|\|z,ge=z?vn:e?yn:fn,y=a.filter(u=>!u.roles\|\|o&&u.roles.includes(o.role)),B=new Set(n),V=y.filter(u=>!B.has(u.href)),W=y.find(u=>u.href==="/settings"),K=y.filter(u=>B.has(u.href)&&u.href!=="/settings");function q(u){return _nullishCoalesce(u.root, () => (u.href))}function Re(u){let oe=q(u);return f===oe\|\|f===u.href\|\|f.startsWith(oe+"/")}let Da=y.find(u=>u.children&&(q(u)!=="/calendar"\|\|l)&&Re(u)),Fe=se?void 0:Da;function wr(u,oe){return u==="/home"\|\|oe?f===u:f===u\|\|f.startsWith(u+"/")}let Pa=f.startsWith("/admin")&&(_optionalChain([o, 'optionalAccess', _26 => _26.role])==="admin"\|\|_optionalChain([o, 'optionalAccess', _27 => _27.role])==="operator"),ft=_optionalChain([o, 'optionalAccess', _28 => _28.name, 'optionalAccess', _29 => _29.split, 'call', _30 => _30(" "), 'access', _31 => _31.map, 'call', _32 => _32(u=>u[0]), 'access', _33 => _33.join, 'call', _34 => _34(""), 'access', _35 => _35.slice, 'call', _36 => _36(0,2)])\|\|"?";return _jsxruntime.jsxs.call(void 0, "aside",{style:{position:"relative",width:ge,height:"100%",minHeight:"100vh",background:"var(--shell-surface)",borderRight:"1px solid var(--gray-6)",flexShrink:0,transition:z?"none":"width 200ms ease",zIndex:2},children:[_jsxruntime.jsxs.call(void 0, "div",{style:{width:"100%",height:"100%",minHeight:"100vh",display:"flex",flexDirection:"column",overflow:"hidden"},children:[_jsxruntime.jsxs.call(void 0, "div",{style:{height:lr,flexShrink:0,position:"relative",overflow:"hidden",borderBottom:"1px solid var(--border-hairline)"},children:[_jsxruntime.jsx.call(void 0, "img",{src:s,alt:"",height:40,style:{display:"block",position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",transition:Kt,opacity:T?1:0,pointerEvents:"none",userSelect:"none"}}),_jsxruntime.jsx.call(void 0, "img",{src:c,alt:"",height:40,style:{display:"block",position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",transition:Kt,opacity:T?0:1,pointerEvents:"none",userSelect:"none"}}),z&&_jsxruntime.jsx.call(void 0, _themes.IconButton,{variant:"ghost",color:"gray",size:"1",onClick:t,"aria-label":"Close menu",style:{position:"absolute",right:"var(--space-2)",top:"50%",transform:"translateY(-50%)"},children:_jsxruntime.jsx.call(void 0, _reacticons.Cross1Icon,{style:h("--space-3")})})]}),_jsxruntime.jsx.call(void 0, "nav",{"aria-label":"Main navigation",style:{flex:1,overflowY:"auto",overflowX:"hidden",paddingTop:"var(--space-5)",display:"flex",flexDirection:"column"},children:Fe?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[(()=>{let u=_jsxruntime.jsx.call(void 0, ir,{item:{label:Fe.label,href:"#",Icon:_reacticons.ChevronLeftIcon},active:!1,expanded:T,asButton:!0,onClick:()=>C(!0)});return T?u:_jsxruntime.jsx.call(void 0, _themes.Tooltip,{content:Fe.label,side:"right",delayDuration:300,children:u})})(),Fe.children.map(u=>{let oe=wr(u.href,u.end),ue=_jsxruntime.jsx.call(void 0, ir,{item:u,active:oe,expanded:T},u.href);return T?ue:_jsxruntime.jsx.call(void 0, _themes.Tooltip,{content:u.label,side:"right",delayDuration:300,children:ue},u.href)})]}):V.map(u=>{let oe=wr(q(u)),ue=!!u.children&&(q(u)!=="/calendar"\|\|l),yt=_jsxruntime.jsx.call(void 0, ir,{item:u,active:oe,expanded:T,showChevron:ue,onClick:ue?()=>C(!1):void 0},u.href);return T?yt:_jsxruntime.jsx.call(void 0, _themes.Tooltip,{content:u.label,side:"right",delayDuration:300,children:yt},u.href)})}),!Fe&&K.length>0&&_jsxruntime.jsx.call(void 0, "nav",{"aria-label":"Utility navigation",style:{flexShrink:0,borderTop:"1px solid var(--gray-4)",paddingTop:"var(--space-2)",paddingBottom:"var(--space-2)",display:"flex",flexDirection:"column"},children:K.map(u=>{let oe=wr(u.href),ue=_jsxruntime.jsx.call(void 0, ir,{item:u,active:oe,expanded:T,showChevron:!!u.children,onClick:u.children?()=>C(!1):void 0},u.href);return T?ue:_jsxruntime.jsx.call(void 0, _themes.Tooltip,{content:u.label,side:"right",delayDuration:300,children:ue},u.href)})}),_jsxruntime.jsxs.call(void 0, "div",{style:{borderTop:K.length>0?"none":"1px solid var(--gray-4)",padding:T?"var(--space-2) var(--space-4)":"var(--space-2) 0",flexShrink:0,display:"flex",flexDirection:"column",gap:"var(--space-2)"},children:[T&&Pa&&_jsxruntime.jsxs.call(void 0, _themes.Badge,{color:"gray",variant:"soft",highContrast:!0,size:"1",radius:"full",style:{alignSelf:"flex-start"},children:[_jsxruntime.jsx.call(void 0, _reacticons.DotFilledIcon,{style:h("--space-2")}),"Administering platform"]}),_jsxruntime.jsxs.call(void 0, "div",{style:{display:"flex",flexDirection:T?"row":"column",alignItems:"center",justifyContent:T?"space-between":"center",gap:"var(--space-2)"},children:[T?_jsxruntime.jsxs.call(void 0, "div",{className:"shell-profile-chip",style:{display:"flex",alignItems:"center",gap:"var(--space-2)",minWidth:0,flex:1,padding:"var(--space-1)",borderRadius:"var(--radius-3)"},children:[_jsxruntime.jsx.call(void 0, _themes.Avatar,{size:"2",radius:"full",src:_optionalChain([o, 'optionalAccess', _37 => _37.avatarSrc]),fallback:ft,color:"gray",variant:"soft",style:{flexShrink:0}}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"2",weight:"medium",truncate:!0,style:{color:"var(--shell-ink-strong)"},children:_optionalChain([o, 'optionalAccess', _38 => _38.name])})]}):_jsxruntime.jsx.call(void 0, _themes.Tooltip,{content:_nullishCoalesce(_optionalChain([o, 'optionalAccess', _39 => _39.name]), () => ("Account")),side:"right",delayDuration:300,children:_jsxruntime.jsx.call(void 0, _themes.Avatar,{size:"3",radius:"full",src:_optionalChain([o, 'optionalAccess', _40 => _40.avatarSrc]),fallback:ft,color:"gray",variant:"soft"})}),_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Root,{children:[_jsxruntime.jsx.call(void 0, _themes.DropdownMenu.Trigger,{children:_jsxruntime.jsx.call(void 0, _themes.IconButton,{variant:"ghost",color:"gray","aria-label":"Account menu",className:"sidebar-icon-btn",style:{flexShrink:0},children:_jsxruntime.jsx.call(void 0, _reacticons.DotsVerticalIcon,{style:h("--space-4")})})}),_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Content,{align:T?"end":"start",side:T?"top":"right",style:{minWidth:200},children:[W&&_jsxruntime.jsx.call(void 0, _themes.DropdownMenu.Item,{asChild:!0,children:_jsxruntime.jsxs.call(void 0, _reactrouterdom.Link,{to:W.href,onClick:()=>C(!1),children:[_jsxruntime.jsx.call(void 0, _reacticons.GearIcon,{}),"Settings"]})}),p&&_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Item,{onClick:()=>window.open(p,"_blank","noopener,noreferrer"),children:[_jsxruntime.jsx.call(void 0, _reacticons.QuestionMarkCircledIcon,{}),"Help"]}),_jsxruntime.jsx.call(void 0, _themes.DropdownMenu.Separator,{}),_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Item,{color:"red",onClick:()=>w(!0),children:[_jsxruntime.jsx.call(void 0, _reacticons.ExitIcon,{}),"Log Out"]}),v&&d&&d.length>0&&_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _themes.DropdownMenu.Separator,{}),_jsxruntime.jsx.call(void 0, "div",{style:{padding:"var(--space-1) var(--space-3)"},children:_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",style:{fontFamily:"monospace",color:"var(--gray-11)",letterSpacing:"0.04em",textTransform:"uppercase"},children:"Dev \xB7 switch role"})}),d.map(u=>_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Item,{onClick:()=>_optionalChain([g, 'optionalCall', _41 => _41(u.email)]),disabled:_optionalChain([o, 'optionalAccess', _42 => _42.role])===u.role,children:[_jsxruntime.jsx.call(void 0, _reacticons.GearIcon,{}),u.label,_jsxruntime.jsxs.call(void 0, _themes.Text,{size:"1",color:"gray",style:{marginLeft:"auto"},children:[u.role,"@"]})]},u.role))]})]})]})]})]})]}),!z&&_jsxruntime.jsx.call(void 0, "button",{onClick:r,"aria-label":e?"Expand sidebar":"Collapse sidebar",className:"sidebar-collapse-btn",style:{top:"calc(var(--space-9) / 2)",transform:"translateY(-50%)",right:"calc(-1 * var(--space-3))"},children:_jsxruntime.jsx.call(void 0, Tn,{flipped:e})}),_jsxruntime.jsx.call(void 0, kr,{open:x,onOpenChange:w,title:"Confirm Logout",description:"Are you sure you want to log out?",onConfirm:i})]})}function ir({item:e,active:r,expanded:t,onClick:a,asButton:n,showChevron:o}){let i={position:"relative",textDecoration:"none",display:"flex",alignItems:"center",height:hn,flexShrink:0,paddingLeft:bn,gap:t?xn:0,color:r?"var(--shell-ink-strong)":"var(--shell-ink-mid)",cursor:"pointer"},l=_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[r&&_jsxruntime.jsx.call(void 0, "span",{"aria-hidden":"true",style:{position:"absolute",left:0,top:0,width:"var(--space-1)",height:"100%",background:"var(--accent-9)",borderRadius:"0 var(--radius-1) var(--radius-1) 0"}}),_jsxruntime.jsx.call(void 0, "span",{"aria-hidden":"true",className:"nav-pill",style:{position:"absolute",top:0,bottom:0,left:Yt,right:t?$r:Yt,borderRadius:"var(--radius-3)",background:r?"var(--accent-9)":"transparent",transition:"background 80ms ease"}}),_jsxruntime.jsx.call(void 0, e.Icon,{width:20,height:20,style:{position:"relative",flexShrink:0}}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"span",size:"3",weight:r?"medium":"regular",style:{position:"relative",lineHeight:1.3,whiteSpace:"nowrap",overflow:"hidden",maxWidth:t?void 0:0,opacity:t?1:0,transition:Cn(t)},children:e.label}),o&&t&&(r?_jsxruntime.jsx.call(void 0, "span",{style:{position:"relative",marginLeft:"auto",marginRight:`calc(${$r} + var(--space-2))`,flexShrink:0,display:"inline-flex",alignItems:"center",justifyContent:"center",width:"var(--space-5)",height:"var(--space-5)",background:"var(--color-panel-solid)",borderRadius:"var(--radius-2)",boxShadow:"0 1px 2px rgba(0,0,0,0.12)"},children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{style:{...h("--space-4"),color:"var(--gray-11)"}})}):_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{style:{...h("--space-4"),position:"relative",marginLeft:"auto",marginRight:`calc(${$r} + var(--space-1))`,color:"var(--shell-ink-mid)",flexShrink:0}}))]});return n?_jsxruntime.jsx.call(void 0, "button",{type:"button",onClick:a,className:"shell-nav-item",style:{...i,background:"none",border:"none",width:"100%",textAlign:"left",font:"inherit"},children:l}):_jsxruntime.jsx.call(void 0, _reactrouterdom.Link,{to:e.href,onClick:a,className:"shell-nav-item","data-active":r?"true":void 0,"aria-current":r?"page":void 0,style:i,children:l})}function Tn({flipped:e}){return _jsxruntime.jsxs.call(void 0, "svg",{width:"15",height:"15",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",style:{transform:e?"scaleX(-1)":void 0},children:[_jsxruntime.jsx.call(void 0, "rect",{x:"1.5",y:"2.5",width:"13",height:"11",rx:"1.5",stroke:"currentColor"}),_jsxruntime.jsx.call(void 0, "path",{d:"M5.5 2.5v11",stroke:"currentColor"}),_jsxruntime.jsx.call(void 0, "path",{d:"M11 5.5 8.5 8l2.5 2.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]})}var zn=[["/home","Home","/home","Home"],["/calendar/syncs","Calendar","/calendar/syncs","Manage Syncs"],["/calendar/view","Calendar","/calendar/syncs","My Calendar"],["/calendar","Calendar","/calendar/syncs","Manage Syncs"],["/settings/account","Settings","/settings/account","Account"],["/settings/linked","Settings","/settings/account","Linked Account"],["/settings","Settings","/settings/account","Settings"]],Bn=[["/admin/overview","Overview"],["/admin/users","Users"],["/admin/monitoring","Monitoring"],["/admin/calendar-ops","Calendar Ops"],["/admin/logs","Logs"],["/admin/security","Security"],["/admin/audit","Audit Log"]];function Nn(e,r,t){if(e==="/admin"\|\|e.startsWith("/admin/")){let l=t.find(([s])=>e===s\|\|e.startsWith(s+"/"));return{section:"Admin Portal",sectionHref:"/admin/overview",page:l?l[1]:"Admin Portal"}}if(e==="/calendar/syncs/new")return{section:"Calendar",sectionHref:"/calendar/syncs",page:"New Sync"};if(/^\/calendar\/syncs\/[^/]+$/.test(e))return{section:"Calendar",sectionHref:"/calendar/syncs",page:"Edit Sync"};let a=r.find(([l,,,,s])=>s?e===l:e===l\|\|e.startsWith(l+"/"));if(!a)return{section:"Home",sectionHref:"/home",page:"Home"};let[,n,o,i]=a;return{section:n,sectionHref:o,page:i}}function Fn({onSearchOpen:e,onMenuOpen:r,showMenu:t,titles:a=zn,adminTitles:n=Bn}){let o=_reactrouterdom.useLocation.call(void 0, ).pathname;return _jsxruntime.jsxs.call(void 0, "header",{style:{height:lr,background:"var(--accent-9)",borderBottom:"1px solid var(--border-hairline)",flexShrink:0,display:"flex",alignItems:"center",padding:"0 var(--space-6)",gap:"var(--space-4)"},children:[t&&_jsxruntime.jsx.call(void 0, _themes.IconButton,{variant:"ghost",size:"1",onClick:r,"aria-label":"Open navigation",style:{marginRight:"var(--space-1)",color:"var(--shell-ink-strong)"},children:_jsxruntime.jsx.call(void 0, _reacticons.HamburgerMenuIcon,{style:h("--space-4")})}),(()=>{let{section:i,sectionHref:l,page:s}=Nn(o,a,n);return _jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"baseline",gap:"2",style:{minWidth:0,overflow:"hidden"},children:[i!==s&&_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _themes.Text,{asChild:!0,size:"3",weight:"regular",children:_jsxruntime.jsx.call(void 0, _reactrouterdom.Link,{to:l,style:{color:"var(--shell-ink-mid)",whiteSpace:"nowrap",textDecoration:"none",overflow:"hidden",textOverflow:"ellipsis",flexShrink:0},className:"topbar-breadcrumb-link",children:i})}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"3",weight:"regular",className:"topbar-breadcrumb-sep",style:{color:"var(--shell-ink-mid)",flexShrink:0},children:"/"})]}),_jsxruntime.jsx.call(void 0, _themes.Heading,{as:"h1",size:L.h1,weight:"medium",style:{color:"var(--shell-ink-strong)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",minWidth:0},children:s})]})})(),_jsxruntime.jsx.call(void 0, "div",{style:{flex:1}}),_jsxruntime.jsxs.call(void 0, "button",{className:"topbar-search",onClick:e,"aria-label":"Search (\u2318K)",children:[_jsxruntime.jsx.call(void 0, _reacticons.MagnifyingGlassIcon,{width:16,height:16,style:{color:"var(--shell-ink-strong)",flexShrink:0}}),_jsxruntime.jsx.call(void 0, "span",{className:"topbar-search-placeholder",children:"Search for something"})]}),_jsxruntime.jsx.call(void 0, _themes.Tooltip,{content:"Coming soon",children:_jsxruntime.jsx.call(void 0, "span",{children:_jsxruntime.jsx.call(void 0, "button",{className:"topbar-icon-circle","aria-label":"Notifications (coming soon)",disabled:!0,children:_jsxruntime.jsx.call(void 0, _reacticons.BellIcon,{style:h("--space-4")})})})})]})}var Gn={app:_reacticons.CalendarIcon,people:_reacticons.PersonIcon,page:_reacticons.ReaderIcon},jn={app:"Apps",people:"People",page:"Pages"};function Yn(e){let r=["app","people","page"],t=[],a=0;for(let n of r){let o=e.filter(i=>i.type===n);o.length>0&&(t.push({type:n,label:jn[n],items:o,startIdx:a}),a+=o.length)}return t}function Kn({open:e,onClose:r,results:t,onSelectResult:a,title:n="Search",placeholder:o="Search\u2026"}){return _jsxruntime.jsx.call(void 0, _themes.Dialog.Root,{open:e,onOpenChange:i=>!i&&r(),children:_jsxruntime.jsx.call(void 0, _themes.Dialog.Content,{"aria-describedby":void 0,style:{padding:0,maxWidth:"calc(9 * var(--space-9) + var(--space-2))",overflow:"hidden",boxShadow:"0 4px 8px rgba(0,0,0,0.06), 0 12px 32px rgba(0,0,0,0.10), 0 0 0 1px var(--gray-5)"},children:_jsxruntime.jsx.call(void 0, qn,{onClose:r,resultPool:t,onSelectResult:a,title:n,placeholder:o})})})}function qn({onClose:e,resultPool:r,onSelectResult:t,title:a,placeholder:n}){let[o,i]=_react.useState.call(void 0, ""),[l,s]=_react.useState.call(void 0, null),[c,p]=_react.useState.call(void 0, -1),d=_react.useRef.call(void 0, null),g=_react.useRef.call(void 0, null),v=!!l&&l.q===o,f=v?l.items:[],x=o.trim()?v?f.length?"results":"no-match":"searching":"prompt";_react.useEffect.call(void 0, ()=>{if(!o.trim())return;let C=setTimeout(()=>{let z=o.toLowerCase(),T=r.filter(ge=>ge.title.toLowerCase().includes(z)\|\|ge.subtitle.toLowerCase().includes(z));s({q:o,items:T}),p(-1)},320);return()=>clearTimeout(C)},[o,r]),_react.useEffect.call(void 0, ()=>{if(c<0\|\|!g.current)return;_optionalChain([g, 'access', _43 => _43.current, 'access', _44 => _44.querySelector, 'call', _45 => _45(`[data-idx="${c}"]`), 'optionalAccess', _46 => _46.scrollIntoView, 'call', _47 => _47({block:"nearest"})])},[c]);function w(C){C.key==="Escape"?e():C.key==="ArrowDown"?(C.preventDefault(),p(z=>Math.min(z+1,f.length-1))):C.key==="ArrowUp"?(C.preventDefault(),p(z=>Math.max(z-1,0))):C.key==="Enter"&&(C.preventDefault(),c>=0&&f[c]&&(t(f[c]),e()))}function M(C){t(C),e()}let ae=Yn(f),se="calc(2 * var(--space-9) + var(--space-6))";return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _themes.VisuallyHidden,{children:_jsxruntime.jsx.call(void 0, _themes.Dialog.Title,{children:a})}),_jsxruntime.jsxs.call(void 0, "div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderBottom:"1px solid var(--gray-5)"},children:[x==="searching"?_jsxruntime.jsx.call(void 0, _themes.Spinner,{size:"1",style:{flexShrink:0}}):_jsxruntime.jsx.call(void 0, _reacticons.MagnifyingGlassIcon,{width:16,height:16,style:{color:"var(--gray-9)",flexShrink:0}}),_jsxruntime.jsx.call(void 0, _themes.TextField.Root,{ref:d,autoFocus:!0,type:"text",placeholder:n,value:o,onChange:C=>i(C.target.value),onKeyDown:w,className:"search-overlay-input",style:{flex:1,border:"none",outline:"none",background:"transparent",boxShadow:"none","--text-field-selection-color":"unset"}}),_jsxruntime.jsx.call(void 0, "kbd",{style:{color:"var(--gray-11)",background:"var(--gray-3)",border:"1px solid var(--gray-5)",borderRadius:"var(--radius-1)",padding:"var(--space-1) var(--space-2)",flexShrink:0},children:_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",as:"span",children:"Esc"})})]}),_jsxruntime.jsxs.call(void 0, "div",{ref:g,style:{minHeight:se,maxHeight:"calc(6 * var(--space-9) + var(--space-7))",overflowY:"auto"},children:[x==="prompt"&&_jsxruntime.jsx.call(void 0, _themes.Flex,{align:"center",justify:"center",style:{height:se},children:_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",color:"gray",children:"Type to search\u2026"})}),x==="no-match"&&_jsxruntime.jsx.call(void 0, _themes.Flex,{align:"center",justify:"center",style:{height:se},children:_jsxruntime.jsxs.call(void 0, "div",{style:{textAlign:"center"},children:[_jsxruntime.jsxs.call(void 0, _themes.Text,{size:"2",color:"gray",as:"p",children:["No results for \u201C",o,"\u201D"]}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",color:"gray",as:"p",mt:"1",children:"Try searching with different keywords"})]})}),x==="results"&&_jsxruntime.jsx.call(void 0, "div",{style:{padding:"var(--space-2)"},children:ae.map(C=>{let z=Gn[C.type];return _jsxruntime.jsxs.call(void 0, "div",{style:{marginBottom:"var(--space-1)"},children:[_jsxruntime.jsx.call(void 0, "div",{style:{padding:"var(--space-2) var(--space-3) var(--space-1)",display:"flex",alignItems:"center",gap:"var(--space-2)"},children:_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",style:{color:"var(--gray-11)",fontWeight:500,letterSpacing:"0.04em",textTransform:"uppercase",fontFamily:"var(--font-poppins)"},children:C.label})}),C.items.map((T,ge)=>{let y=C.startIdx+ge,B=c===y;return _jsxruntime.jsxs.call(void 0, "button",{"data-idx":y,onClick:()=>M(T),onMouseEnter:()=>p(y),className:"search-result-item",style:{width:"100%",display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-2) var(--space-3)",borderRadius:"var(--radius-2)",border:"none",cursor:"pointer",textAlign:"left",background:B?"var(--gray-3)":"transparent"},children:[_jsxruntime.jsx.call(void 0, "div",{style:{width:"var(--space-6)",height:"var(--space-6)",borderRadius:"var(--radius-1)",background:B?"var(--accent-a3)":"var(--gray-3)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,transition:"background 100ms ease"},children:_jsxruntime.jsx.call(void 0, z,{width:12,height:12,style:{color:B?"var(--accent-11)":"var(--gray-9)"}})}),_jsxruntime.jsxs.call(void 0, "div",{style:{flex:1,minWidth:0},children:[_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"2",weight:"medium",style:{color:B?"var(--gray-12)":"var(--gray-11)",lineHeight:1.3,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:T.title}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",style:{color:"var(--gray-11)",lineHeight:1.3,marginTop:"1px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:T.subtitle})]}),B&&_jsxruntime.jsx.call(void 0, "kbd",{style:{color:"var(--gray-9)",background:"var(--gray-4)",border:"1px solid var(--gray-5)",borderRadius:"var(--radius-1)",padding:"var(--space-1)",flexShrink:0},children:_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",as:"span",className:"data-mono",children:"\u21B5"})})]},T.id)})]},C.type)})})]}),x!=="prompt"&&_jsxruntime.jsxs.call(void 0, "div",{style:{borderTop:"1px solid var(--gray-4)",padding:"var(--space-2) var(--space-4)",display:"flex",gap:"var(--space-4)"},children:[_jsxruntime.jsxs.call(void 0, _themes.Text,{as:"span",size:"1",color:"gray",children:[_jsxruntime.jsx.call(void 0, "kbd",{className:"data-mono",children:"\u2191\u2193"})," navigate"]}),_jsxruntime.jsxs.call(void 0, _themes.Text,{as:"span",size:"1",color:"gray",children:[_jsxruntime.jsx.call(void 0, "kbd",{className:"data-mono",children:"\u21B5"})," open"]}),_jsxruntime.jsxs.call(void 0, _themes.Text,{as:"span",size:"1",color:"gray",children:[_jsxruntime.jsx.call(void 0, "kbd",{className:"data-mono",children:"Esc"})," close"]})]})]})}function j(e,r){for(let t of e){let a=t.calendars.find(n=>n.id===r);if(a)return{account:t,calendar:a}}}var _dayjs = require('dayjs'); var _dayjs2 = _interopRequireDefault(_dayjs);function qr({date:e,today:r=new Date}){let t=_dayjs2.default.call(void 0, e).isSame(r,"day");return _jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",align:"center",gap:"1",py:"1",children:[_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",weight:"medium",color:"gray",style:{letterSpacing:"0.04em"},children:_dayjs2.default.call(void 0, e).format("ddd").toUpperCase()}),_jsxruntime.jsx.call(void 0, _themes.Flex,{align:"center",justify:"center",style:{width:"var(--space-6)",height:"var(--space-6)",borderRadius:"50%",background:t?"var(--accent-9)":"transparent",lineHeight:1},children:_jsxruntime.jsx.call(void 0, _themes.Text,{size:"3",weight:t?"medium":"regular",style:{color:t?"var(--accent-contrast)":"var(--gray-12)",lineHeight:1},children:_dayjs2.default.call(void 0, e).format("D")})})]})}function ei(e){return e.flatMap(r=>r.calendars.map(t=>({calendarId:t.id,calendarName:t.name,email:r.email,provider:r.provider})))}function ri({provider:e}){return _jsxruntime.jsx.call(void 0, "span",{"aria-hidden":!0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"var(--space-5)",height:"var(--space-5)",flexShrink:0},children:_jsxruntime.jsx.call(void 0, H,{provider:e})})}function aa({row:e,control:r,selected:t,disabled:a,disabledLabel:n}){return _jsxruntime.jsxs.call(void 0, _themes.Text,{as:"label",size:"2",style:{display:"flex",alignItems:"center",gap:"var(--space-3)",width:"100%",paddingBlock:"var(--space-3)",paddingInline:"var(--space-4)",cursor:a?"not-allowed":"pointer",opacity:a?.45:1,background:t?"var(--accent-2)":"transparent",color:"var(--gray-12)"},children:[_jsxruntime.jsx.call(void 0, ri,{provider:e.provider}),_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",gap:"0",style:{minWidth:0,flex:1},children:[_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",weight:"medium",truncate:!0,style:{color:"var(--gray-12)"},children:e.calendarName}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",color:"gray",truncate:!0,children:e.email})]}),n?_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",color:"gray",style:{flexShrink:0},children:n}):null,_jsxruntime.jsx.call(void 0, _themes.Box,{style:{flexShrink:0,display:"flex",alignItems:"center"},children:r})]})}function ti({accounts:e,mode:r,sourceCalendarIds:t,targetCalendarId:a,takenSourceIds:n,onToggleSource:o,onSelectTarget:i,fill:l=!1}){let s=ei(e),p=r==="sources"&&s.length>0&&s.every(d=>d.calendarId===a\|\|n.has(d.calendarId))?_jsxruntime.jsx.call(void 0, _themes.Box,{style:{border:"1px solid var(--gray-5)",borderRadius:"var(--radius-3)",background:"var(--color-panel-solid)",padding:"var(--space-4)",...l?{flex:1,minHeight:0}:{}},children:_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"2",color:"gray",align:"center",children:"All your calendars are already used as sources in other syncs, or set as this sync's target. Remove a calendar from another sync to make it available here."})}):_jsxruntime.jsx.call(void 0, _themes.Box,{style:{border:"1px solid var(--gray-5)",borderRadius:"var(--radius-3)",background:"var(--color-panel-solid)",...l?{flex:1,minHeight:0,overflowY:"auto"}:{overflow:"hidden"}},children:s.map((d,g)=>{if(r==="sources"){let x=d.calendarId===a,w=n.has(d.calendarId),M=x\|\|w,ae=t.includes(d.calendarId);return _jsxruntime.jsx.call(void 0, _themes.Box,{style:{borderTop:g>0?"1px solid var(--gray-4)":void 0},children:_jsxruntime.jsx.call(void 0, aa,{row:d,selected:ae,disabled:M,disabledLabel:x?"Target":w?"In use":void 0,control:_jsxruntime.jsx.call(void 0, _themes.Checkbox,{checked:ae,disabled:M,onCheckedChange:()=>{M\|\|o(d.calendarId)}})})},d.calendarId)}let v=t.includes(d.calendarId),f=d.calendarId===a;return _jsxruntime.jsx.call(void 0, _themes.Box,{style:{borderTop:g>0?"1px solid var(--gray-4)":void 0},children:_jsxruntime.jsx.call(void 0, aa,{row:d,selected:f,disabled:v,disabledLabel:v?"Source":void 0,control:_jsxruntime.jsx.call(void 0, _themes.RadioGroup.Item,{value:d.calendarId,disabled:v})})},d.calendarId)})});return r==="target"?_jsxruntime.jsx.call(void 0, _themes.RadioGroup.Root,{value:_nullishCoalesce(a, () => ("")),onValueChange:d=>{d&&i(d)},style:l?{flex:1,minHeight:0,display:"flex",flexDirection:"column"}:void 0,children:p}):p}var _reactbigcalendar = require('react-big-calendar');function Jr({label:e,view:r,onNavigate:t,onView:a}){return _jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",justify:"between",gap:"3",wrap:"wrap",className:"calendar-toolbar",children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",gap:"2",children:[_jsxruntime.jsx.call(void 0, _themes.IconButton,{size:"2",variant:"soft",color:"gray",radius:"full","aria-label":"Previous",onClick:()=>t(_reactbigcalendar.Navigate.PREVIOUS),children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon,{})}),_jsxruntime.jsx.call(void 0, _themes.Button,{size:"2",variant:"soft",color:"gray",onClick:()=>t(_reactbigcalendar.Navigate.TODAY),children:"Today"}),_jsxruntime.jsx.call(void 0, _themes.IconButton,{size:"2",variant:"soft",color:"gray",radius:"full","aria-label":"Next",onClick:()=>t(_reactbigcalendar.Navigate.NEXT),children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{})})]}),_jsxruntime.jsx.call(void 0, _themes.Heading,{as:"h2",size:L.h2,weight:"medium",style:{color:"var(--gray-12)"},children:e}),_jsxruntime.jsx.call(void 0, _themes.Flex,{gap:"1",style:{border:"1px solid var(--gray-5)",borderRadius:"var(--radius-3)",padding:"var(--space-1)",background:"var(--gray-2)"},children:["week","month"].map(n=>_jsxruntime.jsx.call(void 0, _themes.Button,{size:"2",variant:r===n?"solid":"soft",className:r===n?"btn-amber-primary":void 0,color:r===n?void 0:"gray",onClick:()=>a(n),style:r===n?void 0:{background:"transparent"},children:n==="week"?"Week":"Month"},n))})]})}var Ee={google:{label:"Google Calendar",description:"Connect a Google account calendar"},microsoft:{label:"Outlook Calendar",description:"Connect an Outlook account calendar"}},di=["google","microsoft"];function et({connectingProvider:e,failedProvider:r,exhausted:t=!1,onConnect:a}){return _jsxruntime.jsx.call(void 0, _themes.Flex,{direction:"column",gap:"3",style:{width:"100%",textAlign:"left"},children:di.map(n=>{let o=Ee[n],i=e===n;return _jsxruntime.jsxs.call(void 0, "div",{children:[_jsxruntime.jsxs.call(void 0, "button",{type:"button",className:"provider-choice",onClick:()=>a(n),disabled:e!==null,"data-connecting":i?"true":void 0,"aria-busy":i\|\|void 0,"aria-label":`Connect ${o.label}`,children:[_jsxruntime.jsx.call(void 0, P,{children:_jsxruntime.jsx.call(void 0, H,{provider:n})}),_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",className:"provider-choice__copy",gap:"1",children:[_jsxruntime.jsx.call(void 0, _themes.Text,{size:"3",weight:"medium",truncate:!0,style:{color:"var(--gray-12)"},children:o.label}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",color:"gray",truncate:!0,children:o.description})]}),_jsxruntime.jsx.call(void 0, "span",{className:"provider-choice__chevron","aria-hidden":!0,children:i?_jsxruntime.jsx.call(void 0, _themes.Spinner,{size:"2"}):_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{style:h("--space-5")})})]}),r===n&&_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",justify:"between",gap:"3",mt:"2",px:"1",children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",gap:"2",children:[_jsxruntime.jsx.call(void 0, _reacticons.ExclamationTriangleIcon,{style:{...h("--space-4"),color:"var(--red-9)",flexShrink:0}}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",style:{color:"var(--red-11)"},children:t?`No more ${o.label} accounts available to connect.`:`Couldn't connect ${o.label}. Please try again.`})]}),!t&&_jsxruntime.jsx.call(void 0, _themes.Button,{variant:"ghost",size:"1",onClick:()=>a(n),children:"Retry"})]})]},n)})})}function yi({account:e,onRemove:r,onReconnect:t,onClick:a}){let n=e.authStatus==="reauth",o=e.authStatus==="failed",i=_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",weight:"medium",truncate:!0,style:{color:"var(--gray-12)"},children:e.displayName});return _jsxruntime.jsxs.call(void 0, _themes.Box,{onClick:a,style:{width:"100%",minWidth:0,height:b.connectedAccountCardH,boxSizing:"border-box",padding:"var(--space-3)",background:"var(--color-panel-solid)",border:"1px solid var(--gray-5)",borderRadius:"var(--radius-3)",display:"flex",alignItems:"center",gap:"var(--space-3)",cursor:a?"pointer":void 0},children:[_jsxruntime.jsx.call(void 0, P,{size:"var(--space-6)",children:_jsxruntime.jsx.call(void 0, H,{provider:e.provider})}),_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",style:{flex:1,minWidth:0},children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",gap:"2",style:{minWidth:0},children:[a?_jsxruntime.jsx.call(void 0, "button",{type:"button",className:"card-title-button",onClick:l=>{l.stopPropagation(),a()},children:i}):i,n&&_jsxruntime.jsx.call(void 0, _themes.Badge,{color:"amber",variant:"soft",size:"1",radius:"full",style:{flexShrink:0},children:"Needs reconnect"}),o&&_jsxruntime.jsx.call(void 0, _themes.Badge,{color:"red",variant:"soft",size:"1",radius:"full",style:{flexShrink:0},children:"Connection failed"})]}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",color:"gray",truncate:!0,children:e.email})]}),_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Root,{children:[_jsxruntime.jsx.call(void 0, _themes.DropdownMenu.Trigger,{children:_jsxruntime.jsx.call(void 0, _themes.IconButton,{variant:"ghost",color:"gray",size:"1","aria-label":`${e.displayName} actions`,onClick:l=>l.stopPropagation(),children:_jsxruntime.jsx.call(void 0, _reacticons.DotsVerticalIcon,{})})}),_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Content,{align:"end",onClick:l=>l.stopPropagation(),children:[(n\|\|o)&&t&&_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Item,{onSelect:t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ReloadIcon,{})," Reconnect"]}),_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Item,{color:"red",onSelect:r,children:[_jsxruntime.jsx.call(void 0, _reacticons.TrashIcon,{})," Remove account"]})]})]})]})}function xi({icon:e,title:r,description:t,action:a,headingAs:n="h2"}){return _jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",align:"center",gap:"3",style:{width:"100%",paddingTop:"var(--space-9)",textAlign:"center"},children:[_jsxruntime.jsx.call(void 0, P,{size:"var(--space-8)",children:e}),_jsxruntime.jsx.call(void 0, _themes.Heading,{as:n,size:L[n],weight:"medium",align:"center",children:r}),t&&_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",color:"gray",align:"center",style:{maxWidth:b.emptyStateCopyMax},children:t}),a]})}function Ce({account:e,onOpenChange:r,onImport:t,initiallySelectedIds:a,disabledIds:n,disabledReason:o,title:i="Calendars",description:l="Choose which calendars you want to import.",confirmLabel:s="Import Calendars"}){let c=e?`${e.id}:${(_nullishCoalesce(a, () => (e.calendars.map(p=>p.id)))).join(",")}`:"closed";return _jsxruntime.jsx.call(void 0, _themes.Dialog.Root,{open:!!e,onOpenChange:r,children:_jsxruntime.jsx.call(void 0, _themes.Dialog.Content,{maxWidth:b.dialogMd,onInteractOutside:p=>p.preventDefault(),children:e&&_jsxruntime.jsx.call(void 0, ki,{account:e,initiallySelectedIds:a,disabledIds:n,disabledReason:o,title:i,description:l,confirmLabel:s,onImport:t},c)})})}function ki({account:e,initiallySelectedIds:r,disabledIds:t,disabledReason:a,title:n,description:o,confirmLabel:i,onImport:l}){let[s,c]=_react.useState.call(void 0, ()=>new Set(_nullishCoalesce(r, () => (e.calendars.map(g=>g.id))))),p=new Set(_nullishCoalesce(t, () => ([])));function d(g){p.has(g)\|\|c(v=>{let f=new Set(v);return f.has(g)?f.delete(g):f.add(g),f})}return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _themes.Dialog.Title,{size:"5",weight:"medium",mb:"1",children:n}),_jsxruntime.jsx.call(void 0, _themes.Dialog.Description,{size:"2",color:"gray",mb:"2",children:o}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"2",weight:"medium",mb:"5",style:{color:"var(--gray-12)"},children:e.email}),_jsxruntime.jsx.call(void 0, _themes.Flex,{direction:"column",gap:"3",mb:"5",children:e.calendars.map(g=>{let v=s.has(g.id),f=p.has(g.id);return _jsxruntime.jsxs.call(void 0, _themes.Text,{as:"label",size:"3",className:"calendar-picker-row","data-selected":v\|\|void 0,"data-disabled":f?"true":void 0,style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-4)",cursor:f?"default":"pointer"},children:[_jsxruntime.jsx.call(void 0, _themes.Checkbox,{checked:v,disabled:f,onCheckedChange:()=>d(g.id)}),_jsxruntime.jsx.call(void 0, _themes.Text,{weight:"medium",truncate:!0,style:{flex:1,minWidth:0,color:"var(--gray-12)"},children:g.name}),f&&a&&_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",color:"gray",style:{flexShrink:0},children:a})]},g.id)})}),_jsxruntime.jsxs.call(void 0, X,{justify:"between",noTopMargin:!0,pad:"var(--space-5)",radius:"var(--radius-4)",children:[_jsxruntime.jsx.call(void 0, _themes.Dialog.Close,{children:_jsxruntime.jsx.call(void 0, _themes.Button,{size:"2",variant:"outline",color:"gray",children:"Cancel"})}),_jsxruntime.jsx.call(void 0, _themes.Button,{size:"2",className:"btn-amber-primary",disabled:s.size===0,onClick:()=>l(Array.from(s)),children:i})]})]})}function Ai(e){let r=/^#?([0-9a-f]{6})$/i.exec(e.trim());if(!r)return"white";let t=parseInt(r[1],16),a=o=>{let i=o/255;return i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4)};return .2126a(t>>16&255)+.7152a(t>>8&255)+.0722a(t&255)>.45?"black":"white"}function ga({tone:e,title:r,meta:t,accentColor:a}){let n=e==="synced"?a\|\|"var(--accent-9)":"var(--blue-11)",o=e==="synced"?a?Ai(a):"var(--accent-contrast)":"white";return _jsxruntime.jsxs.call(void 0, _themes.Box,{style:{background:n,borderRadius:"var(--radius-2)",padding:"var(--space-2) var(--space-3)"},children:[_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"2",weight:"medium",style:{color:o},children:r}),t?_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",style:{color:o},children:t}):null]})}var Di="Busy",Pi={title:"Gym",time:"10:00 AM",location:"Flex Gym on 16th Ave",description:"Workout notes"};function Ei({hasSources:e,hasTarget:r,sourceLabel:t,targetLabel:a,showTitle:n,showDescription:o,showLocation:i,tagLabel:l,accentColor:s,sampleEvent:c=Pi}){let p=c.title,d=[c.time,c.location].filter(Boolean).join(" \xB7 "),g=_optionalChain([l, 'optionalAccess', _48 => _48.trim, 'call', _49 => _49()])\|\|Di,v=n?`${c.title} - (${g})`:g,f=[c.time].filter(Boolean);i&&c.location&&f.push(c.location),o&&c.description&&f.push(c.description);let x=f.join(" \xB7 ");return _jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",gap:"4",style:{padding:"var(--space-4)"},children:[_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",className:"ds-section-label",style:{textAlign:"center"},children:"Sync Preview"}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",color:"gray",style:{textAlign:"center",marginTop:"calc(-1 var(--space-2))"},children:"Example event \u2014 not from your calendars."}),_jsxruntime.jsxs.call(void 0, _themes.Box,{children:[_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",color:"gray",mb:"1",children:"Sources"}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",weight:"medium",mb:"2",truncate:!0,style:{color:"var(--gray-12)"},children:e?t\|\|"Selected sources":"\u2014"}),_jsxruntime.jsx.call(void 0, _themes.Box,{style:{border:"1px solid var(--gray-5)",borderRadius:"var(--radius-2)",padding:"var(--space-2)",background:"var(--gray-2)"},children:_jsxruntime.jsx.call(void 0, ga,{tone:"source",title:p,meta:d})})]}),_jsxruntime.jsxs.call(void 0, _themes.Box,{children:[_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",color:"gray",mb:"1",children:"Target"}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",weight:"medium",mb:"2",truncate:!0,style:{color:"var(--gray-12)"},children:r?a\|\|"Selected target":"\u2014"}),_jsxruntime.jsx.call(void 0, _themes.Box,{style:{border:"1px solid var(--gray-5)",borderRadius:"var(--radius-2)",padding:"var(--space-2)",background:"var(--gray-2)"},children:r?_jsxruntime.jsx.call(void 0, ga,{tone:"synced",title:v,meta:x,...s?{accentColor:s}:{}}):_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"2",color:"gray",children:"Pick one target calendar"})})]}),!e\|\|!r?_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",color:"gray",style:{textAlign:"center"},children:"Select one or more sources, then one target"}):_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",color:"gray",style:{textAlign:"center"},children:"Only the highlighted block is posted to the target"})]})}function nt({steps:e,current:r}){return _jsxruntime.jsx.call(void 0, "div",{role:"list","aria-label":"Wizard progress",style:{display:"flex",flexWrap:"wrap",width:"100%",flexShrink:0,marginBottom:0,border:"1px solid var(--gray-5)",borderRadius:"var(--radius-4)",background:"var(--color-panel-solid)",overflow:"hidden"},children:e.map((t,a)=>{let n=a+1,o=n===r,i=n<r;return _jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"start",gap:"3",role:"listitem","aria-current":o?"step":void 0,style:{flex:"1 1 calc(3 * var(--space-9) + var(--space-6))",minWidth:"calc(3 * var(--space-9) + var(--space-6))",paddingTop:"var(--space-4)",paddingBottom:"var(--space-4)",paddingLeft:"var(--space-4)",paddingRight:"var(--space-4)",marginBottom:"-1px",borderBottom:o?"2px solid var(--accent-9)":"2px solid transparent"},children:[_jsxruntime.jsx.call(void 0, _themes.Flex,{align:"center",justify:"center",style:{width:"var(--space-6)",height:"var(--space-6)",borderRadius:"50%",flexShrink:0,marginTop:"var(--space-1)",background:i?"var(--green-9)":o?"var(--accent-9)":"var(--gray-3)",color:i?"white":o?"var(--accent-contrast)":"var(--gray-11)"},children:i?_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{style:h("--space-3")}):_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",weight:"medium",children:t.n})}),_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",gap:"1",style:{minWidth:0,flex:1,paddingTop:"var(--space-1)"},children:[_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",weight:"medium",style:{color:o\|\|i?"var(--gray-12)":"var(--gray-10)",lineHeight:"var(--line-height-2)"},children:t.title}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",color:"gray",style:{lineHeight:"var(--line-height-1)"},children:t.description})]})]},t.n)})})}var zi=[{n:"01",title:"Connect",description:"Connect your calendar account"},{n:"02",title:"Calendars",description:"Import at least 2 calendars"},{n:"03",title:"Sync",description:"Set up your first sync"}];function ma({current:e}){return _jsxruntime.jsx.call(void 0, nt,{steps:zi,current:e})}function Bi({current:e,total:r=3}){return _jsxruntime.jsx.call(void 0, ma,{current:e})}var Li=["S","M","T","W","T","F","S"];function lt({cursor:e,onSelect:r,today:t=new Date}){let a=_dayjs2.default.call(void 0, e).startOf("month"),n=a.startOf("week"),o=Array.from({length:42},(i,l)=>n.add(l,"day"));return _jsxruntime.jsxs.call(void 0, "div",{children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",justify:"between",mb:"2",children:[_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",weight:"medium",style:{color:"var(--gray-12)"},children:a.format("MMMM YYYY")}),_jsxruntime.jsxs.call(void 0, _themes.Flex,{gap:"1",children:[_jsxruntime.jsx.call(void 0, _themes.IconButton,{size:"1",variant:"ghost",color:"gray","aria-label":"Previous month",onClick:()=>r(_dayjs2.default.call(void 0, e).subtract(1,"month").toDate()),children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon,{})}),_jsxruntime.jsx.call(void 0, _themes.IconButton,{size:"1",variant:"ghost",color:"gray","aria-label":"Next month",onClick:()=>r(_dayjs2.default.call(void 0, e).add(1,"month").toDate()),children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{})})]})]}),_jsxruntime.jsx.call(void 0, _themes.Grid,{columns:"7",gap:"1",mb:"1",children:Li.map((i,l)=>_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",color:"gray",align:"center",children:i},l))}),_jsxruntime.jsx.call(void 0, _themes.Grid,{columns:"7",gap:"1",justify:"center",align:"center",style:{justifyItems:"center"},children:o.map(i=>{let l=i.isSame(t,"day"),s=i.isSame(e,"day"),c=!i.isSame(a,"month");return _jsxruntime.jsx.call(void 0, "button",{type:"button",onClick:()=>r(i.toDate()),style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"var(--space-5)",height:"var(--space-5)",boxSizing:"border-box",flexShrink:0,padding:0,borderRadius:"50%",border:l&&!s?"1.5px solid var(--accent-9)":"none",cursor:"pointer",background:s?"var(--accent-9)":"transparent",color:s?"var(--accent-contrast)":c?"var(--gray-11)":l?"var(--accent-11)":"var(--gray-12)",fontWeight:l\|\|s?500:400,fontSize:"var(--font-size-1)",fontFamily:"var(--font-poppins)"},children:i.format("D")},i.format("YYYY-MM-DD"))})})]})}function Ui({account:e,catalog:r,onOpenChange:t,onRemoveCalendar:a,onSaveCalendars:n,onReconnect:o}){let[i,l]=_react.useState.call(void 0, !1),s=_optionalChain([e, 'optionalAccess', _50 => _50.authStatus])==="reauth",c=_optionalChain([e, 'optionalAccess', _51 => _51.authStatus])==="failed";function p(d){if(!e\|\|!r)return;let g=new Set(d);n(e,r.calendars.filter(v=>g.has(v.id))),l(!1)}return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _themes.Dialog.Root,{open:!!e&&!i,onOpenChange:d=>{d\|\|t(!1)},children:_jsxruntime.jsx.call(void 0, _themes.Dialog.Content,{maxWidth:b.dialogMd,children:e&&_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",gap:"3",mb:"1",children:[_jsxruntime.jsx.call(void 0, P,{size:"var(--space-6)",children:_jsxruntime.jsx.call(void 0, H,{provider:e.provider})}),_jsxruntime.jsxs.call(void 0, _themes.Box,{style:{minWidth:0,flex:1},children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",gap:"2",mb:"1",style:{minWidth:0},children:[_jsxruntime.jsx.call(void 0, _themes.Dialog.Title,{size:"4",weight:"medium",mb:"0",truncate:!0,style:{minWidth:0},children:e.displayName}),s&&_jsxruntime.jsx.call(void 0, _themes.Badge,{color:"amber",variant:"soft",size:"1",radius:"full",style:{flexShrink:0},children:"Needs reconnect"}),c&&_jsxruntime.jsx.call(void 0, _themes.Badge,{color:"red",variant:"soft",size:"1",radius:"full",style:{flexShrink:0},children:"Connection failed"})]}),_jsxruntime.jsx.call(void 0, _themes.Dialog.Description,{size:"2",color:"gray",mb:"0",children:e.email})]})]}),(s\|\|c)&&o&&_jsxruntime.jsxs.call(void 0, _themes.Button,{size:"2",variant:"soft",color:c?"red":"amber",mt:"3",onClick:()=>o(e.id),children:[_jsxruntime.jsx.call(void 0, _reacticons.ReloadIcon,{}),"Reconnect"]}),_jsxruntime.jsx.call(void 0, _themes.Separator,{size:"4",my:"4"}),_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",justify:"between",gap:"3",mb:"3",children:[_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",className:"ds-section-label",mb:"0",children:"Calendars"}),r&&r.calendars.length>0&&_jsxruntime.jsxs.call(void 0, _themes.Button,{size:"1",variant:"soft",color:"gray",onClick:()=>l(!0),children:[_jsxruntime.jsx.call(void 0, _reacticons.PlusIcon,{style:h("--space-3")}),"Change calendars"]})]}),_jsxruntime.jsx.call(void 0, _themes.Flex,{direction:"column",style:{border:"1px solid var(--gray-5)",borderRadius:"var(--radius-3)",overflow:"hidden",background:"var(--color-panel-solid)"},children:e.calendars.length===0?_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",color:"gray",style:{padding:"var(--space-4)"},children:"No calendars imported."}):e.calendars.map((d,g)=>_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",gap:"3",className:"data-table-row",style:{padding:"var(--space-3) var(--space-4)",minHeight:"var(--space-7)",borderTop:g>0?"1px solid var(--gray-4)":void 0},children:[_jsxruntime.jsx.call(void 0, _themes.Box,{"aria-hidden":!0,style:{width:"var(--space-2)",height:"var(--space-2)",borderRadius:"50%",background:d.colorToken,flexShrink:0}}),_jsxruntime.jsxs.call(void 0, _themes.Text,{size:"2",truncate:!0,style:{flex:1,minWidth:0,color:"var(--gray-12)"},children:[d.name,d.isPrimary&&_jsxruntime.jsxs.call(void 0, _themes.Text,{size:"1",color:"gray",children:[" ","\xB7 Primary"]})]}),_jsxruntime.jsx.call(void 0, _themes.IconButton,{variant:"ghost",color:"gray",size:"1","aria-label":`Remove ${d.name}`,onClick:()=>a(e,d),children:_jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon,{})})]},d.id))}),_jsxruntime.jsx.call(void 0, X,{justify:"end",children:_jsxruntime.jsx.call(void 0, _themes.Dialog.Close,{children:_jsxruntime.jsx.call(void 0, _themes.Button,{size:"2",variant:"soft",color:"gray",children:"Close"})})})]})})}),_jsxruntime.jsx.call(void 0, Ce,{account:i&&r?r:null,initiallySelectedIds:_optionalChain([e, 'optionalAccess', _52 => _52.calendars, 'access', _53 => _53.map, 'call', _54 => _54(d=>d.id)]),title:"Change calendars",description:"Choose which calendars to keep on this account.",confirmLabel:"Save calendars",onOpenChange:d=>{d\|\|l(!1)},onImport:p})]})}require('react-big-calendar/lib/css/react-big-calendar.css');var Ki=_reactbigcalendar.dayjsLocalizer.call(void 0, _dayjs2.default),qi=new Date(1970,0,1,8,0,0);function dt({blocks:e,view:r,onViewChange:t,date:a,onNavigate:n,accounts:o,today:i=new Date}){let l=_react.useMemo.call(void 0, ()=>e.map(s=>{let c=new Date(s.date);c.setHours(s.startHour,s.startMinute,0,0);let p=new Date(s.date);return p.setHours(s.endHour,s.endMinute,0,0),{id:s.id,title:s.title,start:c,end:p,resource:s}}),[e]);return _jsxruntime.jsx.call(void 0, "div",{className:"rbc-radix-scope",style:{height:"100%",containerType:"inline-size"},children:_jsxruntime.jsx.call(void 0, _reactbigcalendar.Calendar,{localizer:Ki,events:l,view:r==="week"?_reactbigcalendar.Views.WEEK:_reactbigcalendar.Views.MONTH,onView:s=>t(s===_reactbigcalendar.Views.MONTH?"month":"week"),date:a,onNavigate:n,views:[_reactbigcalendar.Views.WEEK,_reactbigcalendar.Views.MONTH],toolbar:!0,popup:!0,scrollToTime:qi,enableAutoScroll:!0,getNow:()=>i,tooltipAccessor:null,eventPropGetter:s=>{let p=_nullishCoalesce(_optionalChain([j, 'call', _55 => _55(o,s.resource.calendarId), 'optionalAccess', _56 => _56.calendar, 'access', _57 => _57.colorToken]), () => ("var(--gray-8)"));return r==="month"?{style:{background:"transparent",border:"none",boxShadow:"none"}}:{style:{backgroundColor:p,border:"none"}}},components:{toolbar:Jr,week:{header:s=>_jsxruntime.jsx.call(void 0, qr,{...s,today:i}),event:({event:s})=>{let c=(s.end.getTime()-s.start.getTime())/6e4,p=c>=60,d=c>=30;return _jsxruntime.jsxs.call(void 0, "div",{children:[_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",weight:"medium",style:{color:"white",display:"block"},truncate:!0,children:s.title}),d&&_jsxruntime.jsxs.call(void 0, _themes.Text,{size:"1",style:{color:"rgba(255,255,255,0.85)",display:"block"},truncate:!0,children:[_dayjs2.default.call(void 0, s.start).format("h:mm A")," \u2013 ",_dayjs2.default.call(void 0, s.end).format("h:mm A")]}),p&&s.resource.location&&_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",style:{color:"rgba(255,255,255,0.85)",display:"block"},truncate:!0,children:s.resource.location})]})}},month:{event:({event:s})=>{let p=_nullishCoalesce(_optionalChain([j, 'call', _58 => _58(o,s.resource.calendarId), 'optionalAccess', _59 => _59.calendar, 'access', _60 => _60.colorToken]), () => ("var(--gray-8)"));return _jsxruntime.jsxs.call(void 0, _themes.Text,{size:"1",style:{display:"flex",alignItems:"center",gap:"var(--space-1)",color:"var(--gray-12)",background:`color-mix(in srgb, ${p} 28%, transparent)`,borderRadius:"var(--radius-2)",padding:"var(--space-1) var(--space-2)"},truncate:!0,children:[_jsxruntime.jsx.call(void 0, "span",{"aria-hidden":!0,style:{width:"var(--space-2)",height:"var(--space-2)",borderRadius:"50%",background:p,flexShrink:0}}),_jsxruntime.jsxs.call(void 0, "span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:[_dayjs2.default.call(void 0, s.start).format("H:mm")," ",s.title]})]})}}}})})}var Sa={synced:{label:"Synced",color:"green"},syncing:{label:"Syncing\u2026",color:"amber"},error:{label:"Error",color:"red"}};function Ji({sync:e,accounts:r,onOpenChange:t,onEdit:a}){let n=e?(()=>{let o=e.sourceCalendarIds.map(l=>_optionalChain([j, 'call', _61 => _61(r,l), 'optionalAccess', _62 => _62.calendar, 'access', _63 => _63.name])).filter(l=>!!l),i=_nullishCoalesce(_optionalChain([j, 'call', _64 => _64(r,e.targetCalendarId), 'optionalAccess', _65 => _65.calendar, 'access', _66 => _66.name]), () => ("\u2014"));return`${o.join(", ")\|\|"\u2014"} \u2192 ${i}`})():"";return _jsxruntime.jsx.call(void 0, _themes.Dialog.Root,{open:!!e,onOpenChange:t,children:_jsxruntime.jsx.call(void 0, _themes.Dialog.Content,{maxWidth:b.dialogMd,children:e&&_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",justify:"between",mb:"1",children:[_jsxruntime.jsx.call(void 0, _themes.Dialog.Title,{size:"4",mb:"0",children:e.name}),_jsxruntime.jsx.call(void 0, _themes.Badge,{color:Sa[e.status].color,variant:"soft",size:"1",radius:"full",children:Sa[e.status].label})]}),_jsxruntime.jsx.call(void 0, _themes.Dialog.Description,{size:"2",color:"gray",mb:"4",children:"Sync configuration"}),_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",gap:"3",children:[_jsxruntime.jsx.call(void 0, fe,{label:"Calendars",children:n}),_jsxruntime.jsx.call(void 0, fe,{label:"Sources",children:_jsxruntime.jsx.call(void 0, _themes.Flex,{direction:"column",gap:"1",align:"end",children:e.sourceCalendarIds.map(o=>{let i=j(r,o);return i?_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",align:"end",children:[_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",weight:"medium",style:{color:"var(--gray-12)"},children:i.calendar.name}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",color:"gray",children:i.account.email})]},o):null})\|\|"\u2014"})}),_jsxruntime.jsx.call(void 0, fe,{label:"Target",children:(()=>{let o=j(r,e.targetCalendarId);return o?_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",align:"end",children:[_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",weight:"medium",style:{color:"var(--gray-12)"},children:o.calendar.name}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",color:"gray",children:o.account.email})]}):"\u2014"})()}),_jsxruntime.jsx.call(void 0, fe,{label:"Last synced",children:_nullishCoalesce(e.lastSyncedLabel, () => ("\u2014"))})]}),_jsxruntime.jsx.call(void 0, _themes.Separator,{size:"4",my:"4"}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",weight:"medium",color:"gray",mb:"3",style:{letterSpacing:"0.04em"},children:"WHAT TO SHOW"}),_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",gap:"3",children:[_jsxruntime.jsx.call(void 0, fe,{label:"Tag",children:_optionalChain([e, 'access', _67 => _67.tagLabel, 'optionalAccess', _68 => _68.trim, 'call', _69 => _69()])\|\|"Busy"}),_jsxruntime.jsx.call(void 0, fe,{label:"Event titles",children:e.showTitle?"Shown":"Hidden"}),_jsxruntime.jsx.call(void 0, fe,{label:"Event description",children:e.showDescription?"Shown":"Hidden"}),_jsxruntime.jsx.call(void 0, fe,{label:"Event location",children:e.showLocation?"Shown":"Hidden"})]}),_jsxruntime.jsxs.call(void 0, X,{justify:"between",children:[_jsxruntime.jsx.call(void 0, _themes.Dialog.Close,{children:_jsxruntime.jsx.call(void 0, _themes.Button,{size:"2",variant:"soft",color:"gray",children:"Close"})}),_jsxruntime.jsx.call(void 0, _themes.Button,{size:"2",className:"btn-amber-primary",onClick:()=>a(e.id),children:"Edit sync"})]})]})})})}function fe({label:e,children:r}){return _jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"baseline",justify:"between",gap:"4",children:[_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",color:"gray",style:{flexShrink:0},children:e}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",weight:"medium",align:"right",style:{color:"var(--gray-12)"},children:r})]})}function Je({accounts:e,connectProvider:r,onAccountAdded:t,onImported:a}){let[n,o]=_react.useState.call(void 0, null),[i,l]=_react.useState.call(void 0, null),[s,c]=_react.useState.call(void 0, null),[p,d]=_react.useState.call(void 0, !1);function g(f){if(n)return;c(null),d(!1),o(f);let x=e.map(w=>w.id);r(f,x).then(w=>{o(null),w?l(w):(c(f),d(!0))}).catch(()=>{o(null),c(f),d(!1)})}function v(f){if(!i)return;let x=new Set(f);t({...i,calendars:i.calendars.filter(w=>x.has(w.id))}),l(null),_optionalChain([a, 'optionalCall', _70 => _70()])}return{connectingProvider:n,pendingAccount:i,failedProvider:s,exhausted:p,connect:g,confirmImport:v,cancelImport:()=>l(null),dismissError:()=>c(null)}}function as({variant:e="button",trigger:r,accounts:t,connectProvider:a,onAccountAdded:n,onImported:o}){let{pendingAccount:i,failedProvider:l,exhausted:s,connect:c,confirmImport:p,cancelImport:d,dismissError:g}=Je({accounts:t,connectProvider:a,onAccountAdded:n,onImported:o}),v=["google","microsoft"],f=e==="tile"?_jsxruntime.jsxs.call(void 0, "button",{type:"button",className:"connect-account-tile","aria-label":"Connect Account",children:[_jsxruntime.jsx.call(void 0, _reacticons.PlusIcon,{style:h("--space-4")}),"Connect Account"]}):_jsxruntime.jsxs.call(void 0, _themes.Button,{size:"2",className:"btn-amber-primary",children:[_jsxruntime.jsx.call(void 0, _reacticons.PlusIcon,{style:h("--space-4")}),"Connect Account"]}),x=_jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Root,{children:[_jsxruntime.jsx.call(void 0, _themes.DropdownMenu.Trigger,{children:_nullishCoalesce(r, () => (f))}),_jsxruntime.jsx.call(void 0, _themes.DropdownMenu.Content,{align:"start",style:{width:"max-content",minWidth:"max-content"},children:v.map(w=>{let M=Ee[w];return _jsxruntime.jsxs.call(void 0, _themes.DropdownMenu.Item,{onSelect:()=>c(w),style:{height:"auto",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-2) var(--space-3)"},children:[_jsxruntime.jsx.call(void 0, P,{size:"var(--space-6)",children:_jsxruntime.jsx.call(void 0, H,{provider:w})}),_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",gap:"1",style:{flexShrink:0},children:[_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",weight:"medium",style:{color:"var(--gray-12)"},children:M.label}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"1",color:"gray",children:M.description})]})]},w)})})]});return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[e==="tile"&&!r?_jsxruntime.jsx.call(void 0, _themes.Box,{style:{width:"100%",minWidth:0},children:x}):x,_jsxruntime.jsx.call(void 0, Ce,{account:i,onOpenChange:w=>!w&&d(),onImport:p}),l&&_jsxruntime.jsx.call(void 0, Pr,{msg:s?`No more ${Ee[l].label} accounts available to connect.`:`Couldn't connect ${Ee[l].label}. Please try again.`,color:"red",onDone:g})]})}function cs({accounts:e,connectProvider:r,onAccountAdded:t,onImported:a}){let{connectingProvider:n,pendingAccount:o,failedProvider:i,exhausted:l,connect:s,confirmImport:c,cancelImport:p}=Je({accounts:e,connectProvider:r,onAccountAdded:t,onImported:a});return _jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",align:"center",justify:"center",style:{width:"100%",flex:1,minHeight:0},children:[_jsxruntime.jsx.call(void 0, _themes.Card,{style:{width:"100%",maxWidth:b.providerChooserMax},children:_jsxruntime.jsxs.call(void 0, _themes.Flex,{direction:"column",align:"center",justify:"center",gap:"3",py:"6",px:"3",style:{width:"100%",textAlign:"center"},children:[_jsxruntime.jsx.call(void 0, P,{children:_jsxruntime.jsx.call(void 0, _reacticons.CalendarIcon,{style:{...h("--space-5"),color:"var(--gray-7)"}})}),_jsxruntime.jsx.call(void 0, _themes.Heading,{as:"h2",size:L.h2,weight:"medium",children:e.length>0?"Connect another account":"Connect your first account"}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"2",color:"gray",children:e.length>0?"Add another Google or Microsoft account, then choose which calendars to import.":"Connect a Google or Microsoft account to import calendars for sync."}),_jsxruntime.jsx.call(void 0, _themes.Flex,{direction:"column",style:{width:"100%"},mt:"3",children:_jsxruntime.jsx.call(void 0, et,{connectingProvider:n,failedProvider:i,exhausted:l,onConnect:s})})]})}),_jsxruntime.jsx.call(void 0, Ce,{account:o,onOpenChange:d=>!d&&p(),onImport:c})]})}function fs({accounts:e,view:r,setView:t,hideClones:a,setHideClones:n,mergedCalendarIds:o,visibleCalendarIds:i,toggleCalendarVisible:l,getVisibleBlocksInRange:s,manageAccountsHref:c,today:p=new Date}){let[d,g]=_react.useState.call(void 0, p),[v,f]=_react.useState.call(void 0, new Set),[x,w]=_react.useState.call(void 0, ()=>typeof window<"u"&&window.innerWidth<900),[M,ae]=_react.useState.call(void 0, !1);_react.useEffect.call(void 0, ()=>{function y(){w(window.innerWidth<900)}return window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)},[]);let se=_react.useMemo.call(void 0, ()=>{let y=new Date(d);return y.setDate(y.getDate()-42),y},[d]),C=_react.useMemo.call(void 0, ()=>{let y=new Date(d);return y.setDate(y.getDate()+42),y},[d]),z=s(se,C),T=_react.useMemo.call(void 0, ()=>{let y=[],B=new Map;for(let V of o){let W=j(e,V);if(!W)continue;let K=B.get(W.account.id);K===void 0&&(K=y.length,B.set(W.account.id,K),y.push({accountId:W.account.id,calendarIds:[]})),y[K].calendarIds.push(V)}return y},[o,e]);function ge(y){f(B=>{let V=new Set(B);return V.has(y)?V.delete(y):V.add(y),V})}return _jsxruntime.jsxs.call(void 0, _themes.Flex,{gap:"5",align:"start",direction:x?"column":"row",flexGrow:"1",minHeight:"0",height:"100%",children:[(!x\|\|M)&&_jsxruntime.jsxs.call(void 0, _themes.Box,{minWidth:x?void 0:b.sidebarColMin,p:"4",maxHeight:"100%",style:{flex:x?"1 1 100%":`0 0 ${b.sidebarColBasis}`,border:"1px solid var(--gray-5)",borderRadius:"var(--radius-4)",background:"var(--color-panel-solid)",boxShadow:"var(--shadow-card)",overflow:"auto"},children:[_jsxruntime.jsx.call(void 0, lt,{cursor:d,onSelect:g,today:p}),_jsxruntime.jsx.call(void 0, _themes.Separator,{size:"4",my:"3"}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",weight:"medium",color:"gray",mb:"3",style:{letterSpacing:"0.04em"},children:"CALENDARS"}),_jsxruntime.jsx.call(void 0, _themes.Flex,{direction:"column",gap:"1",mb:"4",children:T.map(({accountId:y,calendarIds:B},V)=>{let W=e.find(q=>q.id===y);if(!W)return null;let K=v.has(y);return _jsxruntime.jsxs.call(void 0, "div",{style:{paddingTop:V>0?"var(--space-2)":void 0,borderTop:V>0?"1px solid var(--gray-3)":void 0},children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",gap:"2",mb:"2",py:"1",className:"calendar-legend-account-row",style:{cursor:"pointer",borderRadius:"var(--radius-2)"},onClick:()=>ge(y),children:[_jsxruntime.jsx.call(void 0, _reacticons.ChevronDownIcon,{style:{...h("--space-3"),color:"var(--gray-9)",transform:K?"rotate(-90deg)":void 0,transition:"transform 120ms ease",flexShrink:0}}),_jsxruntime.jsx.call(void 0, H,{provider:W.provider}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",weight:"medium",truncate:!0,title:W.email,style:{color:"var(--gray-12)",minWidth:0},children:W.email})]}),!K&&_jsxruntime.jsx.call(void 0, _themes.Flex,{direction:"column",gap:"1",pl:"5",children:B.map(q=>{let Re=j(e,q);return Re?_jsxruntime.jsxs.call(void 0, _themes.Text,{as:"label",size:"2",className:"calendar-legend-row",style:{display:"flex",alignItems:"center",gap:"var(--space-2)",cursor:"pointer",borderRadius:"var(--radius-2)",padding:"var(--space-1) var(--space-2)",marginLeft:"calc(var(--space-2) * -1)"},children:[_jsxruntime.jsxs.call(void 0, _themes.Flex,{align:"center",gap:"1",children:[_jsxruntime.jsx.call(void 0, _themes.Checkbox,{checked:i.has(q),onCheckedChange:()=>l(q)}),_jsxruntime.jsx.call(void 0, "span",{"aria-hidden":!0,style:{width:"var(--space-3)",height:"var(--space-3)",borderRadius:"50%",background:Re.calendar.colorToken,flexShrink:0}})]}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",truncate:!0,style:{color:"var(--gray-12)"},title:Re.calendar.name,children:Re.calendar.name})]},q):null})})]},y)})}),_jsxruntime.jsx.call(void 0, _themes.Separator,{size:"4",mb:"3"}),_jsxruntime.jsxs.call(void 0, _themes.Text,{as:"label",size:"2",style:{display:"flex",alignItems:"center",gap:"var(--space-2)",cursor:"pointer"},mb:"3",children:[_jsxruntime.jsx.call(void 0, _themes.Checkbox,{checked:a,onCheckedChange:y=>n(!!y)}),"Hide synced events"]}),_jsxruntime.jsx.call(void 0, _themes.Separator,{size:"4",mb:"3"}),_jsxruntime.jsxs.call(void 0, _reactrouterdom.Link,{to:c,style:{display:"flex",alignItems:"center",gap:"var(--space-2)",color:"var(--gray-11)",textDecoration:"none"},children:[_jsxruntime.jsx.call(void 0, _reacticons.GearIcon,{style:h("--space-3")}),_jsxruntime.jsx.call(void 0, _themes.Text,{size:"2",children:"Manage accounts"})]}),_jsxruntime.jsx.call(void 0, _themes.Text,{as:"p",size:"1",color:"gray",mt:"4",children:"On your target calendars, others see only what each sync is set to share. Full detail stays in araMetrics."})]}),_jsxruntime.jsxs.call(void 0, _themes.Box,{width:x?"100%":void 0,minHeight:b.bigCalendarH,height:"100%",style:{flex:x?"1 1 100%":`1 1 ${b.syncColWide}`,minWidth:x?0:b.syncColMin,display:"flex",flexDirection:"column",alignSelf:"stretch"},children:[x&&_jsxruntime.jsx.call(void 0, "button",{type:"button",className:"sidebar-icon-btn","aria-label":M?"Hide calendars":"Show calendars",style:{alignSelf:"flex-start",marginBottom:"var(--space-3)"},onClick:()=>ae(y=>!y),children:_jsxruntime.jsx.call(void 0, _reacticons.HamburgerMenuIcon,{style:h("--space-4")})}),_jsxruntime.jsx.call(void 0, _themes.Box,{flexGrow:"1",minHeight:"0",height:"100%",children:_jsxruntime.jsx.call(void 0, dt,{blocks:z,view:r,onViewChange:t,date:d,onNavigate:g,accounts:e,today:p})})]})]})}var _clsx = require('clsx');var _tailwindmerge = require('tailwind-merge');function ke(...e){return _tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, e))}function hs(e,r="solid"){return _optionalChain([_chunkTD6NGM5Ijs.b, 'access', _71 => _71.variants, 'access', _72 => _72[e], 'optionalAccess', _73 => _73[r]])\|\|_chunkTD6NGM5Ijs.b.variants.primary[r]}function bs(e){let r=_chunkTD6NGM5Ijs.b.sizes[e]\|\|_chunkTD6NGM5Ijs.b.sizes.md;return`${r.text} ${r.padding} ${r.height}`}function xs(){return ke(_chunkTD6NGM5Ijs.b.base.transition,_chunkTD6NGM5Ijs.b.base.focus,_chunkTD6NGM5Ijs.b.base.disabled,_chunkTD6NGM5Ijs.b.accessibility.reducedMotion)}function Cs(){return ke(_chunkTD6NGM5Ijs.b.base.interactive,_chunkTD6NGM5Ijs.b.accessibility.focusTrap,_chunkTD6NGM5Ijs.b.accessibility.touchTarget)}function ws(e={}){return ke(e.focusVisible&&_chunkTD6NGM5Ijs.b.accessibility.focusTrap,e.highContrast&&_chunkTD6NGM5Ijs.b.accessibility.highContrast,e.reducedMotion&&_chunkTD6NGM5Ijs.b.accessibility.reducedMotion)}function Ts(e,r=""){return typeof e=="string"?`${r}${e}`:typeof e=="object"&&e!==null?Object.entries(e).map(([t,a])=>a===void 0?"":`${t==="xs"?"":`${t}:`}${r}${a}`).filter(Boolean).join(" "):""}function Ss(e,r="gap"){let t=_chunkTD6NGM5Ijs.b.spacing[e]\|\|_chunkTD6NGM5Ijs.b.spacing.md;switch(r){case"margin":return t.replace("gap-","m-");case"padding":return t.replace("gap-","p-");default:return t}}function ks(e){return _chunkTD6NGM5Ijs.b.radius[e]\|\|_chunkTD6NGM5Ijs.b.radius.md}function Rs(e){return _chunkTD6NGM5Ijs.b.typography[e]\|\|_chunkTD6NGM5Ijs.b.typography.base}function Is(e,r=500){return`bg-${e}-${r}`}function As(e,r=500){return`text-${e}-${r}`}function Ds(e,r=500){return`border-${e}-${r}`}function Ps(e,r=500){return`hover:bg-${e}-${r}`}function Es(e,r=500){return`hover:text-${e}-${r}`}function Ms(e,r=500){return`focus:ring-${e}-${r}`}function zs(e){let r=_chunkTD6NGM5Ijs.b.animations[e];return typeof r=="string"?r:""}function Bs(e,r,t){return a=>{let n=e;return Object.entries(r).forEach(([o,i])=>{let l=a[o];l&&i[l]&&(n+=` ${i[l]}`)}),_optionalChain([t, 'optionalAccess', _74 => _74.forEach, 'call', _75 => _75(({conditions:o,className:i})=>{Object.entries(o).every(([s,c])=>a[s]===c)&&(n+=` ${i}`)})]),ke(n)}}function Ns(e){return function(t){let{className:a,...n}=t,o={...e.defaultVariants,...n},i=e.base\|\|"";return e.variants&&Object.entries(e.variants).forEach(([l,s])=>{let c=o[l];c&&s[c]&&(i+=` ${s[c]}`)}),_optionalChain([e, 'access', _76 => _76.compoundVariants, 'optionalAccess', _77 => _77.forEach, 'call', _78 => _78(({conditions:l,className:s})=>{Object.entries(l).every(([p,d])=>o[p]===d)&&(i+=` ${s}`)})]),ke(i,a)}}function Fs(e,r){let t={...e};return Object.keys(r).forEach(a=>{let n=r[a],o=e[a];a==="className"?t[a]=ke(o,n):typeof n=="object"&&typeof o=="object"&&n!==null&&o!==null&&!Array.isArray(n)&&!Array.isArray(o)?t[a]={...o,...n}:t[a]=n}),t}function Ls(e,r,t){return e?r:t&&e===!1?t:""}function Hs(e){let r=["button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","a[href]",'[tabindex]:not([tabindex="-1"])','[contenteditable="true"]'].join(", ");return Array.from(e.querySelectorAll(r))}function Os(e,r,t,a={}){let{loop:n=!0,orientation:o="both"}=a,i=t;switch(e.key){case"ArrowDown":(o==="vertical"\|\|o==="both")&&(i=t+1,i>=r.length&&(i=n?0:r.length-1));break;case"ArrowUp":(o==="vertical"\|\|o==="both")&&(i=t-1,i<0&&(i=n?r.length-1:0));break;case"ArrowRight":(o==="horizontal"\|\|o==="both")&&(i=t+1,i>=r.length&&(i=n?0:r.length-1));break;case"ArrowLeft":(o==="horizontal"\|\|o==="both")&&(i=t-1,i<0&&(i=n?r.length-1:0));break;case"Home":i=0;break;case"End":i=r.length-1;break}return i!==t&&(e.preventDefault(),_optionalChain([r, 'access', _79 => _79[i], 'optionalAccess', _80 => _80.focus, 'call', _81 => _81()])),i}require('@radix-ui/themes/styles.css');function Vs({children:e,appearance:r="light",radius:t="none",scaling:a="100%",accentColor:n="amber",grayColor:o="gray",panelBackground:i="solid",className:l=""}){return _jsxruntime.jsx.call(void 0, _themes.Theme,{accentColor:n,grayColor:o,radius:t,scaling:a,panelBackground:i,appearance:r,className:l,children:e})}function Su({value:e,defaultValue:r,onChange:t}){let[a,n]=xr.useState(r),o=e!==void 0,i=o?e:a,l=xr.useCallback(s=>{let c=typeof s=="function"?s(i):s;o\|\|n(c),_optionalChain([t, 'optionalCall', _82 => _82(c)])},[o,i,t]);return[i,l]}function Ru(e=!1){let[r,t]=Ne.useState(e),a=Ne.useCallback(()=>t(!0),[]),n=Ne.useCallback(()=>t(!1),[]),o=Ne.useCallback(()=>t(i=>!i),[]);return{isOpen:r,open:a,close:n,toggle:o,onOpen:a,onClose:n,onToggle:o}}function Au(e,r=!0){let t=Cr.useRef(null);return Cr.useEffect(()=>{if(!r)return;let a=n=>{t.current&&!t.current.contains(n.target)&&e()};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[e,r]),t}exports.ACTIVITY_META = Ko; exports.AUDIT_ACTION_META = Lt; exports.AccentCard = Fa; exports.AccentHeader = bt; exports.AccountCalendarsDialog = Ui; exports.AccountCard = Ya; exports.ActivityRow = Ro; exports.AddAccountMenu = as; exports.AppCard = ko; exports.AuthCard = Xo; exports.BigCalendarView = dt; exports.BrandPanel = Lr; exports.CalendarDayHeader = qr; exports.CalendarMergedView = fs; exports.CalendarPickList = ti; exports.CalendarToolbar = Jr; exports.CardFooter = X; exports.ConfirmDialog = kr; exports.ConnectProviderList = et; exports.ConnectProviderRows = cs; exports.ConnectedAccountCard = yi; exports.DashboardErrorCard = Mo; exports.DataTableRow = Mr; exports.EmptyCard = xi; exports.EventBlock = mo; exports.GoogleIcon = Hr; exports.IconTile = P; exports.ImportCalendarsDialog = Ce; exports.METRIC_STATUS_COLOR = Yo; exports.MetricCard = bo; exports.MicrosoftIcon = Or; exports.MiniMonthPicker = lt; exports.MonthGrid = ao; exports.OnboardingStepDots = Bi; exports.OnboardingStepper = ma; exports.OtpInput = _r; exports.OtpVerifyStep = on; exports.PROVIDER_LABEL = nn; exports.PROVIDER_META = Ee; exports.Pagination = $o; exports.PausedBadge = Rr; exports.ProviderIcon = H; exports.ROLE_LABELS = Go; exports.ROLE_META = tr; exports.SHELL_HEADER_H = lr; exports.STATUS_META = jo; exports.SearchOverlay = Kn; exports.Sidebar = wn; exports.Skeleton = Ma; exports.SyncDetailsDialog = Ji; exports.SyncPreviewRail = Ei; exports.Toast = Pr; exports.Topbar = Fn; exports.UIProvider = Vs; exports.WizardStepper = nt; exports.auditActionMeta = qo; exports.cn = ke; exports.colors = _chunkTD6NGM5Ijs.a; exports.conditionalClass = Ls; exports.createCompoundVariants = Bs; exports.createVariantGenerator = Ns; exports.findCalendar = j; exports.getAccessibilityStyles = ws; exports.getAnimationClass = zs; exports.getBaseStyles = xs; exports.getBgClass = Is; exports.getBorderClass = Ds; exports.getColor = _chunkTD6NGM5Ijs.c; exports.getFocusRingClass = Ms; exports.getFocusableElements = Hs; exports.getHoverBgClass = Ps; exports.getHoverTextClass = Es; exports.getInteractiveStyles = Cs; exports.getRadiusClass = ks; exports.getResponsiveClasses = Ts; exports.getSizeStyles = bs; exports.getSpacingClass = Ss; exports.getTextClass = As; exports.getTypographyClass = Rs; exports.getVariantStyles = hs; exports.handleArrowNavigation = Os; exports.headingSize = L; exports.layout = b; exports.mergeProps = Fs; exports.theme = _chunkTD6NGM5Ijs.b; exports.useClickOutside = Au; exports.useConnectAccount = Je; exports.useControllableState = Su; exports.useDisclosure = Ru;
2	+ //# sourceMappingURL=index.js.map

package/dist/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["/Users/kishor/Work/01-araCreate/arm/library/arm-ui-library/dist/index.js","../src/components/Skeleton.tsx","../src/components/AccentHeader.tsx","../src/components/ConfirmDialog.tsx","../src/components/layout-tokens.ts","../src/components/CardFooter.tsx"],"names":["Skeleton","width","height","radius","circle","mb","className","style","jsx","AccentHeader","title","trailing","titleNode","Text","jsxs","Flex","AccentCard","children","bodyPadding","Box","layout","CardFooter","justify","noTopMargin","pad"],"mappings":"AAAA,ylCAAuD,+CC+BnD,SAVYA,EAAAA,CAAS,CACvB,KAAA,CAAAC,CAAAA,CAAQ,MAAA,CACR,MAAA,CAAAC,CAAAA,CAAS,gBAAA,CACT,MAAA,CAAAC,CAAAA,CAAS,iBAAA,CACT,MAAA,CAAAC,CAAAA,CAAS,CAAA,CAAA,CACT,EAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CACF,CAAA,CAAkB,CAChB,OACEC,6BAAAA,KAAC,CAAA,CACC,SAAA,CAAW,CAAC,UAAA,CAAYF,CAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,CAC3D,aAAA,CAAY,MAAA,CACZ,KAAA,CAAO,CACL,KAAA,CAAAL,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,YAAA,CAAcE,CAAAA,CAAS,KAAA,CAAQD,CAAAA,CAC/B,YAAA,CAAcE,CAAAA,CACd,GAAGE,CACL,CAAA,CACF,CAEJ,CC1CA,0CAAgC,SAkBhBE,EAAAA,CAAa,CAAE,KAAA,CAAAC,CAAAA,CAAO,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAJ,CAAM,CAAA,CAAsB,CAI1E,IAAMK,CAAAA,CACJ,OAAOF,CAAAA,EAAU,QAAA,EAAY,OAAOA,CAAAA,EAAU,QAAA,CAC5CF,6BAAAA,YAACK,CAAA,CAAK,IAAA,CAAK,GAAA,CAAI,MAAA,CAAO,QAAA,CAAS,KAAA,CAAO,CAAE,KAAA,CAAO,wBAAyB,CAAA,CACrE,QAAA,CAAAH,CAAAA,CACH,CAAA,CAEAA,CAAAA,CAEJ,OACEI,8BAAAA,YAACC,CAAA,CACC,KAAA,CAAM,QAAA,CACN,OAAA,CAAQ,SAAA,CACR,GAAA,CAAI,GAAA,CACJ,EAAA,CAAG,GAAA,CACH,KAAA,CAAO,CACL,UAAA,CAAY,iBAAA,CACZ,SAAA,CAAW,gBAAA,CACX,GAAGR,CACL,CAAA,CAEC,QAAA,CAAA,CAAAK,CAAAA,CACAD,CAAAA,CAAAA,CACH,CAEJ,CAaO,SAASK,EAAAA,CAAW,CACzB,KAAA,CAAAN,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAM,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,GAAA,CACd,KAAA,CAAAX,CACF,CAAA,CAAoB,CAClB,OACEO,8BAAAA,WAACK,CAAA,CACC,KAAA,CAAO,CACL,UAAA,CAAY,0BAAA,CACZ,YAAA,CAAc,iBAAA,CACd,QAAA,CAAU,QAAA,CACV,SAAA,CAAW,oBAAA,CACX,GAAGZ,CACL,CAAA,CAEA,QAAA,CAAA,CAAAC,6BAAAA,EAACC,CAAA,CAAa,KAAA,CAAOC,CAAAA,CAAO,QAAA,CAAUC,CAAAA,CAAU,CAAA,CAChDH,6BAAAA,WAACW,CAAA,CAAI,CAAA,CAAGD,CAAAA,CAAc,QAAA,CAAAD,CAAAA,CAAS,CAAA,CAAA,CACjC,CAEJ,CChFA,ICKaG,CAAAA,CAAS,CACpB,UAAA,CAAY,4CAAA,CACZ,YAAA,CAAc,2CAAA,CACd,eAAA,CAAiB,2CAAA,CACjB,cAAA,CAAgB,2CAAA,CAChB,YAAA,CAAc,2BAAA,CACd,eAAA,CAAiB,2CAAA,CACjB,aAAA,CAAe,2CAAA,CACf,UAAA,CAAY,0BAAA,CACZ,WAAA,CAAa,2CAAA,CACb,QAAA,CAAU,2CAAA,CACV,UAAA,CAAY,2CAAA,CACZ,WAAA,CAAa,2CAAA,CACb,YAAA,CAAc,4DAAA,CACd,qBAAA,CAAuB,uCAAA,CACvB,QAAA,CAAU,2CAAA,CACV,QAAA,CAAU,2CAAA,CACV,aAAA,CAAe,2BAAA,CACf,iBAAA,CAAmB,0BAAA,CACnB,kBAAA,CAAoB,2CAAA,CAKpB,YAAA,CAAc,uCAAA,CACd,cAAA,CAAgB,wDAAA,CAChB,YAAA,CAAc,4DAAA,CACd,eAAA,CAAiB,2CAAA,CACjB,aAAA,CAAe,2CACjB,CAAA,CClCA,SAuBgBC,CAAAA,CAAW,CACzB,QAAA,CAAAJ,CAAAA,CACA,OAAA,CAAAK,CAAAA,CAAU,KAAA,CACV,WAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CAAM,gBAAA,CACN,MAAA,CAAArB,CAAAA,CAAS,iBACX,CAAA,CAAoB,CAClB,OACEK,6BAAAA,YAACO,CAAA,CACC,OAAA,CAASO,CAAAA,CACT,KAAA,CAAO,CACL,MAAA,CAAQ,CAAA,EAAA","file":"/Users/kishor/Work/01-araCreate/arm/library/arm-ui-library/dist/index.js","sourcesContent":[null,"import type { CSSProperties } from \"react\";\n\n/**\n * Skeleton — loading placeholder. Generalizes the local `Skel` helper and the\n * inline `<div className=\"skeleton\" .../>` blocks used in the users, user-detail,\n * and home surfaces. Pulse animation + base color come from `.skeleton` in\n * globals.css.\n */\nexport interface SkeletonProps {\n width?: number | string;\n height?: number | string;\n /** Border radius. Ignored when `circle` is set. Defaults to var(--radius-2). */\n radius?: number | string;\n /** Render as a circle (avatars). */\n circle?: boolean;\n /** Bottom margin. */\n mb?: number | string;\n className?: string;\n style?: CSSProperties;\n}\n\nexport function Skeleton({\n width = \"100%\",\n height = \"var(--space-4)\" /* 16px == space-4 */,\n radius = \"var(--radius-2)\",\n circle = false,\n mb,\n className,\n style,\n}: SkeletonProps) {\n return (\n <div\n className={[\"skeleton\", className].filter(Boolean).join(\" \")}\n aria-hidden=\"true\"\n style={{\n width,\n height,\n borderRadius: circle ? \"50%\" : radius,\n marginBottom: mb,\n ...style,\n }}\n />\n );\n}\n\nexport default Skeleton;\n","import type { CSSProperties, ReactNode } from \"react\";\nimport { Box, Flex, Text } from \"@radix-ui/themes\";\n\n/**\n * AccentHeader — the amber two-tone title bar Figma uses on cards, dialogs,\n * and page banners (Target/Source Calendar, Preview, Upcoming Event, Confirm\n * Logout, Terms hero). Build-once pattern per the design ledger: a solid\n * `--accent-9` bar with a dark bold title, optionally with trailing controls\n * (e.g. the Month/Week/Day toggle lives inside the bar on the Preview card).\n *\n * Figma refs: ui-ux/figma/crops/month-card.png, confirm-dialog.png.\n */\nexport interface AccentHeaderProps {\n title: ReactNode;\n /** Right-aligned slot inside the bar (view toggles, actions). */\n trailing?: ReactNode;\n style?: CSSProperties;\n}\n\nexport function AccentHeader({ title, trailing, style }: AccentHeaderProps) {\n // Plain strings get the bar's standard Text treatment; element titles (e.g.\n // an AlertDialog.Title heading) render as-is so we never nest a heading\n // inside a span (invalid HTML).\n const titleNode =\n typeof title === \"string\" || typeof title === \"number\" ? (\n <Text size=\"3\" weight=\"medium\" style={{ color: \"var(--accent-contrast)\" }}>\n {title}\n </Text>\n ) : (\n title\n );\n return (\n <Flex\n align=\"center\"\n justify=\"between\"\n gap=\"3\"\n px=\"4\"\n style={{\n background: \"var(--accent-9)\",\n minHeight: \"var(--space-7)\",\n ...style,\n }}\n >\n {titleNode}\n {trailing}\n </Flex>\n );\n}\n\n/**\n * AccentCard — white panel with an AccentHeader bar and rounded corners\n * (measured r≈14 @1728 → var(--radius-5)) plus the soft card shadow seen on\n * every Figma card. The header is clipped by the card's radius.\n */\nexport interface AccentCardProps extends AccentHeaderProps {\n children: ReactNode;\n /** Radix padding scale for the body. Defaults to \"4\"; use \"0\" for flush content. */\n bodyPadding?: \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\";\n}\n\nexport function AccentCard({\n title,\n trailing,\n children,\n bodyPadding = \"4\",\n style,\n}: AccentCardProps) {\n return (\n <Box\n style={{\n background: \"var(--color-panel-solid)\",\n borderRadius: \"var(--radius-5)\",\n overflow: \"hidden\",\n boxShadow: \"var(--shadow-card)\",\n ...style,\n }}\n >\n <AccentHeader title={title} trailing={trailing} />\n <Box p={bodyPadding}>{children}</Box>\n </Box>\n );\n}\n\nexport default AccentHeader;\n","import type { ReactNode } from \"react\";\nimport { AlertDialog, Button } from \"@radix-ui/themes\";\nimport { layout } from \"./layout-tokens\";\nimport { CardFooter } from \"./CardFooter\";\n\n/**\n * ConfirmDialog — the confirm/cancel prompt used for destructive or\n * state-changing actions (Confirm Logout, Remove account, etc). Built on\n * Radix `AlertDialog` with a plain title/description and bottom-right\n * actions, matching the app's other dialogs (e.g. ImportCalendarsDialog):\n * neutral outline Cancel, amber-primary Confirm.\n */\nexport interface ConfirmDialogProps {\n /** Dialog title, rendered inside the AccentHeader bar. */\n title: ReactNode;\n /** Question / body copy. */\n description: ReactNode;\n /** Confirm button label. Defaults to \"Yes\". */\n confirmLabel?: ReactNode;\n /** Cancel button label. Defaults to \"Cancel\". */\n cancelLabel?: ReactNode;\n /** Called when the confirm action is activated (dialog still closes via AlertDialog.Action). */\n onConfirm?: () => void;\n /** Element that opens the dialog, rendered inside AlertDialog.Trigger. Omit for a fully controlled dialog. */\n trigger?: ReactNode;\n /** Controlled open state — omit for uncontrolled, trigger-driven usage. */\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}\n\nexport function ConfirmDialog({\n title,\n description,\n confirmLabel = \"Yes\",\n cancelLabel = \"Cancel\",\n onConfirm,\n trigger,\n open,\n onOpenChange,\n}: ConfirmDialogProps) {\n return (\n <AlertDialog.Root open={open} onOpenChange={onOpenChange}>\n {trigger ? <AlertDialog.Trigger>{trigger}</AlertDialog.Trigger> : null}\n <AlertDialog.Content maxWidth={layout.dialogSm}>\n <AlertDialog.Title\n size=\"5\"\n mb=\"1\"\n style={{ fontFamily: \"var(--heading-font-family)\", fontWeight: \"var(--font-weight-medium)\" }}\n >\n {title}\n </AlertDialog.Title>\n <AlertDialog.Description size=\"2\" color=\"gray\" mb=\"5\">\n {description}\n </AlertDialog.Description>\n <CardFooter justify=\"between\" noTopMargin>\n <AlertDialog.Cancel>\n <Button size=\"2\" variant=\"outline\" color=\"gray\">\n {cancelLabel}\n </Button>\n </AlertDialog.Cancel>\n <AlertDialog.Action>\n <Button size=\"2\" className=\"btn-amber-primary\" onClick={onConfirm}>\n {confirmLabel}\n </Button>\n </AlertDialog.Action>\n </CardFooter>\n </AlertDialog.Content>\n </AlertDialog.Root>\n );\n}\n\nexport default ConfirmDialog;\n","/** Radix space-scale layout widths. Originally a subset of the app's\n * src/lib/layout-tokens.ts covering only what this package's own components\n * reference; now also exported so consumers stop hand-rolling their own\n * copies (arm-admin had none at all, and core-fe carries a 5-constant\n * fork). Values must match the app's copy — see README.md's \"Files\n * duplicated from the app\". */\nexport const layout = {\n contentMax: \"calc(15 * var(--space-9) + var(--space-5))\",\n accountCardW: \"calc(3 * var(--space-9) + var(--space-8))\",\n accountCardMinH: \"calc(2 * var(--space-9) - var(--space-2))\",\n monthTitleMinW: \"calc(3 * var(--space-9) - var(--space-1))\",\n bigCalendarH: \"calc(10 * var(--space-9))\",\n sidebarColBasis: \"calc(4 * var(--space-9) - var(--space-2))\",\n sidebarColMin: \"calc(3 * var(--space-9) + var(--space-6))\",\n syncColMin: \"calc(5 * var(--space-9))\",\n syncColWide: \"calc(7 * var(--space-9) + var(--space-6))\",\n dialogSm: \"calc(6 * var(--space-9) - var(--space-2))\",\n dialogBody: \"calc(5 * var(--space-9) + var(--space-7))\",\n authFormMax: \"calc(6 * var(--space-9) + var(--space-8))\",\n brandLogoMax: \"calc(6 * var(--space-9) + var(--space-8) - var(--space-1))\",\n connectedAccountCardH: \"calc(var(--space-9) - var(--space-1))\",\n dialogMd: \"calc(6 * var(--space-9) + var(--space-6))\",\n dialogLg: \"calc(7 * var(--space-9) - var(--space-1))\",\n emptyStateMax: \"calc(10 * var(--space-9))\",\n emptyStateCopyMax: \"calc(6 * var(--space-9))\",\n providerChooserMax: \"calc(6 * var(--space-9) + var(--space-6))\",\n /* Admin portal. The two audit columns are fixed so the header grid and\n * every row grid resolve to the same track sizes; settingsGridMin is the\n * floor that keeps a 5–6 column table legible before it starts scrolling\n * horizontally instead of crushing its columns. */\n auditColTime: \"calc(var(--space-9) + var(--space-2))\",\n auditColAction: \"calc(var(--space-9) + var(--space-5) + var(--space-1))\",\n searchFieldW: \"calc(3 * var(--space-9) + var(--space-5) + var(--space-1))\",\n settingsGridMin: \"calc(5 * var(--space-9) + var(--space-5))\",\n placeholderMd: \"calc(6 * var(--space-9) + var(--space-4))\",\n} as const;\n","import type { ReactNode } from \"react\";\nimport { Flex } from \"@radix-ui/themes\";\n\nexport interface CardFooterProps {\n children: ReactNode;\n justify?: \"end\" | \"between\";\n /** Omit the top margin when the content above already ends with its own\n * bottom margin/gap (e.g. Flex `mb`) — avoids doubled spacing. */\n noTopMargin?: boolean;\n /** Match the enclosing container's own padding so the negative-margin\n * breakout lines up flush with its edges. Defaults to Card size=\"3\"'s\n * var(--space-5); pass the container's actual padding otherwise (e.g.\n * a default-size Card's var(--space-3), StepCard's var(--space-4)). */\n pad?: string;\n /** Match the enclosing container's own corner radius so the footer's\n * bottom corners line up. Defaults to Card size=\"3\"+'s var(--radius-5);\n * default-size Card (1-2) uses var(--radius-4). */\n radius?: string;\n}\n\n/** Full-bleed gray action bar for the bottom of a Card — breaks out of the\n * Card's own padding so it reads as a distinct footer strip, same shape as\n * ImportCalendarsDialog's button row. Use for any Card/Dialog that ends in\n * one or more buttons instead of a plain Separator + Flex. */\nexport function CardFooter({\n children,\n justify = \"end\",\n noTopMargin,\n pad = \"var(--space-5)\",\n radius = \"var(--radius-5)\",\n}: CardFooterProps) {\n return (\n <Flex\n justify={justify}\n style={{\n margin: `${noTopMargin ? \"0\" : \"var(--space-5)\"} calc(-1 * ${pad}) calc(-1 * ${pad})`,\n padding: `var(--space-4) ${pad}`,\n alignItems: \"center\",\n background: \"var(--gray-2)\",\n borderTop: \"1px solid var(--gray-5)\",\n borderRadius: `0 0 ${radius} ${radius}`,\n }}\n >\n {children}\n </Flex>\n );\n}\n"]}

package/dist/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{a as Ea,b as R,c as vt}from"./chunk-LGJWNA6J.mjs";import{jsx as za}from"react/jsx-runtime";function Ma({width:e="100%",height:r="var(--space-4)",radius:t="var(--radius-2)",circle:a=!1,mb:n,className:o,style:i}){return za("div",{className:["skeleton",o].filter(Boolean).join(" "),"aria-hidden":"true",style:{width:e,height:r,borderRadius:a?"50%":t,marginBottom:n,...i}})}import{Box as ht,Flex as Ba,Text as Na}from"@radix-ui/themes";import{jsx as Tr,jsxs as xt}from"react/jsx-runtime";function bt({title:e,trailing:r,style:t}){let a=typeof e=="string"\|\|typeof e=="number"?Tr(Na,{size:"3",weight:"medium",style:{color:"var(--accent-contrast)"},children:e}):e;return xt(Ba,{align:"center",justify:"between",gap:"3",px:"4",style:{background:"var(--accent-9)",minHeight:"var(--space-7)",...t},children:[a,r]})}function Fa({title:e,trailing:r,children:t,bodyPadding:a="4",style:n}){return xt(ht,{style:{background:"var(--color-panel-solid)",borderRadius:"var(--radius-5)",overflow:"hidden",boxShadow:"var(--shadow-card)",...n},children:[Tr(bt,{title:e,trailing:r}),Tr(ht,{p:a,children:t})]})}import{AlertDialog as he,Button as Ct}from"@radix-ui/themes";var b={contentMax:"calc(15 * var(--space-9) + var(--space-5))",accountCardW:"calc(3 * var(--space-9) + var(--space-8))",accountCardMinH:"calc(2 * var(--space-9) - var(--space-2))",monthTitleMinW:"calc(3 * var(--space-9) - var(--space-1))",bigCalendarH:"calc(10 * var(--space-9))",sidebarColBasis:"calc(4 * var(--space-9) - var(--space-2))",sidebarColMin:"calc(3 * var(--space-9) + var(--space-6))",syncColMin:"calc(5 * var(--space-9))",syncColWide:"calc(7 * var(--space-9) + var(--space-6))",dialogSm:"calc(6 * var(--space-9) - var(--space-2))",dialogBody:"calc(5 * var(--space-9) + var(--space-7))",authFormMax:"calc(6 * var(--space-9) + var(--space-8))",brandLogoMax:"calc(6 * var(--space-9) + var(--space-8) - var(--space-1))",connectedAccountCardH:"calc(var(--space-9) - var(--space-1))",dialogMd:"calc(6 * var(--space-9) + var(--space-6))",dialogLg:"calc(7 * var(--space-9) - var(--space-1))",emptyStateMax:"calc(10 * var(--space-9))",emptyStateCopyMax:"calc(6 * var(--space-9))",providerChooserMax:"calc(6 * var(--space-9) + var(--space-6))",auditColTime:"calc(var(--space-9) + var(--space-2))",auditColAction:"calc(var(--space-9) + var(--space-5) + var(--space-1))",searchFieldW:"calc(3 * var(--space-9) + var(--space-5) + var(--space-1))",settingsGridMin:"calc(5 * var(--space-9) + var(--space-5))",placeholderMd:"calc(6 * var(--space-9) + var(--space-4))"};import{Flex as La}from"@radix-ui/themes";import{jsx as Ha}from"react/jsx-runtime";function X({children:e,justify:r="end",noTopMargin:t,pad:a="var(--space-5)",radius:n="var(--radius-5)"}){return Ha(La,{justify:r,style:{margin:`${t?"0":"var(--space-5)"} calc(-1 * ${a}) calc(-1 * ${a})`,padding:`var(--space-4) ${a}`,alignItems:"center",background:"var(--gray-2)",borderTop:"1px solid var(--gray-5)",borderRadius:`0 0 ${n} ${n}`},children:e})}import{jsx as be,jsxs as Sr}from"react/jsx-runtime";function kr({title:e,description:r,confirmLabel:t="Yes",cancelLabel:a="Cancel",onConfirm:n,trigger:o,open:i,onOpenChange:l}){return Sr(he.Root,{open:i,onOpenChange:l,children:[o?be(he.Trigger,{children:o}):null,Sr(he.Content,{maxWidth:b.dialogSm,children:[be(he.Title,{size:"5",mb:"1",style:{fontFamily:"var(--heading-font-family)",fontWeight:"var(--font-weight-medium)"},children:e}),be(he.Description,{size:"2",color:"gray",mb:"5",children:r}),Sr(X,{justify:"between",noTopMargin:!0,children:[be(he.Cancel,{children:be(Ct,{size:"2",variant:"outline",color:"gray",children:a})}),be(he.Action,{children:be(Ct,{size:"2",className:"btn-amber-primary",onClick:n,children:t})})]})]})]})}import{PauseIcon as Oa}from"@radix-ui/react-icons";function h(e){return{width:`var(${e})`,height:`var(${e})`}}import{jsx as wt,jsxs as _a}from"react/jsx-runtime";function Rr({label:e="Paused",style:r}){return _a("span",{style:{display:"inline-flex",alignItems:"center",gap:"var(--space-1)",height:"calc(var(--space-4) + var(--space-1))",padding:"var(--space-1) var(--space-2)",border:"1px solid var(--color-paused)",borderRadius:999,background:"var(--color-panel-solid)",color:"var(--color-paused)",fontSize:"var(--font-size-1)",fontWeight:600,lineHeight:1,whiteSpace:"nowrap",...r},children:[wt("span",{"aria-hidden":"true",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"var(--space-3)",height:"var(--space-3)",flexShrink:0,borderRadius:"50%",border:"1px solid var(--color-paused)"},children:wt(Oa,{style:h("--space-2")})}),e]})}import{Avatar as Va,Box as Tt,DropdownMenu as Ie,Flex as St,IconButton as Wa,Text as kt}from"@radix-ui/themes";import{DotsVerticalIcon as $a,PauseIcon as Ua,PlayIcon as Ga,TrashIcon as ja}from"@radix-ui/react-icons";import{jsx as $,jsxs as ne}from"react/jsx-runtime";function Ya({name:e,email:r,avatarSrc:t,paused:a=!1,onPause:n,onResume:o,onDelete:i,onClick:l,badge:s,accentColor:c,style:p}){let d=$(kt,{as:l?"span":"p",size:"3",weight:"medium",truncate:!0,style:{color:"var(--gray-12)",minWidth:0},children:e});return ne(Tt,{onClick:l,style:{width:b.accountCardW,minHeight:b.accountCardMinH,padding:"var(--space-3)",background:"var(--color-panel-solid)",borderRadius:"var(--radius-4)",boxShadow:"var(--shadow-card)",cursor:l?"pointer":void 0,...p},children:[ne(St,{align:"center",justify:"between",gap:"2",mb:"3",children:[ne(St,{align:"center",gap:"2",style:{minWidth:0},children:[ne("div",{style:{position:"relative",flexShrink:0},children:[$(Va,{size:"3",radius:"full",src:t,fallback:e.charAt(0).toUpperCase()\|\|"?",style:c?{background:c,color:"white"}:void 0}),s&&$("span",{style:{position:"absolute",right:"calc(-1 * var(--space-1))",bottom:"calc(-1 * var(--space-1))",width:"var(--space-4)",height:"var(--space-4)",borderRadius:"50%",background:"var(--color-panel-solid)",border:"1px solid var(--gray-4)",display:"inline-flex",alignItems:"center",justifyContent:"center",transform:"scale(0.72)"},children:s})]}),a&&$(Rr,{})]}),ne(Ie.Root,{children:[$(Ie.Trigger,{children:$(Wa,{variant:"ghost",color:"gray","aria-label":"Account actions",style:{flexShrink:0},onClick:g=>g.stopPropagation(),children:$($a,{})})}),ne(Ie.Content,{align:"end",onClick:g=>g.stopPropagation(),children:[a?ne(Ie.Item,{onSelect:o,children:[$(Ga,{})," Resume"]}):ne(Ie.Item,{onSelect:n,children:[$(Ua,{})," Pause"]}),ne(Ie.Item,{color:"red",onSelect:i,children:[$(ja,{})," Delete"]})]})]})]}),ne(Tt,{style:{minWidth:0},children:[l?$("button",{type:"button",className:"card-title-button",onClick:g=>{g.stopPropagation(),l()},children:d}):d,$(kt,{as:"p",size:"1",color:"gray",truncate:!0,children:r})]})]})}import{Box as Rt,Flex as It,Heading as Ka,IconButton as At,Text as Dt}from"@radix-ui/themes";import{ChevronLeftIcon as qa,ChevronRightIcon as Xa}from"@radix-ui/react-icons";var L={h1:"6",h2:"5",h3:"4",h4:"3"};import{Fragment as oo,jsx as F,jsxs as Ar}from"react/jsx-runtime";var Za=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],Ir="var(--space-9)",Ja="var(--space-8)",Pt="var(--space-2)",Qa=new Intl.DateTimeFormat("en-US",{month:"long",year:"numeric"}),eo=new Intl.DateTimeFormat("en-US",{weekday:"long",month:"long",day:"numeric",year:"numeric"});function ro(e,r){return e.getFullYear()===r.getFullYear()&&e.getMonth()===r.getMonth()&&e.getDate()===r.getDate()}function Et(e){return(e+6)%7}function to(e){let r=e.getMonth(),t=e.getFullYear(),a=new Date(t,r,1),n=new Date(t,r+1,0),o=Et(a.getDay()),i=6-Et(n.getDay()),l=new Date(t,r,1-o),s=o+n.getDate()+i;return Array.from({length:s},(c,p)=>{let d=new Date(l.getFullYear(),l.getMonth(),l.getDate()+p);return{date:d,inCurrentMonth:d.getMonth()===r}})}function Mt(e,r){return new Date(e.getFullYear(),e.getMonth()+r,1)}function ao({month:e,onMonthChange:r,events:t=[],dayDots:a,today:n,onSelectDay:o,style:i}){let l=n??new Date,s=to(e),c=new Set(t.map(p=>p.toDateString()));return Ar(It,{direction:"column",align:"center",gap:"4",style:i,children:[Ar(It,{align:"center",gap:"2",children:[F(At,{type:"button",variant:"ghost",color:"gray","aria-label":"Previous month",onClick:()=>r?.(Mt(e,-1)),children:F(qa,{style:h("--space-4")})}),F(Ka,{as:"h2",size:L.h2,weight:"medium",style:{minWidth:b.monthTitleMinW,textAlign:"center"},children:Qa.format(e)}),F(At,{type:"button",variant:"ghost",color:"gray","aria-label":"Next month",onClick:()=>r?.(Mt(e,1)),children:F(Xa,{style:h("--space-4")})})]}),F(Rt,{style:{display:"grid",gridTemplateColumns:`repeat(7, ${Ir})`,gap:Pt},children:Za.map(p=>F(Dt,{size:"2",align:"center",style:{color:"var(--gray-11)"},children:p},p))}),F(Rt,{style:{display:"grid",gridTemplateColumns:`repeat(7, ${Ir})`,gap:Pt},children:s.map(({date:p,inCurrentMonth:d})=>{let g=ro(p,l),v=a?.get(p.toDateString()),f=c.has(p.toDateString()),x={position:"relative",width:Ir,height:Ja,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:d?g?"var(--color-panel-solid)":"transparent":"var(--gray-2)",border:g?"1.5px solid var(--accent-9)":"none",borderRadius:g?"var(--radius-3)":d?void 0:"var(--radius-2)",padding:0,font:"inherit",cursor:o?"pointer":void 0},w=Ar(oo,{children:[v&&v.length>0?F("span",{"aria-hidden":"true",style:{position:"absolute",bottom:"var(--space-1)",left:0,right:0,display:"flex",justifyContent:"center",gap:"2px"},children:v.slice(0,3).map((ae,se)=>F("span",{style:{width:"var(--space-1)",height:"var(--space-1)",borderRadius:"50%",background:ae}},se))}):f&&F("span",{"aria-hidden":"true",style:{position:"absolute",top:"var(--space-1)",right:"var(--space-2)",width:"var(--space-2)",height:"var(--space-2)",borderRadius:"50%",background:"var(--accent-9)"}}),F(Dt,{size:"3",style:{color:d?"var(--gray-12)":"var(--gray-11)",fontWeight:g?600:400},children:p.getDate()})]}),M=p.toISOString();return o?F("button",{type:"button",onClick:()=>o(p),"aria-label":eo.format(p),style:x,children:w},M):F("div",{style:x,children:w},M)})})]})}import{useEffect as no}from"react";import{Callout as Dr}from"@radix-ui/themes";import{CheckCircledIcon as io,ExclamationTriangleIcon as so}from"@radix-ui/react-icons";import{jsx as Le,jsxs as lo}from"react/jsx-runtime";function Pr({msg:e,color:r="green",onDone:t,durationMs:a=3e3}){return no(()=>{let n=setTimeout(t,a);return()=>clearTimeout(n)},[t,a]),Le("div",{style:{position:"fixed",bottom:"var(--space-5)",right:"var(--space-5)",zIndex:1e4,maxWidth:b.dialogBody,pointerEvents:"none"},children:lo(Dr.Root,{color:r,variant:"soft",size:"1",children:[Le(Dr.Icon,{children:r==="red"?Le(so,{}):Le(io,{})}),Le(Dr.Text,{children:e})]})})}import{jsx as co}from"react/jsx-runtime";function P({children:e,size:r="var(--space-7)"}){return co("div",{style:{width:r,height:r,borderRadius:"var(--radius-4)",background:"var(--color-panel-solid)",border:"1px solid var(--gray-5)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e})}import{Box as po,Flex as go,Text as zt}from"@radix-ui/themes";import{LockClosedIcon as uo}from"@radix-ui/react-icons";import{jsx as Bt,jsxs as Er}from"react/jsx-runtime";function mo({title:e,time:r,detail:t,color:a,locked:n}){return Er(go,{align:"center",justify:"between",style:{background:a,borderRadius:"var(--radius-3)",padding:"var(--space-3)",color:"white"},children:[Er(po,{style:{minWidth:0},children:[Bt(zt,{as:"p",size:"2",weight:"medium",style:{color:"white"},truncate:!0,children:e}),Er(zt,{as:"p",size:"1",style:{color:"rgba(255,255,255,0.85)"},truncate:!0,children:[r,t?` \xB7 ${t}`:""]})]}),n&&Bt(uo,{style:{flexShrink:0,color:"rgba(255,255,255,0.85)"}})]})}import{Box as fo}from"@radix-ui/themes";import{jsx as yo}from"react/jsx-runtime";function Mr({children:e,style:r,showBorder:t=!1,onActivate:a,selected:n=!1,className:o,"aria-label":i}){let l=!!a;function s(c){a&&(c.key==="Enter"\|\|c.key===" ")&&(c.preventDefault(),a())}return yo(fo,{role:l?"button":void 0,tabIndex:l?0:void 0,"aria-label":i,onClick:a,onKeyDown:l?s:void 0,className:["data-table-row",l&&"data-table-row--interactive",l&&n&&"data-table-row--selected",o].filter(Boolean).join(" "),style:{borderTop:t?"1px solid var(--gray-3)":void 0,...r},children:e})}import{useId as vo}from"react";import{Card as ho,Flex as zr,Text as Br}from"@radix-ui/themes";import{jsx as ie,jsxs as Ae}from"react/jsx-runtime";function bo({label:e,value:r,delta:t,deltaDir:a,goodDirection:n,statusColor:o,sparkline:i}){return ie(ho,{className:"metric-card",children:Ae(zr,{direction:"column",p:"1",children:[Ae(zr,{align:"center",justify:"between",mb:"3",children:[ie(Br,{as:"span",className:"ds-section-label",children:e}),ie("div",{style:{width:"var(--space-2)",height:"var(--space-2)",borderRadius:"50%",background:o,flexShrink:0}})]}),ie(Br,{as:"p",className:"metric-card-value",children:r}),Ae(zr,{align:"end",justify:"between",children:[Ae(Br,{size:"1",style:{color:a==="flat"?"var(--gray-11)":a===n?"var(--green-11)":"var(--red-11)",lineHeight:1.4},children:[a==="up"?"\u2191 ":a==="down"?"\u2193 ":"",t]}),ie(xo,{data:i,color:o})]})]})})}function xo({data:e,color:r}){let n=Math.min(...e),i=Math.max(...e)-n\|\|1,l=e.map((g,v)=>({x:v/(e.length-1)72,y:28-(g-n)/i28.75-28.1})),s=l.map((g,v)=>`${v===0?"M":"L"} ${g.x.toFixed(1)} ${g.y.toFixed(1)}`).join(" "),c=["M 0 28",...l.map(g=>`L ${g.x.toFixed(1)} ${g.y.toFixed(1)}`),"L 72 28 Z"].join(" "),d=`spk${vo().replace(/[^a-zA-Z0-9_-]/g,"")}`;return Ae("svg",{width:72,height:28,viewBox:"0 0 72 28","aria-hidden":!0,style:{overflow:"visible",flexShrink:0},children:[ie("defs",{children:Ae("linearGradient",{id:d,x1:"0",y1:"0",x2:"0",y2:"1",children:[ie("stop",{offset:"0%",stopColor:r,stopOpacity:"0.18"}),ie("stop",{offset:"100%",stopColor:r,stopOpacity:"0"})]})}),ie("path",{d:c,fill:`url(#${d})`}),ie("path",{d:s,fill:"none",stroke:r,strokeWidth:"1.5",strokeLinejoin:"round",strokeLinecap:"round"})]})}import{Link as Co}from"react-router-dom";import{Button as wo,Card as To,Flex as Nt,Text as Ft}from"@radix-ui/themes";import{ArrowRightIcon as So}from"@radix-ui/react-icons";import{jsx as De,jsxs as er}from"react/jsx-runtime";function ko({href:e,icon:r,name:t,description:a}){return er(To,{style:{height:"100%",display:"flex",flexDirection:"column"},children:[er(Nt,{direction:"column",gap:"3",p:"1",flexGrow:"1",children:[er(Nt,{align:"center",gap:"3",minWidth:"0",children:[De(P,{children:r}),De(Ft,{size:"4",weight:"medium",style:{color:"var(--gray-12)",fontFamily:"var(--font-poppins)"},truncate:!0,children:t})]}),De(Ft,{size:"2",style:{color:"var(--gray-11)",fontFamily:"var(--font-poppins)",lineHeight:1.5},children:a})]}),De(X,{pad:"var(--space-3)",radius:"var(--radius-4)",children:De(wo,{size:"2",className:"btn-amber-primary",asChild:!0,children:er(Co,{to:e,children:["Open",De(So,{style:h("--space-3")})]})})})]})}import{Text as He}from"@radix-ui/themes";import{jsx as Nr,jsxs as Fr}from"react/jsx-runtime";function Ro({tag:e,tagColor:r,msg:t,actor:a,timeAgo:n,timestamp:o,showBorder:i}){return Fr(Mr,{showBorder:i,style:{display:"flex",alignItems:"center",gap:"var(--space-3)",paddingBlock:"var(--space-2)",paddingInline:"var(--space-4)"},children:[Nr(He,{as:"span",size:"1",weight:"medium",className:"data-mono",style:{color:r,minWidth:"var(--space-6)",letterSpacing:"0.06em",flexShrink:0},children:e}),Fr(He,{as:"span",size:"2",style:{flex:1,color:"var(--gray-11)",lineHeight:1.4,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:[t,a&&Fr(He,{as:"span",size:"1",style:{color:"var(--gray-11)",marginLeft:"var(--space-2)"},children:["by ",a]})]}),n&&Nr(He,{as:"span",size:"1",color:"gray",style:{whiteSpace:"nowrap",flexShrink:0},children:n}),Nr(He,{as:"span",size:"1",className:"data-mono",style:{color:"var(--gray-11)",whiteSpace:"nowrap",flexShrink:0,minWidth:"var(--space-7)",textAlign:"right"},children:o})]})}import{Button as Io,Card as Ao,Flex as Do,Text as Po}from"@radix-ui/themes";import{ExclamationTriangleIcon as Eo}from"@radix-ui/react-icons";import{jsx as Oe,jsxs as zo}from"react/jsx-runtime";function Mo({onRetry:e,message:r="Couldn't load your dashboard."}){return Oe(Ao,{children:zo(Do,{direction:"column",align:"center",justify:"center",py:"9",gap:"3",children:[Oe(P,{children:Oe(Eo,{style:{...h("--space-5"),color:"var(--gray-7)"}})}),Oe(Po,{size:"2",color:"gray",children:r}),Oe(Io,{size:"2",color:"amber",variant:"solid",className:"btn-amber-primary",onClick:e,children:"Retry"})]})})}import{useMemo as Bo}from"react";import{Button as No,Flex as Fo,IconButton as rr,Text as Lo}from"@radix-ui/themes";import{ChevronLeftIcon as Ho,ChevronRightIcon as Oo,DoubleArrowLeftIcon as _o,DoubleArrowRightIcon as Vo}from"@radix-ui/react-icons";import{jsx as Z,jsxs as Uo}from"react/jsx-runtime";var Pe="\u2026";function Wo(e,r,t){let a=t2+5;if(r<=a)return Array.from({length:r},(c,p)=>p+1);let n=Math.max(e-t,1),o=Math.min(e+t,r),i=n>2,l=o<r-1;if(!i&&l)return[...Array.from({length:3+t2},(p,d)=>d+1),Pe,r];if(i&&!l){let c=3+t2,p=Array.from({length:c},(d,g)=>r-c+g+1);return[1,Pe,...p]}let s=Array.from({length:o-n+1},(c,p)=>n+p);return[1,Pe,...s,Pe,r]}function $o({currentPage:e,totalPages:r,onPageChange:t,siblingCount:a=1,showFirstLast:n=!1,size:o="2"}){let i=Bo(()=>Wo(e,r,a),[e,r,a]),l=e<=1,s=e>=r;return Z(Fo,{asChild:!0,align:"center",gap:"1",children:Uo("nav",{"aria-label":"Pagination",children:[n&&Z(rr,{size:o,variant:"soft",color:"gray","aria-label":"First page",disabled:l,onClick:()=>t(1),children:Z(_o,{})}),Z(rr,{size:o,variant:"soft",color:"gray","aria-label":"Previous page",disabled:l,onClick:()=>t(e-1),children:Z(Ho,{})}),i.map((c,p)=>c===Pe?Z(Lo,{size:o,color:"gray","aria-hidden":!0,style:{paddingInline:"var(--space-1)"},children:Pe},`ellipsis-${p}`):Z(No,{size:o,"aria-label":`Page ${c}`,"aria-current":c===e?"page":void 0,variant:c===e?"solid":"soft",color:c===e?void 0:"gray",className:c===e?"btn-amber-primary":void 0,onClick:()=>c!==e&&t(c),children:c},c)),Z(rr,{size:o,variant:"soft",color:"gray","aria-label":"Next page",disabled:s,onClick:()=>t(e+1),children:Z(Oo,{})}),n&&Z(rr,{size:o,variant:"soft",color:"gray","aria-label":"Last page",disabled:s,onClick:()=>t(r),children:Z(Vo,{})})]})})}var tr={admin:{label:"Admin",color:"amber"},operator:{label:"Operator",color:"blue"},user:{label:"Platform User",color:"gray"}},Go={admin:tr.admin.label,operator:tr.operator.label,user:tr.user.label},jo={active:{label:"Active",color:"var(--color-success)"},inactive:{label:"Inactive",color:"var(--gray-11)"},suspended:{label:"Suspended",color:"var(--color-danger)"}},Yo={ok:"var(--green-9)",warn:"var(--orange-9)",error:"var(--red-9)"},Ko={auth:{tag:"AUTH",color:"var(--gray-11)"},sync:{tag:"SYNC",color:"var(--blue-11)"},role:{tag:"ROLE",color:"var(--violet-11)"},provision:{tag:"PROV",color:"var(--green-11)"},health:{tag:"HLTH",color:"var(--teal-11)"},error:{tag:"ERR!",color:"var(--red-11)"}},Lt={USER_UPDATED:{label:"User updated",tag:"UPD",badge:"amber",color:"var(--amber-11)"},USER_DISABLED:{label:"User disabled",tag:"DIS",badge:"red",color:"var(--red-11)"},USER_ENABLED:{label:"User enabled",tag:"ENA",badge:"green",color:"var(--teal-11)"},USER_APPROVED:{label:"User approved",tag:"APPR",badge:"green",color:"var(--green-11)"},USER_REJECTED:{label:"User rejected",tag:"REJ",badge:"red",color:"var(--red-11)"},SIGNUP_NOTIFICATIONS_ON:{label:"Signup notifications on",tag:"NOTF",badge:"gray",color:"var(--gray-11)"},SIGNUP_NOTIFICATIONS_OFF:{label:"Signup notifications off",tag:"NOTF",badge:"gray",color:"var(--gray-11)"},APPROVAL_EMAIL_RESENT:{label:"Approval email resent",tag:"MAIL",badge:"amber",color:"var(--amber-11)"},USER_DELETED:{label:"User deleted",tag:"DEL",badge:"yellow",color:"var(--red-11)"},ADMIN_GRANTED:{label:"Admin granted",tag:"ADMN",badge:"gray",color:"var(--violet-11)"},ADMIN_REVOKED:{label:"Admin revoked",tag:"ADMN",badge:"gray",color:"var(--orange-11)"},ADMIN_ROLE_CHANGED:{label:"Role changed",tag:"ROLE",badge:"amber",color:"var(--violet-11)"},SESSION_REVOKED:{label:"Session revoked",tag:"SESS",badge:"gray",color:"var(--gray-11)"},APP_GRANTED:{label:"App access granted",tag:"APP",badge:"green",color:"var(--green-11)"},APP_REVOKED:{label:"App access revoked",tag:"APP",badge:"red",color:"var(--orange-11)"}};function qo(e){return Lt[e]??{label:e,tag:e.slice(0,4).toUpperCase(),badge:"gray",color:"var(--gray-11)"}}import{jsx as Ht}from"react/jsx-runtime";function Lr(){return Ht("div",{className:"auth-art-card",children:Ht("img",{src:"/arm-logo-inverted.svg",alt:"araMetrics",style:{width:"56%",maxWidth:b.brandLogoMax,display:"block",userSelect:"none"},draggable:!1})})}import{jsx as ar,jsxs as Zo}from"react/jsx-runtime";function Xo({children:e}){return Zo("div",{style:{minHeight:"100vh",display:"flex",background:"var(--surface-content)",padding:"var(--space-5)",gap:"var(--space-5)"},children:[ar("div",{className:"auth-card-left",style:{width:"47%",flexShrink:0,position:"sticky",top:"var(--space-5)",height:"calc(100vh - var(--space-8))"},children:ar(Lr,{})}),ar("div",{className:"auth-card-right",style:{flex:1,minWidth:0,display:"flex",flexDirection:"column",justifyContent:"center",minHeight:"calc(100vh - var(--space-8))",padding:"var(--space-7) var(--space-5)"},children:ar("main",{style:{maxWidth:b.authFormMax,width:"100%",marginLeft:"auto",marginRight:"auto",background:"var(--color-panel-solid)",borderRadius:"var(--radius-5)",boxShadow:"var(--shadow-card)",padding:"var(--space-7) var(--space-5)"},children:e})})]})}import{jsx as or,jsxs as Jo}from"react/jsx-runtime";function Hr(){return Jo("svg",{width:18,height:18,viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:[or("path",{d:"M15.68 8.18c0-.57-.05-1.11-.14-1.64H8v3.1h4.3a3.68 3.68 0 0 1-1.6 2.42v2h2.58c1.51-1.39 2.4-3.44 2.4-5.88Z",fill:"#4285F4"}),or("path",{d:"M8 16c2.16 0 3.97-.71 5.3-1.94l-2.59-2a4.88 4.88 0 0 1-7.27-2.56H0.9v2.07A8 8 0 0 0 8 16Z",fill:"#34A853"}),or("path",{d:"M3.44 9.5A4.8 4.8 0 0 1 3.19 8c0-.52.09-1.03.25-1.5V4.43H.9A8 8 0 0 0 0 8c0 1.29.31 2.51.9 3.57L3.44 9.5Z",fill:"#FBBC05"}),or("path",{d:"M8 3.18c1.22 0 2.31.42 3.17 1.24l2.37-2.37A7.94 7.94 0 0 0 8 0 8 8 0 0 0 .9 4.43L3.44 6.5A4.77 4.77 0 0 1 8 3.18Z",fill:"#EA4335"})]})}import{jsx as nr,jsxs as Qo}from"react/jsx-runtime";function Or(){return Qo("svg",{width:18,height:18,viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:[nr("rect",{x:"0",y:"0",width:"7.6",height:"7.6",fill:"#F25022"}),nr("rect",{x:"8.4",y:"0",width:"7.6",height:"7.6",fill:"#7FBA00"}),nr("rect",{x:"0",y:"8.4",width:"7.6",height:"7.6",fill:"#00A4EF"}),nr("rect",{x:"8.4",y:"8.4",width:"7.6",height:"7.6",fill:"#FFB900"})]})}import{useRef as en}from"react";import{TextField as rn}from"@radix-ui/themes";import{jsx as Ot}from"react/jsx-runtime";function _r({value:e,onChange:r,disabled:t}){let a=en([]);function n(s,c){let p=c.target.value.replace(/\D/g,"").slice(-1),d=Array.from({length:4},(g,v)=>e[v]??"");d[s]=p,r(d.join("")),p&&s<3&&a.current[s+1]?.focus()}function o(s,c){let p=Array.from({length:4},(d,g)=>e[g]??"");c.key==="Backspace"?!p[s]&&s>0&&(p[s-1]="",r(p.join("")),a.current[s-1]?.focus()):c.key==="ArrowLeft"&&s>0?a.current[s-1]?.focus():c.key==="ArrowRight"&&s<3&&a.current[s+1]?.focus()}function i(s){let c=s.clipboardData.getData("text").replace(/\D/g,"").slice(0,4);c&&(s.preventDefault(),r(c),a.current[Math.min(c.length,3)]?.focus())}let l=Array.from({length:4},(s,c)=>e[c]??"");return Ot("div",{style:{display:"flex",gap:"var(--space-3)",justifyContent:"center"},children:l.map((s,c)=>Ot(rn.Root,{ref:p=>{a.current[c]=p},type:"text",inputMode:"numeric",maxLength:1,value:s,onChange:p=>n(c,p),onKeyDown:p=>o(c,p),onPaste:i,disabled:t,className:"otp-box","aria-label":`Digit ${c+1}`,autoComplete:c===0?"one-time-code":"off"},c))})}import{Button as Vr,Callout as _e,Heading as tn,Text as Wr}from"@radix-ui/themes";import{ExclamationTriangleIcon as an}from"@radix-ui/react-icons";import{Fragment as _t,jsx as U,jsxs as le}from"react/jsx-runtime";function on({email:e,title:r,subtitle:t,code:a,onCodeChange:n,otpDevHint:o,error:i,errorAction:l,busy:s,otpExpiresAt:c,otpSecondsLeft:p,resendCooldown:d,onResend:g,onUseDifferentEmail:v}){return le(_t,{children:[le("div",{style:{marginBottom:"var(--space-6)",textAlign:"center"},children:[U(tn,{as:"h1",size:L.h1,style:{color:"var(--ink-strong)",marginBottom:"var(--space-3)"},children:r}),le(Wr,{as:"p",size:"2",style:{color:"var(--ink-mid)",lineHeight:1.55},children:[t," ",U("span",{style:{fontWeight:600,color:"var(--ink-strong)"},children:e}),"."]})]}),o&&U(_e.Root,{color:"gray",variant:"surface",size:"1",style:{marginBottom:"var(--space-5)"},children:le(_e.Text,{style:{fontFamily:"var(--font-poppins)"},children:["Dev hint \u2014 code is ",U("strong",{children:o})]})}),i&&le(_e.Root,{color:"red",variant:"surface",size:"2",style:{marginBottom:"var(--space-5)"},children:[U(_e.Icon,{children:U(an,{})}),le(_e.Text,{style:{fontFamily:"var(--font-poppins)"},children:[i,l&&le(_t,{children:[" ",U(Vr,{type:"button",variant:"ghost",size:"1",onClick:l.onClick,style:{fontWeight:600,textDecoration:"underline",height:"auto",padding:0},children:l.label})]})]})]}),le("div",{children:[U(_r,{value:a,onChange:n,disabled:s\|\|p<=0}),s?U(Wr,{as:"p",size:"1",style:{color:"var(--ink-mid)",marginTop:"var(--space-3)",textAlign:"center"},children:"Checking code\u2026"}):c&&p<=0?U(Wr,{as:"p",size:"1",style:{color:"var(--red-11)",marginTop:"var(--space-3)",textAlign:"center"},children:"Code expired \u2014 resend to get a new one."}):null]}),le("div",{style:{marginTop:"var(--space-5)",display:"flex",flexDirection:"column",alignItems:"center",gap:"var(--space-3)"},children:[U(Vr,{type:"button",variant:"ghost",size:"2",disabled:d>0\|\|s,onClick:g,style:{fontWeight:500,color:d>0?"rgba(85, 85, 85, 0.4)":"var(--ink-strong)",textDecoration:d>0?"none":"underline"},children:d>0?`Resend email (${d}s)`:"Resend email"}),U(Vr,{type:"button",variant:"ghost",size:"2",className:"auth-underline-link",disabled:s,onClick:v,style:{fontWeight:500,color:"var(--ink-strong)"},children:"Use a Different Email"})]})]})}import{jsx as Vt}from"react/jsx-runtime";function H({provider:e}){return e==="microsoft"?Vt(Or,{}):Vt(Hr,{})}var nn={google:"Google",microsoft:"Microsoft"};import{useState as Wt}from"react";import{Link as qt,useLocation as sn}from"react-router-dom";import{Avatar as $t,Badge as ln,DropdownMenu as ce,IconButton as Ut,Text as sr,Tooltip as Ve}from"@radix-ui/themes";import{ChevronLeftIcon as cn,ChevronRightIcon as Gt,Cross1Icon as dn,DotFilledIcon as pn,DotsVerticalIcon as gn,ExitIcon as un,GearIcon as jt,QuestionMarkCircledIcon as mn}from"@radix-ui/react-icons";import{Fragment as Ur,jsx as m,jsxs as D}from"react/jsx-runtime";var lr="var(--space-9)",fn="calc(4 var(--space-9))",yn="calc(var(--space-9) + var(--space-6))",vn="calc(4 * var(--space-9) + var(--space-5))",hn="var(--space-8)",Yt="var(--space-5)",$r="var(--space-5)",bn="calc(var(--space-5) + var(--space-3))",xn="var(--space-5)",Cn=e=>e?"opacity 130ms ease 80ms":"opacity 90ms ease",Kt="opacity 200ms ease";function wn({collapsed:e,onToggle:r,onClose:t,items:a,utilityHrefs:n,user:o,onSignOut:i,hasCalendarAccounts:l=!1,brandLogoExpandedSrc:s="/expand.svg",brandLogoCollapsedSrc:c="/shrink.svg",helpHref:p,devRoles:d,onDevRoleSelect:g,showDevRoles:v=!1}){let f=sn().pathname,[x,w]=Wt(!1),[M,ae]=Wt(null),se=M===f,C=u=>ae(u?f:null),z=!!t,T=!e\|\|z,ge=z?vn:e?yn:fn,y=a.filter(u=>!u.roles\|\|o&&u.roles.includes(o.role)),B=new Set(n),V=y.filter(u=>!B.has(u.href)),W=y.find(u=>u.href==="/settings"),K=y.filter(u=>B.has(u.href)&&u.href!=="/settings");function q(u){return u.root??u.href}function Re(u){let oe=q(u);return f===oe\|\|f===u.href\|\|f.startsWith(oe+"/")}let Da=y.find(u=>u.children&&(q(u)!=="/calendar"\|\|l)&&Re(u)),Fe=se?void 0:Da;function wr(u,oe){return u==="/home"\|\|oe?f===u:f===u\|\|f.startsWith(u+"/")}let Pa=f.startsWith("/admin")&&(o?.role==="admin"\|\|o?.role==="operator"),ft=o?.name?.split(" ").map(u=>u[0]).join("").slice(0,2)\|\|"?";return D("aside",{style:{position:"relative",width:ge,height:"100%",minHeight:"100vh",background:"var(--shell-surface)",borderRight:"1px solid var(--gray-6)",flexShrink:0,transition:z?"none":"width 200ms ease",zIndex:2},children:[D("div",{style:{width:"100%",height:"100%",minHeight:"100vh",display:"flex",flexDirection:"column",overflow:"hidden"},children:[D("div",{style:{height:lr,flexShrink:0,position:"relative",overflow:"hidden",borderBottom:"1px solid var(--border-hairline)"},children:[m("img",{src:s,alt:"",height:40,style:{display:"block",position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",transition:Kt,opacity:T?1:0,pointerEvents:"none",userSelect:"none"}}),m("img",{src:c,alt:"",height:40,style:{display:"block",position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",transition:Kt,opacity:T?0:1,pointerEvents:"none",userSelect:"none"}}),z&&m(Ut,{variant:"ghost",color:"gray",size:"1",onClick:t,"aria-label":"Close menu",style:{position:"absolute",right:"var(--space-2)",top:"50%",transform:"translateY(-50%)"},children:m(dn,{style:h("--space-3")})})]}),m("nav",{"aria-label":"Main navigation",style:{flex:1,overflowY:"auto",overflowX:"hidden",paddingTop:"var(--space-5)",display:"flex",flexDirection:"column"},children:Fe?D(Ur,{children:[(()=>{let u=m(ir,{item:{label:Fe.label,href:"#",Icon:cn},active:!1,expanded:T,asButton:!0,onClick:()=>C(!0)});return T?u:m(Ve,{content:Fe.label,side:"right",delayDuration:300,children:u})})(),Fe.children.map(u=>{let oe=wr(u.href,u.end),ue=m(ir,{item:u,active:oe,expanded:T},u.href);return T?ue:m(Ve,{content:u.label,side:"right",delayDuration:300,children:ue},u.href)})]}):V.map(u=>{let oe=wr(q(u)),ue=!!u.children&&(q(u)!=="/calendar"\|\|l),yt=m(ir,{item:u,active:oe,expanded:T,showChevron:ue,onClick:ue?()=>C(!1):void 0},u.href);return T?yt:m(Ve,{content:u.label,side:"right",delayDuration:300,children:yt},u.href)})}),!Fe&&K.length>0&&m("nav",{"aria-label":"Utility navigation",style:{flexShrink:0,borderTop:"1px solid var(--gray-4)",paddingTop:"var(--space-2)",paddingBottom:"var(--space-2)",display:"flex",flexDirection:"column"},children:K.map(u=>{let oe=wr(u.href),ue=m(ir,{item:u,active:oe,expanded:T,showChevron:!!u.children,onClick:u.children?()=>C(!1):void 0},u.href);return T?ue:m(Ve,{content:u.label,side:"right",delayDuration:300,children:ue},u.href)})}),D("div",{style:{borderTop:K.length>0?"none":"1px solid var(--gray-4)",padding:T?"var(--space-2) var(--space-4)":"var(--space-2) 0",flexShrink:0,display:"flex",flexDirection:"column",gap:"var(--space-2)"},children:[T&&Pa&&D(ln,{color:"gray",variant:"soft",highContrast:!0,size:"1",radius:"full",style:{alignSelf:"flex-start"},children:[m(pn,{style:h("--space-2")}),"Administering platform"]}),D("div",{style:{display:"flex",flexDirection:T?"row":"column",alignItems:"center",justifyContent:T?"space-between":"center",gap:"var(--space-2)"},children:[T?D("div",{className:"shell-profile-chip",style:{display:"flex",alignItems:"center",gap:"var(--space-2)",minWidth:0,flex:1,padding:"var(--space-1)",borderRadius:"var(--radius-3)"},children:[m($t,{size:"2",radius:"full",src:o?.avatarSrc,fallback:ft,color:"gray",variant:"soft",style:{flexShrink:0}}),m(sr,{as:"p",size:"2",weight:"medium",truncate:!0,style:{color:"var(--shell-ink-strong)"},children:o?.name})]}):m(Ve,{content:o?.name??"Account",side:"right",delayDuration:300,children:m($t,{size:"3",radius:"full",src:o?.avatarSrc,fallback:ft,color:"gray",variant:"soft"})}),D(ce.Root,{children:[m(ce.Trigger,{children:m(Ut,{variant:"ghost",color:"gray","aria-label":"Account menu",className:"sidebar-icon-btn",style:{flexShrink:0},children:m(gn,{style:h("--space-4")})})}),D(ce.Content,{align:T?"end":"start",side:T?"top":"right",style:{minWidth:200},children:[W&&m(ce.Item,{asChild:!0,children:D(qt,{to:W.href,onClick:()=>C(!1),children:[m(jt,{}),"Settings"]})}),p&&D(ce.Item,{onClick:()=>window.open(p,"_blank","noopener,noreferrer"),children:[m(mn,{}),"Help"]}),m(ce.Separator,{}),D(ce.Item,{color:"red",onClick:()=>w(!0),children:[m(un,{}),"Log Out"]}),v&&d&&d.length>0&&D(Ur,{children:[m(ce.Separator,{}),m("div",{style:{padding:"var(--space-1) var(--space-3)"},children:m(sr,{size:"1",style:{fontFamily:"monospace",color:"var(--gray-11)",letterSpacing:"0.04em",textTransform:"uppercase"},children:"Dev \xB7 switch role"})}),d.map(u=>D(ce.Item,{onClick:()=>g?.(u.email),disabled:o?.role===u.role,children:[m(jt,{}),u.label,D(sr,{size:"1",color:"gray",style:{marginLeft:"auto"},children:[u.role,"@"]})]},u.role))]})]})]})]})]})]}),!z&&m("button",{onClick:r,"aria-label":e?"Expand sidebar":"Collapse sidebar",className:"sidebar-collapse-btn",style:{top:"calc(var(--space-9) / 2)",transform:"translateY(-50%)",right:"calc(-1 * var(--space-3))"},children:m(Tn,{flipped:e})}),m(kr,{open:x,onOpenChange:w,title:"Confirm Logout",description:"Are you sure you want to log out?",onConfirm:i})]})}function ir({item:e,active:r,expanded:t,onClick:a,asButton:n,showChevron:o}){let i={position:"relative",textDecoration:"none",display:"flex",alignItems:"center",height:hn,flexShrink:0,paddingLeft:bn,gap:t?xn:0,color:r?"var(--shell-ink-strong)":"var(--shell-ink-mid)",cursor:"pointer"},l=D(Ur,{children:[r&&m("span",{"aria-hidden":"true",style:{position:"absolute",left:0,top:0,width:"var(--space-1)",height:"100%",background:"var(--accent-9)",borderRadius:"0 var(--radius-1) var(--radius-1) 0"}}),m("span",{"aria-hidden":"true",className:"nav-pill",style:{position:"absolute",top:0,bottom:0,left:Yt,right:t?$r:Yt,borderRadius:"var(--radius-3)",background:r?"var(--accent-9)":"transparent",transition:"background 80ms ease"}}),m(e.Icon,{width:20,height:20,style:{position:"relative",flexShrink:0}}),m(sr,{as:"span",size:"3",weight:r?"medium":"regular",style:{position:"relative",lineHeight:1.3,whiteSpace:"nowrap",overflow:"hidden",maxWidth:t?void 0:0,opacity:t?1:0,transition:Cn(t)},children:e.label}),o&&t&&(r?m("span",{style:{position:"relative",marginLeft:"auto",marginRight:`calc(${$r} + var(--space-2))`,flexShrink:0,display:"inline-flex",alignItems:"center",justifyContent:"center",width:"var(--space-5)",height:"var(--space-5)",background:"var(--color-panel-solid)",borderRadius:"var(--radius-2)",boxShadow:"0 1px 2px rgba(0,0,0,0.12)"},children:m(Gt,{style:{...h("--space-4"),color:"var(--gray-11)"}})}):m(Gt,{style:{...h("--space-4"),position:"relative",marginLeft:"auto",marginRight:`calc(${$r} + var(--space-1))`,color:"var(--shell-ink-mid)",flexShrink:0}}))]});return n?m("button",{type:"button",onClick:a,className:"shell-nav-item",style:{...i,background:"none",border:"none",width:"100%",textAlign:"left",font:"inherit"},children:l}):m(qt,{to:e.href,onClick:a,className:"shell-nav-item","data-active":r?"true":void 0,"aria-current":r?"page":void 0,style:i,children:l})}function Tn({flipped:e}){return D("svg",{width:"15",height:"15",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",style:{transform:e?"scaleX(-1)":void 0},children:[m("rect",{x:"1.5",y:"2.5",width:"13",height:"11",rx:"1.5",stroke:"currentColor"}),m("path",{d:"M5.5 2.5v11",stroke:"currentColor"}),m("path",{d:"M11 5.5 8.5 8l2.5 2.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]})}import{Link as Sn,useLocation as kn}from"react-router-dom";import{HamburgerMenuIcon as Rn,MagnifyingGlassIcon as In,BellIcon as An}from"@radix-ui/react-icons";import{Flex as Dn,Heading as Pn,IconButton as En,Text as Xt,Tooltip as Mn}from"@radix-ui/themes";import{Fragment as Ln,jsx as O,jsxs as cr}from"react/jsx-runtime";var zn=[["/home","Home","/home","Home"],["/calendar/syncs","Calendar","/calendar/syncs","Manage Syncs"],["/calendar/view","Calendar","/calendar/syncs","My Calendar"],["/calendar","Calendar","/calendar/syncs","Manage Syncs"],["/settings/account","Settings","/settings/account","Account"],["/settings/linked","Settings","/settings/account","Linked Account"],["/settings","Settings","/settings/account","Settings"]],Bn=[["/admin/overview","Overview"],["/admin/users","Users"],["/admin/monitoring","Monitoring"],["/admin/calendar-ops","Calendar Ops"],["/admin/logs","Logs"],["/admin/security","Security"],["/admin/audit","Audit Log"]];function Nn(e,r,t){if(e==="/admin"\|\|e.startsWith("/admin/")){let l=t.find(([s])=>e===s\|\|e.startsWith(s+"/"));return{section:"Admin Portal",sectionHref:"/admin/overview",page:l?l[1]:"Admin Portal"}}if(e==="/calendar/syncs/new")return{section:"Calendar",sectionHref:"/calendar/syncs",page:"New Sync"};if(/^\/calendar\/syncs\/[^/]+$/.test(e))return{section:"Calendar",sectionHref:"/calendar/syncs",page:"Edit Sync"};let a=r.find(([l,,,,s])=>s?e===l:e===l\|\|e.startsWith(l+"/"));if(!a)return{section:"Home",sectionHref:"/home",page:"Home"};let[,n,o,i]=a;return{section:n,sectionHref:o,page:i}}function Fn({onSearchOpen:e,onMenuOpen:r,showMenu:t,titles:a=zn,adminTitles:n=Bn}){let o=kn().pathname;return cr("header",{style:{height:lr,background:"var(--accent-9)",borderBottom:"1px solid var(--border-hairline)",flexShrink:0,display:"flex",alignItems:"center",padding:"0 var(--space-6)",gap:"var(--space-4)"},children:[t&&O(En,{variant:"ghost",size:"1",onClick:r,"aria-label":"Open navigation",style:{marginRight:"var(--space-1)",color:"var(--shell-ink-strong)"},children:O(Rn,{style:h("--space-4")})}),(()=>{let{section:i,sectionHref:l,page:s}=Nn(o,a,n);return cr(Dn,{align:"baseline",gap:"2",style:{minWidth:0,overflow:"hidden"},children:[i!==s&&cr(Ln,{children:[O(Xt,{asChild:!0,size:"3",weight:"regular",children:O(Sn,{to:l,style:{color:"var(--shell-ink-mid)",whiteSpace:"nowrap",textDecoration:"none",overflow:"hidden",textOverflow:"ellipsis",flexShrink:0},className:"topbar-breadcrumb-link",children:i})}),O(Xt,{size:"3",weight:"regular",className:"topbar-breadcrumb-sep",style:{color:"var(--shell-ink-mid)",flexShrink:0},children:"/"})]}),O(Pn,{as:"h1",size:L.h1,weight:"medium",style:{color:"var(--shell-ink-strong)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",minWidth:0},children:s})]})})(),O("div",{style:{flex:1}}),cr("button",{className:"topbar-search",onClick:e,"aria-label":"Search (\u2318K)",children:[O(In,{width:16,height:16,style:{color:"var(--shell-ink-strong)",flexShrink:0}}),O("span",{className:"topbar-search-placeholder",children:"Search for something"})]}),O(Mn,{content:"Coming soon",children:O("span",{children:O("button",{className:"topbar-icon-circle","aria-label":"Notifications (coming soon)",disabled:!0,children:O(An,{style:h("--space-4")})})})})]})}import{useEffect as Zt,useRef as Jt,useState as Gr}from"react";import{Dialog as jr,Flex as Qt,Spinner as Hn,Text as J,TextField as On,VisuallyHidden as _n}from"@radix-ui/themes";import{CalendarIcon as Vn,MagnifyingGlassIcon as Wn,PersonIcon as $n,ReaderIcon as Un}from"@radix-ui/react-icons";import{Fragment as Xn,jsx as S,jsxs as G}from"react/jsx-runtime";var Gn={app:Vn,people:$n,page:Un},jn={app:"Apps",people:"People",page:"Pages"};function Yn(e){let r=["app","people","page"],t=[],a=0;for(let n of r){let o=e.filter(i=>i.type===n);o.length>0&&(t.push({type:n,label:jn[n],items:o,startIdx:a}),a+=o.length)}return t}function Kn({open:e,onClose:r,results:t,onSelectResult:a,title:n="Search",placeholder:o="Search\u2026"}){return S(jr.Root,{open:e,onOpenChange:i=>!i&&r(),children:S(jr.Content,{"aria-describedby":void 0,style:{padding:0,maxWidth:"calc(9 * var(--space-9) + var(--space-2))",overflow:"hidden",boxShadow:"0 4px 8px rgba(0,0,0,0.06), 0 12px 32px rgba(0,0,0,0.10), 0 0 0 1px var(--gray-5)"},children:S(qn,{onClose:r,resultPool:t,onSelectResult:a,title:n,placeholder:o})})})}function qn({onClose:e,resultPool:r,onSelectResult:t,title:a,placeholder:n}){let[o,i]=Gr(""),[l,s]=Gr(null),[c,p]=Gr(-1),d=Jt(null),g=Jt(null),v=!!l&&l.q===o,f=v?l.items:[],x=o.trim()?v?f.length?"results":"no-match":"searching":"prompt";Zt(()=>{if(!o.trim())return;let C=setTimeout(()=>{let z=o.toLowerCase(),T=r.filter(ge=>ge.title.toLowerCase().includes(z)\|\|ge.subtitle.toLowerCase().includes(z));s({q:o,items:T}),p(-1)},320);return()=>clearTimeout(C)},[o,r]),Zt(()=>{if(c<0\|\|!g.current)return;g.current.querySelector(`[data-idx="${c}"]`)?.scrollIntoView({block:"nearest"})},[c]);function w(C){C.key==="Escape"?e():C.key==="ArrowDown"?(C.preventDefault(),p(z=>Math.min(z+1,f.length-1))):C.key==="ArrowUp"?(C.preventDefault(),p(z=>Math.max(z-1,0))):C.key==="Enter"&&(C.preventDefault(),c>=0&&f[c]&&(t(f[c]),e()))}function M(C){t(C),e()}let ae=Yn(f),se="calc(2 * var(--space-9) + var(--space-6))";return G(Xn,{children:[S(_n,{children:S(jr.Title,{children:a})}),G("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderBottom:"1px solid var(--gray-5)"},children:[x==="searching"?S(Hn,{size:"1",style:{flexShrink:0}}):S(Wn,{width:16,height:16,style:{color:"var(--gray-9)",flexShrink:0}}),S(On.Root,{ref:d,autoFocus:!0,type:"text",placeholder:n,value:o,onChange:C=>i(C.target.value),onKeyDown:w,className:"search-overlay-input",style:{flex:1,border:"none",outline:"none",background:"transparent",boxShadow:"none","--text-field-selection-color":"unset"}}),S("kbd",{style:{color:"var(--gray-11)",background:"var(--gray-3)",border:"1px solid var(--gray-5)",borderRadius:"var(--radius-1)",padding:"var(--space-1) var(--space-2)",flexShrink:0},children:S(J,{size:"1",as:"span",children:"Esc"})})]}),G("div",{ref:g,style:{minHeight:se,maxHeight:"calc(6 * var(--space-9) + var(--space-7))",overflowY:"auto"},children:[x==="prompt"&&S(Qt,{align:"center",justify:"center",style:{height:se},children:S(J,{size:"2",color:"gray",children:"Type to search\u2026"})}),x==="no-match"&&S(Qt,{align:"center",justify:"center",style:{height:se},children:G("div",{style:{textAlign:"center"},children:[G(J,{size:"2",color:"gray",as:"p",children:["No results for \u201C",o,"\u201D"]}),S(J,{size:"1",color:"gray",as:"p",mt:"1",children:"Try searching with different keywords"})]})}),x==="results"&&S("div",{style:{padding:"var(--space-2)"},children:ae.map(C=>{let z=Gn[C.type];return G("div",{style:{marginBottom:"var(--space-1)"},children:[S("div",{style:{padding:"var(--space-2) var(--space-3) var(--space-1)",display:"flex",alignItems:"center",gap:"var(--space-2)"},children:S(J,{size:"1",style:{color:"var(--gray-11)",fontWeight:500,letterSpacing:"0.04em",textTransform:"uppercase",fontFamily:"var(--font-poppins)"},children:C.label})}),C.items.map((T,ge)=>{let y=C.startIdx+ge,B=c===y;return G("button",{"data-idx":y,onClick:()=>M(T),onMouseEnter:()=>p(y),className:"search-result-item",style:{width:"100%",display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-2) var(--space-3)",borderRadius:"var(--radius-2)",border:"none",cursor:"pointer",textAlign:"left",background:B?"var(--gray-3)":"transparent"},children:[S("div",{style:{width:"var(--space-6)",height:"var(--space-6)",borderRadius:"var(--radius-1)",background:B?"var(--accent-a3)":"var(--gray-3)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,transition:"background 100ms ease"},children:S(z,{width:12,height:12,style:{color:B?"var(--accent-11)":"var(--gray-9)"}})}),G("div",{style:{flex:1,minWidth:0},children:[S(J,{as:"p",size:"2",weight:"medium",style:{color:B?"var(--gray-12)":"var(--gray-11)",lineHeight:1.3,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:T.title}),S(J,{as:"p",size:"1",style:{color:"var(--gray-11)",lineHeight:1.3,marginTop:"1px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:T.subtitle})]}),B&&S("kbd",{style:{color:"var(--gray-9)",background:"var(--gray-4)",border:"1px solid var(--gray-5)",borderRadius:"var(--radius-1)",padding:"var(--space-1)",flexShrink:0},children:S(J,{size:"1",as:"span",className:"data-mono",children:"\u21B5"})})]},T.id)})]},C.type)})})]}),x!=="prompt"&&G("div",{style:{borderTop:"1px solid var(--gray-4)",padding:"var(--space-2) var(--space-4)",display:"flex",gap:"var(--space-4)"},children:[G(J,{as:"span",size:"1",color:"gray",children:[S("kbd",{className:"data-mono",children:"\u2191\u2193"})," navigate"]}),G(J,{as:"span",size:"1",color:"gray",children:[S("kbd",{className:"data-mono",children:"\u21B5"})," open"]}),G(J,{as:"span",size:"1",color:"gray",children:[S("kbd",{className:"data-mono",children:"Esc"})," close"]})]})]})}function j(e,r){for(let t of e){let a=t.calendars.find(n=>n.id===r);if(a)return{account:t,calendar:a}}}import Yr from"dayjs";import{Flex as ea,Text as ra}from"@radix-ui/themes";import{jsx as Kr,jsxs as Zn}from"react/jsx-runtime";function qr({date:e,today:r=new Date}){let t=Yr(e).isSame(r,"day");return Zn(ea,{direction:"column",align:"center",gap:"1",py:"1",children:[Kr(ra,{size:"1",weight:"medium",color:"gray",style:{letterSpacing:"0.04em"},children:Yr(e).format("ddd").toUpperCase()}),Kr(ea,{align:"center",justify:"center",style:{width:"var(--space-6)",height:"var(--space-6)",borderRadius:"50%",background:t?"var(--accent-9)":"transparent",lineHeight:1},children:Kr(ra,{size:"3",weight:t?"medium":"regular",style:{color:t?"var(--accent-contrast)":"var(--gray-12)",lineHeight:1},children:Yr(e).format("D")})})]})}import{Box as We,Checkbox as Jn,Flex as Qn,RadioGroup as ta,Text as $e}from"@radix-ui/themes";import{jsx as E,jsxs as oa}from"react/jsx-runtime";function ei(e){return e.flatMap(r=>r.calendars.map(t=>({calendarId:t.id,calendarName:t.name,email:r.email,provider:r.provider})))}function ri({provider:e}){return E("span",{"aria-hidden":!0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"var(--space-5)",height:"var(--space-5)",flexShrink:0},children:E(H,{provider:e})})}function aa({row:e,control:r,selected:t,disabled:a,disabledLabel:n}){return oa($e,{as:"label",size:"2",style:{display:"flex",alignItems:"center",gap:"var(--space-3)",width:"100%",paddingBlock:"var(--space-3)",paddingInline:"var(--space-4)",cursor:a?"not-allowed":"pointer",opacity:a?.45:1,background:t?"var(--accent-2)":"transparent",color:"var(--gray-12)"},children:[E(ri,{provider:e.provider}),oa(Qn,{direction:"column",gap:"0",style:{minWidth:0,flex:1},children:[E($e,{size:"2",weight:"medium",truncate:!0,style:{color:"var(--gray-12)"},children:e.calendarName}),E($e,{size:"1",color:"gray",truncate:!0,children:e.email})]}),n?E($e,{size:"1",color:"gray",style:{flexShrink:0},children:n}):null,E(We,{style:{flexShrink:0,display:"flex",alignItems:"center"},children:r})]})}function ti({accounts:e,mode:r,sourceCalendarIds:t,targetCalendarId:a,takenSourceIds:n,onToggleSource:o,onSelectTarget:i,fill:l=!1}){let s=ei(e),p=r==="sources"&&s.length>0&&s.every(d=>d.calendarId===a\|\|n.has(d.calendarId))?E(We,{style:{border:"1px solid var(--gray-5)",borderRadius:"var(--radius-3)",background:"var(--color-panel-solid)",padding:"var(--space-4)",...l?{flex:1,minHeight:0}:{}},children:E($e,{as:"p",size:"2",color:"gray",align:"center",children:"All your calendars are already used as sources in other syncs, or set as this sync's target. Remove a calendar from another sync to make it available here."})}):E(We,{style:{border:"1px solid var(--gray-5)",borderRadius:"var(--radius-3)",background:"var(--color-panel-solid)",...l?{flex:1,minHeight:0,overflowY:"auto"}:{overflow:"hidden"}},children:s.map((d,g)=>{if(r==="sources"){let x=d.calendarId===a,w=n.has(d.calendarId),M=x\|\|w,ae=t.includes(d.calendarId);return E(We,{style:{borderTop:g>0?"1px solid var(--gray-4)":void 0},children:E(aa,{row:d,selected:ae,disabled:M,disabledLabel:x?"Target":w?"In use":void 0,control:E(Jn,{checked:ae,disabled:M,onCheckedChange:()=>{M\|\|o(d.calendarId)}})})},d.calendarId)}let v=t.includes(d.calendarId),f=d.calendarId===a;return E(We,{style:{borderTop:g>0?"1px solid var(--gray-4)":void 0},children:E(aa,{row:d,selected:f,disabled:v,disabledLabel:v?"Source":void 0,control:E(ta.Item,{value:d.calendarId,disabled:v})})},d.calendarId)})});return r==="target"?E(ta.Root,{value:a??"",onValueChange:d=>{d&&i(d)},style:l?{flex:1,minHeight:0,display:"flex",flexDirection:"column"}:void 0,children:p}):p}import{Button as na,Flex as Xr,Heading as ai,IconButton as ia}from"@radix-ui/themes";import{ChevronLeftIcon as oi,ChevronRightIcon as ni}from"@radix-ui/react-icons";import{Navigate as Zr}from"react-big-calendar";import{jsx as me,jsxs as sa}from"react/jsx-runtime";function Jr({label:e,view:r,onNavigate:t,onView:a}){return sa(Xr,{align:"center",justify:"between",gap:"3",wrap:"wrap",className:"calendar-toolbar",children:[sa(Xr,{align:"center",gap:"2",children:[me(ia,{size:"2",variant:"soft",color:"gray",radius:"full","aria-label":"Previous",onClick:()=>t(Zr.PREVIOUS),children:me(oi,{})}),me(na,{size:"2",variant:"soft",color:"gray",onClick:()=>t(Zr.TODAY),children:"Today"}),me(ia,{size:"2",variant:"soft",color:"gray",radius:"full","aria-label":"Next",onClick:()=>t(Zr.NEXT),children:me(ni,{})})]}),me(ai,{as:"h2",size:L.h2,weight:"medium",style:{color:"var(--gray-12)"},children:e}),me(Xr,{gap:"1",style:{border:"1px solid var(--gray-5)",borderRadius:"var(--radius-3)",padding:"var(--space-1)",background:"var(--gray-2)"},children:["week","month"].map(n=>me(na,{size:"2",variant:r===n?"solid":"soft",className:r===n?"btn-amber-primary":void 0,color:r===n?void 0:"gray",onClick:()=>a(n),style:r===n?void 0:{background:"transparent"},children:n==="week"?"Week":"Month"},n))})]})}import{Button as ii,Flex as dr,Spinner as si,Text as Qr}from"@radix-ui/themes";import{ChevronRightIcon as li,ExclamationTriangleIcon as ci}from"@radix-ui/react-icons";import{jsx as Q,jsxs as Ue}from"react/jsx-runtime";var Ee={google:{label:"Google Calendar",description:"Connect a Google account calendar"},microsoft:{label:"Outlook Calendar",description:"Connect an Outlook account calendar"}},di=["google","microsoft"];function et({connectingProvider:e,failedProvider:r,exhausted:t=!1,onConnect:a}){return Q(dr,{direction:"column",gap:"3",style:{width:"100%",textAlign:"left"},children:di.map(n=>{let o=Ee[n],i=e===n;return Ue("div",{children:[Ue("button",{type:"button",className:"provider-choice",onClick:()=>a(n),disabled:e!==null,"data-connecting":i?"true":void 0,"aria-busy":i\|\|void 0,"aria-label":`Connect ${o.label}`,children:[Q(P,{children:Q(H,{provider:n})}),Ue(dr,{direction:"column",className:"provider-choice__copy",gap:"1",children:[Q(Qr,{size:"3",weight:"medium",truncate:!0,style:{color:"var(--gray-12)"},children:o.label}),Q(Qr,{size:"2",color:"gray",truncate:!0,children:o.description})]}),Q("span",{className:"provider-choice__chevron","aria-hidden":!0,children:i?Q(si,{size:"2"}):Q(li,{style:h("--space-5")})})]}),r===n&&Ue(dr,{align:"center",justify:"between",gap:"3",mt:"2",px:"1",children:[Ue(dr,{align:"center",gap:"2",children:[Q(ci,{style:{...h("--space-4"),color:"var(--red-9)",flexShrink:0}}),Q(Qr,{size:"2",style:{color:"var(--red-11)"},children:t?`No more ${o.label} accounts available to connect.`:`Couldn't connect ${o.label}. Please try again.`})]}),!t&&Q(ii,{variant:"ghost",size:"1",onClick:()=>a(n),children:"Retry"})]})]},n)})})}import{Badge as la,Box as pi,DropdownMenu as Ge,Flex as ca,IconButton as gi,Text as da}from"@radix-ui/themes";import{DotsVerticalIcon as ui,ReloadIcon as mi,TrashIcon as fi}from"@radix-ui/react-icons";import{jsx as Y,jsxs as xe}from"react/jsx-runtime";function yi({account:e,onRemove:r,onReconnect:t,onClick:a}){let n=e.authStatus==="reauth",o=e.authStatus==="failed",i=Y(da,{size:"2",weight:"medium",truncate:!0,style:{color:"var(--gray-12)"},children:e.displayName});return xe(pi,{onClick:a,style:{width:"100%",minWidth:0,height:b.connectedAccountCardH,boxSizing:"border-box",padding:"var(--space-3)",background:"var(--color-panel-solid)",border:"1px solid var(--gray-5)",borderRadius:"var(--radius-3)",display:"flex",alignItems:"center",gap:"var(--space-3)",cursor:a?"pointer":void 0},children:[Y(P,{size:"var(--space-6)",children:Y(H,{provider:e.provider})}),xe(ca,{direction:"column",style:{flex:1,minWidth:0},children:[xe(ca,{align:"center",gap:"2",style:{minWidth:0},children:[a?Y("button",{type:"button",className:"card-title-button",onClick:l=>{l.stopPropagation(),a()},children:i}):i,n&&Y(la,{color:"amber",variant:"soft",size:"1",radius:"full",style:{flexShrink:0},children:"Needs reconnect"}),o&&Y(la,{color:"red",variant:"soft",size:"1",radius:"full",style:{flexShrink:0},children:"Connection failed"})]}),Y(da,{size:"1",color:"gray",truncate:!0,children:e.email})]}),xe(Ge.Root,{children:[Y(Ge.Trigger,{children:Y(gi,{variant:"ghost",color:"gray",size:"1","aria-label":`${e.displayName} actions`,onClick:l=>l.stopPropagation(),children:Y(ui,{})})}),xe(Ge.Content,{align:"end",onClick:l=>l.stopPropagation(),children:[(n\|\|o)&&t&&xe(Ge.Item,{onSelect:t,children:[Y(mi,{})," Reconnect"]}),xe(Ge.Item,{color:"red",onSelect:r,children:[Y(fi,{})," Remove account"]})]})]})]})}import{Flex as vi,Text as hi,Heading as bi}from"@radix-ui/themes";import{jsx as rt,jsxs as Ci}from"react/jsx-runtime";function xi({icon:e,title:r,description:t,action:a,headingAs:n="h2"}){return Ci(vi,{direction:"column",align:"center",gap:"3",style:{width:"100%",paddingTop:"var(--space-9)",textAlign:"center"},children:[rt(P,{size:"var(--space-8)",children:e}),rt(bi,{as:n,size:L[n],weight:"medium",align:"center",children:r}),t&&rt(hi,{size:"2",color:"gray",align:"center",style:{maxWidth:b.emptyStateCopyMax},children:t}),a]})}import{useState as wi}from"react";import{Dialog as je,Flex as Ti,Text as pr,Checkbox as Si,Button as pa}from"@radix-ui/themes";import{Fragment as Ri,jsx as _,jsxs as tt}from"react/jsx-runtime";function Ce({account:e,onOpenChange:r,onImport:t,initiallySelectedIds:a,disabledIds:n,disabledReason:o,title:i="Calendars",description:l="Choose which calendars you want to import.",confirmLabel:s="Import Calendars"}){let c=e?`${e.id}:${(a??e.calendars.map(p=>p.id)).join(",")}`:"closed";return _(je.Root,{open:!!e,onOpenChange:r,children:_(je.Content,{maxWidth:b.dialogMd,onInteractOutside:p=>p.preventDefault(),children:e&&_(ki,{account:e,initiallySelectedIds:a,disabledIds:n,disabledReason:o,title:i,description:l,confirmLabel:s,onImport:t},c)})})}function ki({account:e,initiallySelectedIds:r,disabledIds:t,disabledReason:a,title:n,description:o,confirmLabel:i,onImport:l}){let[s,c]=wi(()=>new Set(r??e.calendars.map(g=>g.id))),p=new Set(t??[]);function d(g){p.has(g)\|\|c(v=>{let f=new Set(v);return f.has(g)?f.delete(g):f.add(g),f})}return tt(Ri,{children:[_(je.Title,{size:"5",weight:"medium",mb:"1",children:n}),_(je.Description,{size:"2",color:"gray",mb:"2",children:o}),_(pr,{as:"p",size:"2",weight:"medium",mb:"5",style:{color:"var(--gray-12)"},children:e.email}),_(Ti,{direction:"column",gap:"3",mb:"5",children:e.calendars.map(g=>{let v=s.has(g.id),f=p.has(g.id);return tt(pr,{as:"label",size:"3",className:"calendar-picker-row","data-selected":v\|\|void 0,"data-disabled":f?"true":void 0,style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-4)",cursor:f?"default":"pointer"},children:[_(Si,{checked:v,disabled:f,onCheckedChange:()=>d(g.id)}),_(pr,{weight:"medium",truncate:!0,style:{flex:1,minWidth:0,color:"var(--gray-12)"},children:g.name}),f&&a&&_(pr,{size:"1",color:"gray",style:{flexShrink:0},children:a})]},g.id)})}),tt(X,{justify:"between",noTopMargin:!0,pad:"var(--space-5)",radius:"var(--radius-4)",children:[_(je.Close,{children:_(pa,{size:"2",variant:"outline",color:"gray",children:"Cancel"})}),_(pa,{size:"2",className:"btn-amber-primary",disabled:s.size===0,onClick:()=>l(Array.from(s)),children:i})]})]})}import{Box as Ye,Flex as Ii,Text as ee}from"@radix-ui/themes";import{jsx as N,jsxs as gr}from"react/jsx-runtime";function Ai(e){let r=/^#?([0-9a-f]{6})$/i.exec(e.trim());if(!r)return"white";let t=parseInt(r[1],16),a=o=>{let i=o/255;return i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4)};return .2126a(t>>16&255)+.7152a(t>>8&255)+.0722a(t&255)>.45?"black":"white"}function ga({tone:e,title:r,meta:t,accentColor:a}){let n=e==="synced"?a\|\|"var(--accent-9)":"var(--blue-11)",o=e==="synced"?a?Ai(a):"var(--accent-contrast)":"white";return gr(Ye,{style:{background:n,borderRadius:"var(--radius-2)",padding:"var(--space-2) var(--space-3)"},children:[N(ee,{as:"p",size:"2",weight:"medium",style:{color:o},children:r}),t?N(ee,{as:"p",size:"1",style:{color:o},children:t}):null]})}var Di="Busy",Pi={title:"Gym",time:"10:00 AM",location:"Flex Gym on 16th Ave",description:"Workout notes"};function Ei({hasSources:e,hasTarget:r,sourceLabel:t,targetLabel:a,showTitle:n,showDescription:o,showLocation:i,tagLabel:l,accentColor:s,sampleEvent:c=Pi}){let p=c.title,d=[c.time,c.location].filter(Boolean).join(" \xB7 "),g=l?.trim()\|\|Di,v=n?`${c.title} - (${g})`:g,f=[c.time].filter(Boolean);i&&c.location&&f.push(c.location),o&&c.description&&f.push(c.description);let x=f.join(" \xB7 ");return gr(Ii,{direction:"column",gap:"4",style:{padding:"var(--space-4)"},children:[N(ee,{as:"p",className:"ds-section-label",style:{textAlign:"center"},children:"Sync Preview"}),N(ee,{as:"p",size:"1",color:"gray",style:{textAlign:"center",marginTop:"calc(-1 var(--space-2))"},children:"Example event \u2014 not from your calendars."}),gr(Ye,{children:[N(ee,{as:"p",size:"1",color:"gray",mb:"1",children:"Sources"}),N(ee,{as:"p",size:"1",weight:"medium",mb:"2",truncate:!0,style:{color:"var(--gray-12)"},children:e?t\|\|"Selected sources":"\u2014"}),N(Ye,{style:{border:"1px solid var(--gray-5)",borderRadius:"var(--radius-2)",padding:"var(--space-2)",background:"var(--gray-2)"},children:N(ga,{tone:"source",title:p,meta:d})})]}),gr(Ye,{children:[N(ee,{as:"p",size:"1",color:"gray",mb:"1",children:"Target"}),N(ee,{as:"p",size:"1",weight:"medium",mb:"2",truncate:!0,style:{color:"var(--gray-12)"},children:r?a\|\|"Selected target":"\u2014"}),N(Ye,{style:{border:"1px solid var(--gray-5)",borderRadius:"var(--radius-2)",padding:"var(--space-2)",background:"var(--gray-2)"},children:r?N(ga,{tone:"synced",title:v,meta:x,...s?{accentColor:s}:{}}):N(ee,{as:"p",size:"2",color:"gray",children:"Pick one target calendar"})})]}),!e\|\|!r?N(ee,{as:"p",size:"1",color:"gray",style:{textAlign:"center"},children:"Select one or more sources, then one target"}):N(ee,{as:"p",size:"1",color:"gray",style:{textAlign:"center"},children:"Only the highlighted block is posted to the target"})]})}import{Flex as at,Text as ot}from"@radix-ui/themes";import{CheckIcon as Mi}from"@radix-ui/react-icons";import{jsx as Me,jsxs as ua}from"react/jsx-runtime";function nt({steps:e,current:r}){return Me("div",{role:"list","aria-label":"Wizard progress",style:{display:"flex",flexWrap:"wrap",width:"100%",flexShrink:0,marginBottom:0,border:"1px solid var(--gray-5)",borderRadius:"var(--radius-4)",background:"var(--color-panel-solid)",overflow:"hidden"},children:e.map((t,a)=>{let n=a+1,o=n===r,i=n<r;return ua(at,{align:"start",gap:"3",role:"listitem","aria-current":o?"step":void 0,style:{flex:"1 1 calc(3 * var(--space-9) + var(--space-6))",minWidth:"calc(3 * var(--space-9) + var(--space-6))",paddingTop:"var(--space-4)",paddingBottom:"var(--space-4)",paddingLeft:"var(--space-4)",paddingRight:"var(--space-4)",marginBottom:"-1px",borderBottom:o?"2px solid var(--accent-9)":"2px solid transparent"},children:[Me(at,{align:"center",justify:"center",style:{width:"var(--space-6)",height:"var(--space-6)",borderRadius:"50%",flexShrink:0,marginTop:"var(--space-1)",background:i?"var(--green-9)":o?"var(--accent-9)":"var(--gray-3)",color:i?"white":o?"var(--accent-contrast)":"var(--gray-11)"},children:i?Me(Mi,{style:h("--space-3")}):Me(ot,{size:"1",weight:"medium",children:t.n})}),ua(at,{direction:"column",gap:"1",style:{minWidth:0,flex:1,paddingTop:"var(--space-1)"},children:[Me(ot,{size:"2",weight:"medium",style:{color:o\|\|i?"var(--gray-12)":"var(--gray-10)",lineHeight:"var(--line-height-2)"},children:t.title}),Me(ot,{size:"1",color:"gray",style:{lineHeight:"var(--line-height-1)"},children:t.description})]})]},t.n)})})}import{jsx as fa}from"react/jsx-runtime";var zi=[{n:"01",title:"Connect",description:"Connect your calendar account"},{n:"02",title:"Calendars",description:"Import at least 2 calendars"},{n:"03",title:"Sync",description:"Set up your first sync"}];function ma({current:e}){return fa(nt,{steps:zi,current:e})}function Bi({current:e,total:r=3}){return fa(ma,{current:e})}import it from"dayjs";import{Flex as ya,Grid as va,IconButton as ha,Text as ba}from"@radix-ui/themes";import{ChevronLeftIcon as Ni,ChevronRightIcon as Fi}from"@radix-ui/react-icons";import{jsx as de,jsxs as st}from"react/jsx-runtime";var Li=["S","M","T","W","T","F","S"];function lt({cursor:e,onSelect:r,today:t=new Date}){let a=it(e).startOf("month"),n=a.startOf("week"),o=Array.from({length:42},(i,l)=>n.add(l,"day"));return st("div",{children:[st(ya,{align:"center",justify:"between",mb:"2",children:[de(ba,{size:"2",weight:"medium",style:{color:"var(--gray-12)"},children:a.format("MMMM YYYY")}),st(ya,{gap:"1",children:[de(ha,{size:"1",variant:"ghost",color:"gray","aria-label":"Previous month",onClick:()=>r(it(e).subtract(1,"month").toDate()),children:de(Ni,{})}),de(ha,{size:"1",variant:"ghost",color:"gray","aria-label":"Next month",onClick:()=>r(it(e).add(1,"month").toDate()),children:de(Fi,{})})]})]}),de(va,{columns:"7",gap:"1",mb:"1",children:Li.map((i,l)=>de(ba,{size:"1",color:"gray",align:"center",children:i},l))}),de(va,{columns:"7",gap:"1",justify:"center",align:"center",style:{justifyItems:"center"},children:o.map(i=>{let l=i.isSame(t,"day"),s=i.isSame(e,"day"),c=!i.isSame(a,"month");return de("button",{type:"button",onClick:()=>r(i.toDate()),style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"var(--space-5)",height:"var(--space-5)",boxSizing:"border-box",flexShrink:0,padding:0,borderRadius:"50%",border:l&&!s?"1.5px solid var(--accent-9)":"none",cursor:"pointer",background:s?"var(--accent-9)":"transparent",color:s?"var(--accent-contrast)":c?"var(--gray-11)":l?"var(--accent-11)":"var(--gray-12)",fontWeight:l\|\|s?500:400,fontSize:"var(--font-size-1)",fontFamily:"var(--font-poppins)"},children:i.format("D")},i.format("YYYY-MM-DD"))})})]})}import{useState as Hi}from"react";import{Dialog as Ke,Flex as qe,Text as ur,Button as ct,IconButton as Oi,Badge as xa,Separator as _i,Box as Ca}from"@radix-ui/themes";import{Cross2Icon as Vi,PlusIcon as Wi,ReloadIcon as $i}from"@radix-ui/react-icons";import{Fragment as wa,jsx as I,jsxs as re}from"react/jsx-runtime";function Ui({account:e,catalog:r,onOpenChange:t,onRemoveCalendar:a,onSaveCalendars:n,onReconnect:o}){let[i,l]=Hi(!1),s=e?.authStatus==="reauth",c=e?.authStatus==="failed";function p(d){if(!e\|\|!r)return;let g=new Set(d);n(e,r.calendars.filter(v=>g.has(v.id))),l(!1)}return re(wa,{children:[I(Ke.Root,{open:!!e&&!i,onOpenChange:d=>{d\|\|t(!1)},children:I(Ke.Content,{maxWidth:b.dialogMd,children:e&&re(wa,{children:[re(qe,{align:"center",gap:"3",mb:"1",children:[I(P,{size:"var(--space-6)",children:I(H,{provider:e.provider})}),re(Ca,{style:{minWidth:0,flex:1},children:[re(qe,{align:"center",gap:"2",mb:"1",style:{minWidth:0},children:[I(Ke.Title,{size:"4",weight:"medium",mb:"0",truncate:!0,style:{minWidth:0},children:e.displayName}),s&&I(xa,{color:"amber",variant:"soft",size:"1",radius:"full",style:{flexShrink:0},children:"Needs reconnect"}),c&&I(xa,{color:"red",variant:"soft",size:"1",radius:"full",style:{flexShrink:0},children:"Connection failed"})]}),I(Ke.Description,{size:"2",color:"gray",mb:"0",children:e.email})]})]}),(s\|\|c)&&o&&re(ct,{size:"2",variant:"soft",color:c?"red":"amber",mt:"3",onClick:()=>o(e.id),children:[I($i,{}),"Reconnect"]}),I(_i,{size:"4",my:"4"}),re(qe,{align:"center",justify:"between",gap:"3",mb:"3",children:[I(ur,{as:"p",className:"ds-section-label",mb:"0",children:"Calendars"}),r&&r.calendars.length>0&&re(ct,{size:"1",variant:"soft",color:"gray",onClick:()=>l(!0),children:[I(Wi,{style:h("--space-3")}),"Change calendars"]})]}),I(qe,{direction:"column",style:{border:"1px solid var(--gray-5)",borderRadius:"var(--radius-3)",overflow:"hidden",background:"var(--color-panel-solid)"},children:e.calendars.length===0?I(ur,{size:"2",color:"gray",style:{padding:"var(--space-4)"},children:"No calendars imported."}):e.calendars.map((d,g)=>re(qe,{align:"center",gap:"3",className:"data-table-row",style:{padding:"var(--space-3) var(--space-4)",minHeight:"var(--space-7)",borderTop:g>0?"1px solid var(--gray-4)":void 0},children:[I(Ca,{"aria-hidden":!0,style:{width:"var(--space-2)",height:"var(--space-2)",borderRadius:"50%",background:d.colorToken,flexShrink:0}}),re(ur,{size:"2",truncate:!0,style:{flex:1,minWidth:0,color:"var(--gray-12)"},children:[d.name,d.isPrimary&&re(ur,{size:"1",color:"gray",children:[" ","\xB7 Primary"]})]}),I(Oi,{variant:"ghost",color:"gray",size:"1","aria-label":`Remove ${d.name}`,onClick:()=>a(e,d),children:I(Vi,{})})]},d.id))}),I(X,{justify:"end",children:I(Ke.Close,{children:I(ct,{size:"2",variant:"soft",color:"gray",children:"Close"})})})]})})}),I(Ce,{account:i&&r?r:null,initiallySelectedIds:e?.calendars.map(d=>d.id),title:"Change calendars",description:"Choose which calendars to keep on this account.",confirmLabel:"Save calendars",onOpenChange:d=>{d\|\|l(!1)},onImport:p})]})}import{useMemo as Gi}from"react";import yr from"dayjs";import{Calendar as ji,dayjsLocalizer as Yi,Views as Xe}from"react-big-calendar";import"react-big-calendar/lib/css/react-big-calendar.css";import{Text as mr}from"@radix-ui/themes";import{jsx as ze,jsxs as fr}from"react/jsx-runtime";var Ki=Yi(yr),qi=new Date(1970,0,1,8,0,0);function dt({blocks:e,view:r,onViewChange:t,date:a,onNavigate:n,accounts:o,today:i=new Date}){let l=Gi(()=>e.map(s=>{let c=new Date(s.date);c.setHours(s.startHour,s.startMinute,0,0);let p=new Date(s.date);return p.setHours(s.endHour,s.endMinute,0,0),{id:s.id,title:s.title,start:c,end:p,resource:s}}),[e]);return ze("div",{className:"rbc-radix-scope",style:{height:"100%",containerType:"inline-size"},children:ze(ji,{localizer:Ki,events:l,view:r==="week"?Xe.WEEK:Xe.MONTH,onView:s=>t(s===Xe.MONTH?"month":"week"),date:a,onNavigate:n,views:[Xe.WEEK,Xe.MONTH],toolbar:!0,popup:!0,scrollToTime:qi,enableAutoScroll:!0,getNow:()=>i,tooltipAccessor:null,eventPropGetter:s=>{let p=j(o,s.resource.calendarId)?.calendar.colorToken??"var(--gray-8)";return r==="month"?{style:{background:"transparent",border:"none",boxShadow:"none"}}:{style:{backgroundColor:p,border:"none"}}},components:{toolbar:Jr,week:{header:s=>ze(qr,{...s,today:i}),event:({event:s})=>{let c=(s.end.getTime()-s.start.getTime())/6e4,p=c>=60,d=c>=30;return fr("div",{children:[ze(mr,{size:"1",weight:"medium",style:{color:"white",display:"block"},truncate:!0,children:s.title}),d&&fr(mr,{size:"1",style:{color:"rgba(255,255,255,0.85)",display:"block"},truncate:!0,children:[yr(s.start).format("h:mm A")," \u2013 ",yr(s.end).format("h:mm A")]}),p&&s.resource.location&&ze(mr,{size:"1",style:{color:"rgba(255,255,255,0.85)",display:"block"},truncate:!0,children:s.resource.location})]})}},month:{event:({event:s})=>{let p=j(o,s.resource.calendarId)?.calendar.colorToken??"var(--gray-8)";return fr(mr,{size:"1",style:{display:"flex",alignItems:"center",gap:"var(--space-1)",color:"var(--gray-12)",background:`color-mix(in srgb, ${p} 28%, transparent)`,borderRadius:"var(--radius-2)",padding:"var(--space-1) var(--space-2)"},truncate:!0,children:[ze("span",{"aria-hidden":!0,style:{width:"var(--space-2)",height:"var(--space-2)",borderRadius:"50%",background:p,flexShrink:0}}),fr("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:[yr(s.start).format("H:mm")," ",s.title]})]})}}}})})}import{Dialog as Ze,Flex as we,Text as Te,Button as Ta,Separator as Xi,Badge as Zi}from"@radix-ui/themes";import{Fragment as Qi,jsx as k,jsxs as ye}from"react/jsx-runtime";var Sa={synced:{label:"Synced",color:"green"},syncing:{label:"Syncing\u2026",color:"amber"},error:{label:"Error",color:"red"}};function Ji({sync:e,accounts:r,onOpenChange:t,onEdit:a}){let n=e?(()=>{let o=e.sourceCalendarIds.map(l=>j(r,l)?.calendar.name).filter(l=>!!l),i=j(r,e.targetCalendarId)?.calendar.name??"\u2014";return`${o.join(", ")\|\|"\u2014"} \u2192 ${i}`})():"";return k(Ze.Root,{open:!!e,onOpenChange:t,children:k(Ze.Content,{maxWidth:b.dialogMd,children:e&&ye(Qi,{children:[ye(we,{align:"center",justify:"between",mb:"1",children:[k(Ze.Title,{size:"4",mb:"0",children:e.name}),k(Zi,{color:Sa[e.status].color,variant:"soft",size:"1",radius:"full",children:Sa[e.status].label})]}),k(Ze.Description,{size:"2",color:"gray",mb:"4",children:"Sync configuration"}),ye(we,{direction:"column",gap:"3",children:[k(fe,{label:"Calendars",children:n}),k(fe,{label:"Sources",children:k(we,{direction:"column",gap:"1",align:"end",children:e.sourceCalendarIds.map(o=>{let i=j(r,o);return i?ye(we,{direction:"column",align:"end",children:[k(Te,{size:"2",weight:"medium",style:{color:"var(--gray-12)"},children:i.calendar.name}),k(Te,{size:"1",color:"gray",children:i.account.email})]},o):null})\|\|"\u2014"})}),k(fe,{label:"Target",children:(()=>{let o=j(r,e.targetCalendarId);return o?ye(we,{direction:"column",align:"end",children:[k(Te,{size:"2",weight:"medium",style:{color:"var(--gray-12)"},children:o.calendar.name}),k(Te,{size:"1",color:"gray",children:o.account.email})]}):"\u2014"})()}),k(fe,{label:"Last synced",children:e.lastSyncedLabel??"\u2014"})]}),k(Xi,{size:"4",my:"4"}),k(Te,{as:"p",size:"1",weight:"medium",color:"gray",mb:"3",style:{letterSpacing:"0.04em"},children:"WHAT TO SHOW"}),ye(we,{direction:"column",gap:"3",children:[k(fe,{label:"Tag",children:e.tagLabel?.trim()\|\|"Busy"}),k(fe,{label:"Event titles",children:e.showTitle?"Shown":"Hidden"}),k(fe,{label:"Event description",children:e.showDescription?"Shown":"Hidden"}),k(fe,{label:"Event location",children:e.showLocation?"Shown":"Hidden"})]}),ye(X,{justify:"between",children:[k(Ze.Close,{children:k(Ta,{size:"2",variant:"soft",color:"gray",children:"Close"})}),k(Ta,{size:"2",className:"btn-amber-primary",onClick:()=>a(e.id),children:"Edit sync"})]})]})})})}function fe({label:e,children:r}){return ye(we,{align:"baseline",justify:"between",gap:"4",children:[k(Te,{size:"2",color:"gray",style:{flexShrink:0},children:e}),k(Te,{size:"2",weight:"medium",align:"right",style:{color:"var(--gray-12)"},children:r})]})}import{useState as vr}from"react";function Je({accounts:e,connectProvider:r,onAccountAdded:t,onImported:a}){let[n,o]=vr(null),[i,l]=vr(null),[s,c]=vr(null),[p,d]=vr(!1);function g(f){if(n)return;c(null),d(!1),o(f);let x=e.map(w=>w.id);r(f,x).then(w=>{o(null),w?l(w):(c(f),d(!0))}).catch(()=>{o(null),c(f),d(!1)})}function v(f){if(!i)return;let x=new Set(f);t({...i,calendars:i.calendars.filter(w=>x.has(w.id))}),l(null),a?.()}return{connectingProvider:n,pendingAccount:i,failedProvider:s,exhausted:p,connect:g,confirmImport:v,cancelImport:()=>l(null),dismissError:()=>c(null)}}import{Box as es,DropdownMenu as hr,Button as rs,Flex as ts,Text as ka}from"@radix-ui/themes";import{PlusIcon as Ra}from"@radix-ui/react-icons";import{Fragment as os,jsx as te,jsxs as Be}from"react/jsx-runtime";function as({variant:e="button",trigger:r,accounts:t,connectProvider:a,onAccountAdded:n,onImported:o}){let{pendingAccount:i,failedProvider:l,exhausted:s,connect:c,confirmImport:p,cancelImport:d,dismissError:g}=Je({accounts:t,connectProvider:a,onAccountAdded:n,onImported:o}),v=["google","microsoft"],f=e==="tile"?Be("button",{type:"button",className:"connect-account-tile","aria-label":"Connect Account",children:[te(Ra,{style:h("--space-4")}),"Connect Account"]}):Be(rs,{size:"2",className:"btn-amber-primary",children:[te(Ra,{style:h("--space-4")}),"Connect Account"]}),x=Be(hr.Root,{children:[te(hr.Trigger,{children:r??f}),te(hr.Content,{align:"start",style:{width:"max-content",minWidth:"max-content"},children:v.map(w=>{let M=Ee[w];return Be(hr.Item,{onSelect:()=>c(w),style:{height:"auto",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-2) var(--space-3)"},children:[te(P,{size:"var(--space-6)",children:te(H,{provider:w})}),Be(ts,{direction:"column",gap:"1",style:{flexShrink:0},children:[te(ka,{size:"2",weight:"medium",style:{color:"var(--gray-12)"},children:M.label}),te(ka,{size:"1",color:"gray",children:M.description})]})]},w)})})]});return Be(os,{children:[e==="tile"&&!r?te(es,{style:{width:"100%",minWidth:0},children:x}):x,te(Ce,{account:i,onOpenChange:w=>!w&&d(),onImport:p}),l&&te(Pr,{msg:s?`No more ${Ee[l].label} accounts available to connect.`:`Couldn't connect ${Ee[l].label}. Please try again.`,color:"red",onDone:g})]})}import{Card as ns,Flex as pt,Text as is,Heading as ss}from"@radix-ui/themes";import{CalendarIcon as ls}from"@radix-ui/react-icons";import{jsx as ve,jsxs as Ia}from"react/jsx-runtime";function cs({accounts:e,connectProvider:r,onAccountAdded:t,onImported:a}){let{connectingProvider:n,pendingAccount:o,failedProvider:i,exhausted:l,connect:s,confirmImport:c,cancelImport:p}=Je({accounts:e,connectProvider:r,onAccountAdded:t,onImported:a});return Ia(pt,{direction:"column",align:"center",justify:"center",style:{width:"100%",flex:1,minHeight:0},children:[ve(ns,{style:{width:"100%",maxWidth:b.providerChooserMax},children:Ia(pt,{direction:"column",align:"center",justify:"center",gap:"3",py:"6",px:"3",style:{width:"100%",textAlign:"center"},children:[ve(P,{children:ve(ls,{style:{...h("--space-5"),color:"var(--gray-7)"}})}),ve(ss,{as:"h2",size:L.h2,weight:"medium",children:e.length>0?"Connect another account":"Connect your first account"}),ve(is,{as:"p",size:"2",color:"gray",children:e.length>0?"Add another Google or Microsoft account, then choose which calendars to import.":"Connect a Google or Microsoft account to import calendars for sync."}),ve(pt,{direction:"column",style:{width:"100%"},mt:"3",children:ve(et,{connectingProvider:n,failedProvider:i,exhausted:l,onConnect:s})})]})}),ve(Ce,{account:o,onOpenChange:d=>!d&&p(),onImport:c})]})}import{useEffect as ds,useMemo as gt,useState as br}from"react";import{Link as ps}from"react-router-dom";import{Box as ut,Checkbox as Aa,Flex as Qe,Separator as mt,Text as Se}from"@radix-ui/themes";import{ChevronDownIcon as gs,GearIcon as us,HamburgerMenuIcon as ms}from"@radix-ui/react-icons";import{jsx as A,jsxs as pe}from"react/jsx-runtime";function fs({accounts:e,view:r,setView:t,hideClones:a,setHideClones:n,mergedCalendarIds:o,visibleCalendarIds:i,toggleCalendarVisible:l,getVisibleBlocksInRange:s,manageAccountsHref:c,today:p=new Date}){let[d,g]=br(p),[v,f]=br(new Set),[x,w]=br(()=>typeof window<"u"&&window.innerWidth<900),[M,ae]=br(!1);ds(()=>{function y(){w(window.innerWidth<900)}return window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)},[]);let se=gt(()=>{let y=new Date(d);return y.setDate(y.getDate()-42),y},[d]),C=gt(()=>{let y=new Date(d);return y.setDate(y.getDate()+42),y},[d]),z=s(se,C),T=gt(()=>{let y=[],B=new Map;for(let V of o){let W=j(e,V);if(!W)continue;let K=B.get(W.account.id);K===void 0&&(K=y.length,B.set(W.account.id,K),y.push({accountId:W.account.id,calendarIds:[]})),y[K].calendarIds.push(V)}return y},[o,e]);function ge(y){f(B=>{let V=new Set(B);return V.has(y)?V.delete(y):V.add(y),V})}return pe(Qe,{gap:"5",align:"start",direction:x?"column":"row",flexGrow:"1",minHeight:"0",height:"100%",children:[(!x\|\|M)&&pe(ut,{minWidth:x?void 0:b.sidebarColMin,p:"4",maxHeight:"100%",style:{flex:x?"1 1 100%":`0 0 ${b.sidebarColBasis}`,border:"1px solid var(--gray-5)",borderRadius:"var(--radius-4)",background:"var(--color-panel-solid)",boxShadow:"var(--shadow-card)",overflow:"auto"},children:[A(lt,{cursor:d,onSelect:g,today:p}),A(mt,{size:"4",my:"3"}),A(Se,{as:"p",size:"1",weight:"medium",color:"gray",mb:"3",style:{letterSpacing:"0.04em"},children:"CALENDARS"}),A(Qe,{direction:"column",gap:"1",mb:"4",children:T.map(({accountId:y,calendarIds:B},V)=>{let W=e.find(q=>q.id===y);if(!W)return null;let K=v.has(y);return pe("div",{style:{paddingTop:V>0?"var(--space-2)":void 0,borderTop:V>0?"1px solid var(--gray-3)":void 0},children:[pe(Qe,{align:"center",gap:"2",mb:"2",py:"1",className:"calendar-legend-account-row",style:{cursor:"pointer",borderRadius:"var(--radius-2)"},onClick:()=>ge(y),children:[A(gs,{style:{...h("--space-3"),color:"var(--gray-9)",transform:K?"rotate(-90deg)":void 0,transition:"transform 120ms ease",flexShrink:0}}),A(H,{provider:W.provider}),A(Se,{size:"2",weight:"medium",truncate:!0,title:W.email,style:{color:"var(--gray-12)",minWidth:0},children:W.email})]}),!K&&A(Qe,{direction:"column",gap:"1",pl:"5",children:B.map(q=>{let Re=j(e,q);return Re?pe(Se,{as:"label",size:"2",className:"calendar-legend-row",style:{display:"flex",alignItems:"center",gap:"var(--space-2)",cursor:"pointer",borderRadius:"var(--radius-2)",padding:"var(--space-1) var(--space-2)",marginLeft:"calc(var(--space-2) * -1)"},children:[pe(Qe,{align:"center",gap:"1",children:[A(Aa,{checked:i.has(q),onCheckedChange:()=>l(q)}),A("span",{"aria-hidden":!0,style:{width:"var(--space-3)",height:"var(--space-3)",borderRadius:"50%",background:Re.calendar.colorToken,flexShrink:0}})]}),A(Se,{size:"2",truncate:!0,style:{color:"var(--gray-12)"},title:Re.calendar.name,children:Re.calendar.name})]},q):null})})]},y)})}),A(mt,{size:"4",mb:"3"}),pe(Se,{as:"label",size:"2",style:{display:"flex",alignItems:"center",gap:"var(--space-2)",cursor:"pointer"},mb:"3",children:[A(Aa,{checked:a,onCheckedChange:y=>n(!!y)}),"Hide synced events"]}),A(mt,{size:"4",mb:"3"}),pe(ps,{to:c,style:{display:"flex",alignItems:"center",gap:"var(--space-2)",color:"var(--gray-11)",textDecoration:"none"},children:[A(us,{style:h("--space-3")}),A(Se,{size:"2",children:"Manage accounts"})]}),A(Se,{as:"p",size:"1",color:"gray",mt:"4",children:"On your target calendars, others see only what each sync is set to share. Full detail stays in araMetrics."})]}),pe(ut,{width:x?"100%":void 0,minHeight:b.bigCalendarH,height:"100%",style:{flex:x?"1 1 100%":`1 1 ${b.syncColWide}`,minWidth:x?0:b.syncColMin,display:"flex",flexDirection:"column",alignSelf:"stretch"},children:[x&&A("button",{type:"button",className:"sidebar-icon-btn","aria-label":M?"Hide calendars":"Show calendars",style:{alignSelf:"flex-start",marginBottom:"var(--space-3)"},onClick:()=>ae(y=>!y),children:A(ms,{style:h("--space-4")})}),A(ut,{flexGrow:"1",minHeight:"0",height:"100%",children:A(dt,{blocks:z,view:r,onViewChange:t,date:d,onNavigate:g,accounts:e,today:p})})]})]})}import{clsx as ys}from"clsx";import{twMerge as vs}from"tailwind-merge";function ke(...e){return vs(ys(e))}function hs(e,r="solid"){return R.variants[e]?.[r]\|\|R.variants.primary[r]}function bs(e){let r=R.sizes[e]\|\|R.sizes.md;return`${r.text} ${r.padding} ${r.height}`}function xs(){return ke(R.base.transition,R.base.focus,R.base.disabled,R.accessibility.reducedMotion)}function Cs(){return ke(R.base.interactive,R.accessibility.focusTrap,R.accessibility.touchTarget)}function ws(e={}){return ke(e.focusVisible&&R.accessibility.focusTrap,e.highContrast&&R.accessibility.highContrast,e.reducedMotion&&R.accessibility.reducedMotion)}function Ts(e,r=""){return typeof e=="string"?`${r}${e}`:typeof e=="object"&&e!==null?Object.entries(e).map(([t,a])=>a===void 0?"":`${t==="xs"?"":`${t}:`}${r}${a}`).filter(Boolean).join(" "):""}function Ss(e,r="gap"){let t=R.spacing[e]\|\|R.spacing.md;switch(r){case"margin":return t.replace("gap-","m-");case"padding":return t.replace("gap-","p-");default:return t}}function ks(e){return R.radius[e]\|\|R.radius.md}function Rs(e){return R.typography[e]\|\|R.typography.base}function Is(e,r=500){return`bg-${e}-${r}`}function As(e,r=500){return`text-${e}-${r}`}function Ds(e,r=500){return`border-${e}-${r}`}function Ps(e,r=500){return`hover:bg-${e}-${r}`}function Es(e,r=500){return`hover:text-${e}-${r}`}function Ms(e,r=500){return`focus:ring-${e}-${r}`}function zs(e){let r=R.animations[e];return typeof r=="string"?r:""}function Bs(e,r,t){return a=>{let n=e;return Object.entries(r).forEach(([o,i])=>{let l=a[o];l&&i[l]&&(n+=` ${i[l]}`)}),t?.forEach(({conditions:o,className:i})=>{Object.entries(o).every(([s,c])=>a[s]===c)&&(n+=` ${i}`)}),ke(n)}}function Ns(e){return function(t){let{className:a,...n}=t,o={...e.defaultVariants,...n},i=e.base\|\|"";return e.variants&&Object.entries(e.variants).forEach(([l,s])=>{let c=o[l];c&&s[c]&&(i+=` ${s[c]}`)}),e.compoundVariants?.forEach(({conditions:l,className:s})=>{Object.entries(l).every(([p,d])=>o[p]===d)&&(i+=` ${s}`)}),ke(i,a)}}function Fs(e,r){let t={...e};return Object.keys(r).forEach(a=>{let n=r[a],o=e[a];a==="className"?t[a]=ke(o,n):typeof n=="object"&&typeof o=="object"&&n!==null&&o!==null&&!Array.isArray(n)&&!Array.isArray(o)?t[a]={...o,...n}:t[a]=n}),t}function Ls(e,r,t){return e?r:t&&e===!1?t:""}function Hs(e){let r=["button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","a[href]",'[tabindex]:not([tabindex="-1"])','[contenteditable="true"]'].join(", ");return Array.from(e.querySelectorAll(r))}function Os(e,r,t,a={}){let{loop:n=!0,orientation:o="both"}=a,i=t;switch(e.key){case"ArrowDown":(o==="vertical"\|\|o==="both")&&(i=t+1,i>=r.length&&(i=n?0:r.length-1));break;case"ArrowUp":(o==="vertical"\|\|o==="both")&&(i=t-1,i<0&&(i=n?r.length-1:0));break;case"ArrowRight":(o==="horizontal"\|\|o==="both")&&(i=t+1,i>=r.length&&(i=n?0:r.length-1));break;case"ArrowLeft":(o==="horizontal"\|\|o==="both")&&(i=t-1,i<0&&(i=n?r.length-1:0));break;case"Home":i=0;break;case"End":i=r.length-1;break}return i!==t&&(e.preventDefault(),r[i]?.focus()),i}import{Theme as _s}from"@radix-ui/themes";import"@radix-ui/themes/styles.css";import{jsx as Ws}from"react/jsx-runtime";function Vs({children:e,appearance:r="light",radius:t="none",scaling:a="100%",accentColor:n="amber",grayColor:o="gray",panelBackground:i="solid",className:l=""}){return Ws(_s,{accentColor:n,grayColor:o,radius:t,scaling:a,panelBackground:i,appearance:r,className:l,children:e})}importas xr from"react";function Su({value:e,defaultValue:r,onChange:t}){let[a,n]=xr.useState(r),o=e!==void 0,i=o?e:a,l=xr.useCallback(s=>{let c=typeof s=="function"?s(i):s;o\|\|n(c),t?.(c)},[o,i,t]);return[i,l]}importas Ne from"react";function Ru(e=!1){let[r,t]=Ne.useState(e),a=Ne.useCallback(()=>t(!0),[]),n=Ne.useCallback(()=>t(!1),[]),o=Ne.useCallback(()=>t(i=>!i),[]);return{isOpen:r,open:a,close:n,toggle:o,onOpen:a,onClose:n,onToggle:o}}import*as Cr from"react";function Au(e,r=!0){let t=Cr.useRef(null);return Cr.useEffect(()=>{if(!r)return;let a=n=>{t.current&&!t.current.contains(n.target)&&e()};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[e,r]),t}export{Ko as ACTIVITY_META,Lt as AUDIT_ACTION_META,Fa as AccentCard,bt as AccentHeader,Ui as AccountCalendarsDialog,Ya as AccountCard,Ro as ActivityRow,as as AddAccountMenu,ko as AppCard,Xo as AuthCard,dt as BigCalendarView,Lr as BrandPanel,qr as CalendarDayHeader,fs as CalendarMergedView,ti as CalendarPickList,Jr as CalendarToolbar,X as CardFooter,kr as ConfirmDialog,et as ConnectProviderList,cs as ConnectProviderRows,yi as ConnectedAccountCard,Mo as DashboardErrorCard,Mr as DataTableRow,xi as EmptyCard,mo as EventBlock,Hr as GoogleIcon,P as IconTile,Ce as ImportCalendarsDialog,Yo as METRIC_STATUS_COLOR,bo as MetricCard,Or as MicrosoftIcon,lt as MiniMonthPicker,ao as MonthGrid,Bi as OnboardingStepDots,ma as OnboardingStepper,_r as OtpInput,on as OtpVerifyStep,nn as PROVIDER_LABEL,Ee as PROVIDER_META,$o as Pagination,Rr as PausedBadge,H as ProviderIcon,Go as ROLE_LABELS,tr as ROLE_META,lr as SHELL_HEADER_H,jo as STATUS_META,Kn as SearchOverlay,wn as Sidebar,Ma as Skeleton,Ji as SyncDetailsDialog,Ei as SyncPreviewRail,Pr as Toast,Fn as Topbar,Vs as UIProvider,nt as WizardStepper,qo as auditActionMeta,ke as cn,Ea as colors,Ls as conditionalClass,Bs as createCompoundVariants,Ns as createVariantGenerator,j as findCalendar,ws as getAccessibilityStyles,zs as getAnimationClass,xs as getBaseStyles,Is as getBgClass,Ds as getBorderClass,vt as getColor,Ms as getFocusRingClass,Hs as getFocusableElements,Ps as getHoverBgClass,Es as getHoverTextClass,Cs as getInteractiveStyles,ks as getRadiusClass,Ts as getResponsiveClasses,bs as getSizeStyles,Ss as getSpacingClass,As as getTextClass,Rs as getTypographyClass,hs as getVariantStyles,Os as handleArrowNavigation,L as headingSize,b as layout,Fs as mergeProps,R as theme,Au as useClickOutside,Je as useConnectAccount,Su as useControllableState,Ru as useDisclosure};
2	+ //# sourceMappingURL=index.mjs.map