@icoms-detection/ui
Version:
This is the OFFICIAL UI library created by Icoms Detection to design their apps.
3 lines (2 loc) • 19.6 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("lodash"),t=require("react"),o=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;function n(e){return e?{width:e.offsetWidth,height:e.offsetHeight}:{width:0,height:0}}function i(e){var o=t.useState(n(e?e.current:{})),i=o[0],a=o[1],l=t.useCallback((function(){e.current&&a(n(e.current))}),[e]);return t.useEffect((function(){if(e.current){if(l(),"function"==typeof ResizeObserver){var t=new ResizeObserver(r.debounce((function(){l()}),200));return t.observe(e.current),function(){t.disconnect(),t=null}}return window.addEventListener("resize",l),function(){window.removeEventListener("resize",l)}}}),[e.current]),i}function a(){return(a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function l(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r.indexOf(t=i[o])>=0||(n[t]=e[t]);return n}var s=require("@stitches/react").createStitches({theme:{fonts:{header:"SF-New-Republic",content:"Frutiger"},fontSizes:{xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem"},lineHeights:{xs:"1rem",sm:"1.25rem",base:"1.5rem",lg:"1.75rem",xl:"2rem"},colors:{primary_50:"#FFF9F7",primary_100:"#FEE4D9",primary_200:"#FDB99D",primary_300:"#FB8E61",primary_400:"#FA6325",primary_500:"#DD4405",primary_600:"#AB3504",primary_700:"#792503",primary_800:"#471602",primary_900:"#160700",secondary_50:"#FFF8E9",secondary_100:"#FFF0CF",secondary_200:"#FFDF9C",secondary_300:"#FFCF69",secondary_400:"#FFBE36",secondary_500:"#FFAE03",secondary_600:"#CF8C00",secondary_700:"#9C6A00",secondary_800:"#694700",secondary_900:"#362500",neutral_50:"#F0F0F1",neutral_100:"#E0E1E2",neutral_200:"#C0C2C4",neutral_300:"#A1A3A7",neutral_400:"#818589",neutral_500:"#63666A",neutral_600:"#4A4D50",neutral_700:"#323335",neutral_800:"#191A1B",neutral_900:"#000001"},shadows:{base:"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);"}},media:{sm:"(min-width: 640px)",md:"(min-width: 768px)",lg:"(min-width: 1024px)"},utils:{ringColor:function(e){return{boxShadow:"inset 0 0 0 1px $colors"+e}},text:function(e){return{fontSize:"$"+e,lineHeight:"$"+e}}}}).styled,c=a({},{borderRadius:"5px",display:"flex",justifyContent:"center",alignItems:"center",border:"none",color:"$neutral_700",backgroundColor:"$neutral_100",fontWeight:400,fontFamily:"$header",paddingTop:"10px",fontSize:"1rem",lineHeight:"1.25rem",padding:"0.5rem 1rem",paddingBottom:"10px",paddingLeft:"16px",paddingRight:"16px","&:hover":{cursor:"pointer"}},{variants:{variant:{primary:{color:"$neutral_50",backgroundColor:"$neutral_700",transitionDuration:".1s","&:hover":{filter:"brightness(1.05)"},"&:focus":{boxShadow:"0 0 0 2px white, 0 0 0 4px $colors$neutral_700"}},secondary:{color:"$neutral_700",backgroundColor:"$neutral_50",transitionDuration:".1s","&:hover":{filter:"brightness(.95)"}},ghost:{stroke:"$neutral_500",color:"$neutral_500",backgroundColor:"transparent",transitionDuration:".1s","&:hover":{backgroundColor:"$neutral_100"}},outline:{stroke:"$neutral_500",color:"$neutral_500",ringColor:"$neutral_500",backgroundColor:"transparent",transitionDuration:".1s","&:hover":{backgroundColor:"$neutral_100",ringColor:"$neutral_500"}},text:{color:"$neutral_500",backgroundColor:"transparent",padding:"0px",transitionDuration:".1s","&:hover":{color:"$neutral_600"}}},color:{primary:{},secondary:{}},size:{"2xs":{fontSize:"0.75rem",lineHeight:"0.75rem",padding:"0.375rem 0.625rem"},xs:{fontSize:"0.75rem",lineHeight:"0.75rem",padding:"0.375rem 0.625rem"},sm:{fontSize:"0.875rem",lineHeight:"1rem",padding:"0.5rem 0.75rem"},base:{fontSize:"1rem",lineHeight:"1.25rem",padding:"0.5rem 1rem"},lg:{fontSize:"1.125rem",lineHeight:"1.25rem",padding:"0.5rem 1rem"},xl:{fontSize:"1.25rem",lineHeight:"1.25rem",padding:"0.75rem 1.25rem"},"2xl":{fontSize:"1.5rem",lineHeight:"2rem",padding:"1rem 1.5rem"}},squared:{"2xs":{width:"1.5rem",height:"1.5rem"},xs:{width:"1.75rem",height:"1.75rem"},sm:{width:"2rem",height:"2rem"},base:{width:"2.25rem",height:"2.25rem"},lg:{width:"2.5rem",height:"2.5rem"},xl:{width:"3rem",height:"3rem"},"2xl":{width:"3.5rem",height:"3.5rem"}},rounded:{"2xs":{borderRadius:"0.25rem"},xs:{borderRadius:"0.25rem"},sm:{borderRadius:"0.25rem"},base:{borderRadius:"0.375rem"},lg:{borderRadius:"0.375rem"},xl:{borderRadius:"0.375rem"},"2xl":{borderRadius:"0.5rem"}},icon:{true:{padding:"0px",justifyContent:"center"}},round:{true:{borderRadius:"9999px"}},loading:{true:{"&:hover":{cursor:"wait"}}}},compoundVariants:[{variant:"primary",color:"primary",css:{color:"$primary_50",backgroundColor:"$primary_500","&:focus":{boxShadow:"0 0 0 2px white, 0 0 0 4px $colors$primary_500"}}},{variant:"primary",color:"secondary",css:{color:"$secondary_50",backgroundColor:"$secondary_500","&:focus":{boxShadow:"0 0 0 2px white, 0 0 0 4px $colors$secondary_500"}}},{variant:"secondary",color:"primary",css:{color:"$primary_500",backgroundColor:"$primary_100"}},{variant:"secondary",color:"secondary",css:{color:"$secondary_600",backgroundColor:"$secondary_100"}},{variant:"ghost",color:"primary",css:{stroke:"$primary_500",color:"$primary_500","&:hover":{backgroundColor:"$primary_100"}}},{variant:"ghost",color:"secondary",css:{stroke:"$secondary_500",color:"$secondary_500","&:hover":{backgroundColor:"$secondary_100"}}},{variant:"outline",color:"primary",css:{stroke:"$primary_500",color:"$primary_500",ringColor:"$primary_500","&:hover":{backgroundColor:"$primary_100",ringColor:"$primary_500"}}},{variant:"outline",color:"secondary",css:{stroke:"$secondary_500",color:"$secondary_500",ringColor:"$secondary_500","&:hover":{backgroundColor:"$secondary_100",ringColor:"$secondary_500"}}},{variant:"text",color:"primary",css:{color:"$primary_500","&:hover":{color:"$primary_600"}}},{variant:"text",color:"secondary",css:{color:"$secondary_500","&:hover":{color:"$secondary_600"}}}]}),d=s("svg",{stroke:"inherit",fill:"none",height:"24px",width:"24px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"}),m=s("stop",{stopColor:"$colors$primary_500",variants:{color:{primary:{stopColor:"$colors$primary_50"},secondary:{stopColor:"$colors$secondary_50"}}}}),p=s("circle",{fill:"$colors$primary_50",variants:{color:{primary:{stopColor:"$colors$primary_50"},secondary:{stopColor:"$colors$secondary_50"}}}}),u=function(){return o.createElement(d,null,o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"}))},h=function(){return o.createElement(d,null,o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h16"}))},x=function(){return o.createElement(d,null,o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"}))},g=function(e){var r=e.color;return o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg"},o.createElement("defs",null,o.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},o.createElement(m,{color:r,stopOpacity:"0",offset:"0%"}),o.createElement(m,{color:r,stopOpacity:".631",offset:"63.146%"}),o.createElement(m,{color:r,offset:"100%"}))),o.createElement("g",{fill:"none",fillRule:"evenodd"},o.createElement("g",{transform:"translate(1 1)"},o.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:"url(#a)",strokeWidth:"2"},o.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),o.createElement(p,{color:r,cx:"36",cy:"18",r:"1"},o.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})))))},f=["variant","color","size","icon","round","squared","loading","children"],y=s("button",c),b=function(e){var r=e.variant,t=e.color,n=e.size,i=void 0===n?"base":n,a=e.icon,s=void 0!==a&&a,c=e.round,d=void 0!==c&&c,m=e.squared,p=e.loading,u=void 0!==p&&p,h=e.children,x=l(e,f);return o.createElement(y,Object.assign({variant:r,color:t,size:i,icon:s,round:d,rounded:i,squared:m,loading:u,disabled:u},x),u?o.createElement(g,{color:t}):h)},v=s("div",{position:"absolute",backgroundColor:"$primary_500",top:"80px",width:"80px",height:"calc(100vh - 80px)",color:"$neutral_50",stroke:"$neutral_50","@sm":{width:"auto",position:"initial"}}),$=s("button",{position:"relative",width:"80px",height:"100%",display:"flex",flexShrink:0,justifyContent:"center",alignItems:"center",backgroundColor:"$primary_600",border:"none",padding:"0",cursor:"pointer","@sm":{width:"100%",height:"80px"}}),_=s("div",{width:"100%",height:"80px",display:"flex",position:"fixed",zIndex:10,top:0,left:0,backgroundColor:"$primary_500",flexDirection:"column","@sm":{height:"100vh",width:"80px"}}),E=s("img",{height:"40%",width:"40%"}),w=s("div",{display:"flex",height:"80px",width:"inherit",justifyContent:"space-between","@sm":{width:"auto"}}),k=s("div",{flex:"1 0",paddingTop:"80px",minHeight:"100vh",height:"100%","@sm":{paddingLeft:"80px",paddingTop:"0px"}}),C=["children","companyLogo","companyLogoAlt","navButtons","onHome","onLogout"],F=function(e){var r=e.onLogout;return o.createElement(v,null,o.createElement("div",{style:{flexGrow:1,height:"100%",maxHeight:"calc(100% - 100px)",display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center",paddingTop:"20px",overflowY:"scroll"}},o.createElement("div",null,e.navButtons)),o.createElement(L,{onLogout:r}))},L=function(e){var r=e.onLogout;return o.createElement(b,{css:{margin:"10px auto 0 auto",flexShrink:0,"&:not(:hover)":{stroke:"$primary_100"}},variant:"ghost",icon:!0,squared:"2xl",color:"primary",onClick:function(){return r()}},o.createElement(u,null))},z=a({},{padding:"0.75rem 1.5rem 0.75rem 1.5rem",borderRadius:".5rem",backgroundColor:"white",height:"100%",boxSizing:"border-box"},{variants:{shadow:{true:{boxShadow:"$base"}}}}),R=s("h3",{fontFamily:"$header",text:"sm",margin:"0","@sm":{text:"base"}}),S=["children","shadow","header"],O=s("div",z),j=["options","isSelected","onSelectChange","defaultOption"],W=s("select",a({},{display:"block",backgroundColor:"white",width:"100%",padding:"0.5rem",textAlign:"left",text:"sm",fontFamily:"$content",border:"1px solid $colors$neutral_200",borderRadius:"0.375rem","-moz-appearance":"none","-webkit-appearance":"none",appearance:"none",backgroundImage:"url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")",backgroundRepeat:"no-repeat",backgroundPositionX:"98%",backgroundPositionY:"50%","&:focus":{outline:"none",border:"1px solid $colors$primary_500"}},{variants:{}})),B=s("div",{position:"relative",width:"100%",minWidth:"100px",maxWidth:"220px",display:"flex",flex:"1 1 0%",alignItems:"center"}),A=s("input",{display:"block",width:"100%",padding:"0.5rem 2.5rem 0.5rem 0.5rem",textAlign:"right",text:"sm",fontFamily:"$content",border:"1px solid $colors$neutral_200",borderRadius:"0.375rem","&:focus":{outline:"none",border:"1px solid $colors$primary_500"},"&::placeholder":{color:"$neutral_300"},"&[type='file']":{display:"none"}}),H=s("span",{fontFamily:"$content",color:"$neutral_500",text:"sm"}),I=s("label",{fontFamily:"$content",text:"sm",border:"1px solid $colors$neutral_200",padding:"0.5rem 2rem",color:"$neutral_500",borderRadius:"5px",width:"100%",overflow:"scroll",textAlign:"center","&:hover":{color:"$primary_500",backgroundColor:"$primary_50",border:"1px solid $colors$primary_500"}}),D=["inputType","name","unit","inputTypeFileLabel","min","max","step"],M=a({},{backgroundColor:"rgb(245, 245, 245)",border:"none",borderRight:"1px solid $colors$neutral_200",borderBottom:"1px solid $colors$neutral_200",borderTop:"1px solid $colors$neutral_200",padding:"0.5rem 0.75rem",cursor:"pointer",fontFamily:"$content",margin:0,text:"xs",borderBox:"box-sizing",color:"$neutral_300","&:first-child":{borderTopLeftRadius:"5px",borderBottomLeftRadius:"5px",borderLeft:"1px solid $colors$neutral_200"},"&:last-child":{borderTopRightRadius:"5px",borderBottomRightRadius:"5px",borderRight:"1px solid $colors$neutral_200"},"&:hover":{color:"$primary_500",border:"1px solid $colors$primary_500",marginLeft:"-1px"},"&:hover:first-child":{marginLeft:"0px"}},{variants:{selected:{true:{fontWeight:900,backgroundColor:"$primary_200",color:"$primary_500",border:"1px solid $colors$primary_500",marginLeft:"-1px","&:first-child":{marginLeft:"0px",borderLeft:"1px solid $colors$primary_500"},"&:last-child":{borderRight:"1px solid $colors$primary_500"}}}}}),T=["buttons","selectedIndex"],q=["children"],N=s("span",{width:"auto",maxWidth:"max-content",boxSizing:"border-box",display:"inline-block"}),P=s("button",M),G=function(e){var r=e.children,t=l(e,q);return o.createElement(P,Object.assign({},t),r)},Y=s("p",{fontFamily:"$content",text:"sm",color:"$neutral_700",margin:0,variants:{isExtra:{true:{text:"xs",color:"$neutral_500"}},isError:{true:{text:"xs",color:"$primary_600"}}}}),V=["isExtra","isError","children"],X=function(e){var r=e.isExtra,t=void 0!==r&&r,n=e.isError,i=void 0!==n&&n,a=e.children,s=l(e,V);return o.createElement(Y,Object.assign({isExtra:t,isError:i},s),a)},J=["label","extra","children","name","error"],K=s("div",{alignItems:"center",justifyContent:"center",minHeight:"100vh",textAlign:"center",display:"flex",padding:"1rem","@sm":{display:"block",padding:0}}),Q=s("div",{position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px",backgroundColor:"$neutral_500",opacity:.9}),U=s("span",{display:"none","@sm":{height:"100vh",verticalAlign:"middle",display:"inline-block"}}),Z=s("div",{position:"relative",display:"inline-block",verticalAlign:"bottom",backgroundColor:"white",borderRadius:"5px",padding:"1.25rem 1rem 1rem 1rem",overflow:"hidden",width:"100%",boxShadow:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)","@sm":{margin:"2rem 0",verticalAlign:"middle",padding:"1.5rem"},variants:{size:{"2xs":{maxWidth:"200px"},xs:{maxWidth:"250px"},sm:{maxWidth:"300px"},base:{maxWidth:"320px"},lg:{maxWidth:"380px"},xl:{maxWidth:"460px"},"2xl":{maxWidth:"540px"}}}}),ee=["isOpen","onClose","closeOnOutsideClick","size","children"];exports.Button=b,exports.ButtonGroup=function(e){var r=e.buttons,t=e.selectedIndex,n=l(e,T);return o.createElement(N,Object.assign({},n),r.map((function(e,i){return o.createElement(G,{key:i,selected:t===r[i],onClick:n.onClick},e)})))},exports.Card=function(e){var r=e.children,t=e.shadow,n=void 0===t||t,i=e.header,a=l(e,S);return o.createElement("div",Object.assign({},a),i&&o.createElement(R,null,i),o.createElement(O,{shadow:n},r))},exports.HomeIcon=function(){return o.createElement(d,null,o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"}))},exports.Input=function(e){var t=e.inputType,n=void 0===t?"text":t,i=e.name,a=e.unit,s=void 0===a?"":a,c=e.inputTypeFileLabel,d=void 0===c?"Browse...":c,m=e.min,p=e.max,u=e.step,h=l(e,D);return o.createElement(B,null,"file"===n&&o.createElement(I,{htmlFor:i},d),o.createElement(A,Object.assign({css:!s||s.length>3?{paddingRight:"0.5rem"}:{},min:m,max:p,step:u},h,{id:i,type:n})),s&&o.createElement("div",{style:{position:"absolute",top:0,bottom:0,right:0,paddingRight:"0.75rem",display:"flex",alignItems:"center"}},o.createElement(H,null,s.length>3?r.truncate(s,{length:3,omission:""}):s)))},exports.LabelledInput=function(e){var r=e.label,t=e.extra,n=e.children,i=e.name,a=e.error,s=l(e,J);return o.createElement("div",Object.assign({style:{padding:"0.75rem 0",textAlign:"left"}},s),o.createElement("div",{style:{display:"flex",paddingBottom:"0.375rem",width:"100%",alignItems:"center"}},o.createElement("label",{htmlFor:i,style:{flex:1,marginRight:"1rem"}},o.createElement(X,null,r),o.createElement(X,{isExtra:!0},t)),n),a&&o.createElement(X,{isError:!0},a))},exports.LoadingIcon=g,exports.Modal=function(e){var r=e.isOpen,n=void 0!==r&&r,i=e.onClose,a=e.closeOnOutsideClick,s=void 0===a||a,c=e.size,d=void 0===c?"base":c,m=e.children,p=l(e,ee),u=t.useRef(null);return o.createElement("div",{onClick:function(e){s&&function(e){u.current&&u.current.contains(e.target)||i()}(e)},style:{position:"fixed",zIndex:10,top:"0px",right:"0px",bottom:"0px",left:"0px",overflowY:"auto",display:n?"":"none"}},o.createElement(K,null,o.createElement(Q,null),o.createElement(U,null,""),o.createElement(Z,Object.assign({},p,{ref:u,size:d}),m)))},exports.Navbar=function(e){var r=e.children,n=e.companyLogo,a=e.companyLogoAlt,s=void 0===a?"company icon":a,c=e.navButtons,d=void 0===c?[]:c,m=e.onHome,p=void 0===m?function(){return console.log("home button")}:m,u=e.onLogout,g=void 0===u?function(){return console.log("logout button")}:u,f=l(e,C),y=t.useState(!1),v=y[0],L=y[1],z=t.useRef(null),R=t.useRef(null),S=i(z).width;return t.useEffect((function(){L(!(S<=640))}),[S]),o.createElement("div",Object.assign({ref:z,onClick:function(e){!function(e){S<=640&&(R.current&&R.current.contains(e.target)||L(!1))}(e)},style:{display:"flex",height:"auto",width:"100%",position:"relative",flexDirection:S<=640?"column":"row"}},f),o.createElement(_,{ref:R,css:v?{zIndex:"10 !important","&:before":{content:"",display:"block",left:"79px",top:"80px",position:"absolute",height:"calc(100% - 80px)",width:"1px",boxShadow:"2px 0 10px 2px $colors$neutral_700",opacity:.3,zIndex:"10 !important"},"@sm":{"&:before":{top:0,height:"100%"}}}:{}},o.createElement(w,null,o.createElement($,{onClick:p,css:{"&:before":{display:""+(!v&&"none")}}},o.createElement(E,{src:n,alt:s})),o.createElement(b,{variant:"outline",icon:!0,squared:"xl",color:"primary",css:{margin:"auto 30px auto 0","&:not(:hover)":{stroke:"$primary_100",ringColor:"$primary_100"},"@sm":{display:"none"}},onClick:function(){return L((function(e){return!e}))}},o.createElement(v?x:h,null))),v&&o.createElement(F,{navButtons:d,onLogout:g})),o.createElement(k,null,r))},exports.Select=function(e){var r=e.options,t=e.isSelected,n=e.onSelectChange,i=e.defaultOption,a=l(e,j);return o.createElement("div",Object.assign({style:{position:"relative",width:"100%",minWidth:"100px",maxWidth:"220px",display:"flex",flex:"1 1 0%",alignItems:"center"}},a),o.createElement(W,{onChange:n},i&&o.createElement("option",{selected:!0,disabled:!0},i),r.map((function(e,n){return o.createElement("option",{selected:t===r[n],value:r[n]},e)}))))},exports.SettingsIcon=function(){return o.createElement(d,null,o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"}),o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"}))},exports.Text=X,exports.useComponentSize=i;
//# sourceMappingURL=ui.cjs.production.min.js.map