{"version":3,"file":"StatusWidget.VBpXpthL.mjs","names":[],"sources":["https:/framerusercontent.com/modules/k2iq5tYeKDb7ykte0q35/OQ8wD2EoxFnYqxInIBKB/StatusWidget.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";const HEAD=\"'ES Klarheit Kurrent', 'ES Klarheit Grotesk', Inter, system-ui, sans-serif\";const BODY=\"'ES Klarheit Grotesk', Inter, system-ui, sans-serif\";const MONO=\"'ES Klarheit Grotesk', Inter, system-ui, sans-serif\";const GREEN=[\"resolved\",\"connected\",\"owned\",\"secure\",\"certified\",\"verified\",\"watched\",\"routed\",\"operation\",\"ok\",\"live\",\"done\"];const AMBER=[\"flagged\",\"review\",\"ranked\",\"diagnosed\",\"pending\",\"open\",\"medium\"];const RED=[\"critical\",\"fault\",\"alarm\",\"down\",\"stopped\"];function toneFor(s){const k=s.toLowerCase();if(RED.some(x=>k.includes(x)))return{fg:\"#D2453F\",bg:\"#FBECEB\"};if(AMBER.some(x=>k.includes(x)))return{fg:\"#B7791F\",bg:\"#FBF3E2\"};if(GREEN.some(x=>k.includes(x)))return{fg:\"#1B9E5E\",bg:\"#E9F7EF\"};return{fg:\"#5B6B68\",bg:\"#F1F4F3\"};}/**\n * Status Widget\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function StatusWidget(props){const{title=\"Live operations\",statusLabel=\"Live\",rows=\"14:06 | Peak demand shaved, 2 to 5pm | Resolved\\n09:32 | HVAC setpoint trimmed, 12 floors | Resolved\\n08:15 | Chiller drift under review | Flagged\",footerLeft=\"6,000+ sites monitored\",footerRight=\"Live\",green=\"#269D72\",accent=\"#B2F100\",ink=\"#0B2E2A\",muted=\"#586863\",card=\"#FFFFFF\",font,style}=props;const ff=font&&font.fontFamily||BODY;const parsed=String(rows).split(\"\\n\").map(r=>r.split(\"|\").map(c=>c.trim())).filter(c=>c.length>=2);const css=`\n@container smk (max-width: 380px) {\n  .smk-row { flex-wrap: wrap; row-gap: 4px; }\n  .smk-row .smk-label { flex-basis: 100%; min-width: 0; }\n  .smk-row .smk-text { flex-basis: 100%; }\n  .smk-head { flex-wrap: wrap; row-gap: 6px; }\n  .smk-foot { flex-wrap: wrap; row-gap: 6px; }\n}`;return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",boxSizing:\"border-box\",...{containerType:\"inline-size\",containerName:\"smk\"},display:\"flex\",flexDirection:\"column\",gap:14,padding:20,borderRadius:16,background:card,border:\"1px solid #E6EAE9\",boxShadow:\"0 24px 48px -30px rgba(11,46,42,0.28)\",fontFamily:ff,...style},children:[/*#__PURE__*/_jsx(\"style\",{children:css}),/*#__PURE__*/_jsxs(\"div\",{className:\"smk-head\",style:{display:\"flex\",alignItems:\"center\",gap:10},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:26,height:26,borderRadius:8,background:\"#E9F7EF\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flex:\"none\"},children:/*#__PURE__*/_jsx(\"svg\",{width:\"15\",height:\"15\",viewBox:\"0 0 256 256\",fill:green,children:/*#__PURE__*/_jsx(\"path\",{d:\"M232,128a8,8,0,0,1-8,8H175.53l-21.9,54.76A8,8,0,0,1,146.18,196H146a8,8,0,0,1-7.43-5.05L107.1,111.53,92.44,148.24A8,8,0,0,1,85,153H32a8,8,0,0,1,0-16H79.58l21.9-54.76a8,8,0,0,1,14.9.08l31.52,79.65,14.66-36.72A8,8,0,0,1,168,120h56A8,8,0,0,1,232,128Z\"})})}),/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:ff,fontSize:14,fontWeight:500,color:ink,letterSpacing:\"-0.01em\",flex:1,minWidth:0},children:title}),/*#__PURE__*/_jsxs(\"span\",{style:{display:\"inline-flex\",alignItems:\"center\",gap:6,padding:\"4px 9px\",borderRadius:6,background:\"#F1F4F3\",fontFamily:ff,fontSize:11.5,letterSpacing:\"0.01em\",color:ink,flex:\"none\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{width:6,height:6,borderRadius:\"50%\",background:green}}),statusLabel]})]}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\"},children:parsed.map((r,i)=>{const hasStatus=r.length>=3;const tone=hasStatus?toneFor(r[2]):null;return /*#__PURE__*/_jsxs(\"div\",{className:\"smk-row\",style:{display:\"flex\",alignItems:\"center\",flexWrap:\"wrap\",gap:\"6px 12px\",padding:\"13px 0\",borderTop:i===0?\"none\":\"1px solid #EFF2F1\"},children:[/*#__PURE__*/_jsx(\"span\",{className:\"smk-label\",style:{fontFamily:ff,fontSize:11.5,color:muted,flex:\"none\",minWidth:44},children:r[0]}),/*#__PURE__*/_jsx(\"span\",{className:\"smk-text\",style:{fontSize:13,color:ink,flex:1,minWidth:130,lineHeight:1.35},children:r[1]}),hasStatus&&tone&&/*#__PURE__*/_jsxs(\"span\",{style:{display:\"inline-flex\",alignItems:\"center\",gap:5,padding:\"3px 9px\",borderRadius:6,background:tone.bg,color:tone.fg,fontFamily:ff,fontSize:11.5,letterSpacing:\"0.01em\",flex:\"none\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{width:5,height:5,borderRadius:\"50%\",background:tone.fg}}),r[2]]})]},i);})}),/*#__PURE__*/_jsxs(\"div\",{className:\"smk-foot\",style:{marginTop:\"auto\",paddingTop:14,borderTop:\"1px solid #EEF1F0\",display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\",gap:10},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontSize:12,color:muted},children:footerLeft}),/*#__PURE__*/_jsxs(\"span\",{style:{display:\"inline-flex\",alignItems:\"center\",gap:7,fontFamily:ff,fontSize:11.5,letterSpacing:\"0.01em\",color:ink,flex:\"none\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{width:7,height:7,borderRadius:\"50%\",background:accent,boxShadow:`0 0 0 4px ${accent}33`}}),footerRight]})]})]});}addPropertyControls(StatusWidget,{font:{type:ControlType.Font,title:\"Font\",controls:\"basic\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"Live operations\"},statusLabel:{type:ControlType.String,title:\"Status\",defaultValue:\"Live\"},rows:{type:ControlType.String,title:\"Rows\",defaultValue:\"14:06 | Peak demand shaved, 2 to 5pm | Resolved\\n09:32 | HVAC setpoint trimmed, 12 floors | Resolved\\n08:15 | Chiller drift under review | Flagged\",displayTextArea:true},footerLeft:{type:ControlType.String,title:\"Footer left\",defaultValue:\"6,000+ sites monitored\"},footerRight:{type:ControlType.String,title:\"Footer right\",defaultValue:\"Live\"},green:{type:ControlType.Color,title:\"Green\",defaultValue:\"#24B26B\"},accent:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#B2F100\"},ink:{type:ControlType.Color,title:\"Ink\",defaultValue:\"#0B2E2A\"},muted:{type:ControlType.Color,title:\"Muted\",defaultValue:\"#586863\"},card:{type:ControlType.Color,title:\"Card\",defaultValue:\"#FFFFFF\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"StatusWidget\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./StatusWidget.map"],"mappings":"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"}