Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement →
Sign In

@f97/twilight-ui

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@f97/twilight-ui - npm Package Compare versions

Comparing version
0.0.1
 to
0.0.2
+1
dist/index-headless.css
.effect-pressing{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:50ms;transition-timing-function:linear}.effect-pressing:active{--tw-translate-y: .5px !important;--tw-scale-x: .985 !important;--tw-scale-y: .985 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.label-group{display:flex;flex-wrap:nowrap;align-items:center;border-radius:.375rem;border-width:1px}:is(.dark .label-group){--tw-border-opacity: 1;border-color:rgb(82 82 82 / var(--tw-border-opacity))}.label-group label{height:100%}.label-group label:only-child{border-radius:calc(.375rem - 1px)}.label-group label:not(:first-child),.label-group label:not(:last-child){border-radius:0;border-left-width:1px}:is(.dark .label-group label:not(:first-child)),:is(.dark .label-group label:not(:last-child)){--tw-border-opacity: 1;border-color:rgb(82 82 82 / var(--tw-border-opacity))}.label-group label:not(:only-child):first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-style:none;border-top-left-radius:calc(.375rem - 1px);border-bottom-left-radius:calc(.375rem - 1px)}.label-group label:not(:only-child):last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:calc(.375rem - 1px);border-bottom-right-radius:calc(.375rem - 1px)}
+1
dist/index-headless.js
import s from"react";import r from"react";var f={rss:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-6 0a1 1 0 11-2 0 1 1 0 012 0z"})),search:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})),love:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"})),loveFill:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"100%",width:"100%"},r.createElement("path",{fillRule:"evenodd",d:"M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z",clipRule:"evenodd"})),chat:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z"})),twitter:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M15.3 5.55a2.9 2.9 0 0 0-2.9 2.847l-.028 1.575a.6.6 0 0 1-.68.583l-1.561-.212c-2.054-.28-4.022-1.226-5.91-2.799-.598 3.31.57 5.603 3.383 7.372l1.747 1.098a.6.6 0 0 1 .034.993L7.793 18.17c.947.059 1.846.017 2.592-.131 4.718-.942 7.855-4.492 7.855-10.348 0-.478-1.012-2.141-2.94-2.141zm-4.9 2.81a4.9 4.9 0 0 1 8.385-3.355c.711-.005 1.316.175 2.669-.645-.335 1.64-.5 2.352-1.214 3.331 0 7.642-4.697 11.358-9.463 12.309-3.268.652-8.02-.419-9.382-1.841.694-.054 3.514-.357 5.144-1.55C5.16 15.7-.329 12.47 3.278 3.786c1.693 1.977 3.41 3.323 5.15 4.037 1.158.475 1.442.465 1.973.538z",fill:"currentColor"})),email:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"})),github:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.338 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.275.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z",fill:"currentColor"})),right:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M14 5l7 7m0 0l-7 7m7-7H3"})),chevronRight:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"100%",width:"100%"},r.createElement("path",{fillRule:"evenodd",d:"M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z",clipRule:"evenodd"})),me:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"})),sticky:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9 11l3-3m0 0l3 3m-3-3v8m0-13a9 9 0 110 18 9 9 0 010-18z"})),cate:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z"})),preview:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M8 16l2.879-2.879m0 0a3 3 0 104.243-4.242 3 3 0 00-4.243 4.242zM21 12a9 9 0 11-18 0 9 9 0 0118 0z"})),empty:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"})),subscribe:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M16 4v12l-4-2-4 2V4M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})),left:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z"})),count:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"})),play:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"}),r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})),pause:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z"})),pages:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2"})),comments:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"})),home:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.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"})),toc:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h7"})),leftPlain:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M10 19l-7-7m0 0l7-7m-7 7h18"})),mic:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),r.createElement("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 13l6 9H6l6-9zm-1.06-2.44a1.5 1.5 0 1 1 2.12-2.12 1.5 1.5 0 0 1-2.12 2.12zM5.281 2.783l1.415 1.415a7.5 7.5 0 0 0 0 10.606l-1.415 1.415a9.5 9.5 0 0 1 0-13.436zm13.436 0a9.5 9.5 0 0 1 0 13.436l-1.415-1.415a7.5 7.5 0 0 0 0-10.606l1.415-1.415zM8.11 5.611l1.414 1.414a3.5 3.5 0 0 0 0 4.95l-1.414 1.414a5.5 5.5 0 0 1 0-7.778zm7.778 0a5.5 5.5 0 0 1 0 7.778l-1.414-1.414a3.5 3.5 0 0 0 0-4.95l1.414-1.414z"})),githubLine:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),r.createElement("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M5.883 18.653c-.3-.2-.558-.455-.86-.816a50.32 50.32 0 0 1-.466-.579c-.463-.575-.755-.84-1.057-.949a1 1 0 0 1 .676-1.883c.752.27 1.261.735 1.947 1.588-.094-.117.34.427.433.539.19.227.33.365.44.438.204.137.587.196 1.15.14.023-.382.094-.753.202-1.095C5.38 15.31 3.7 13.396 3.7 9.64c0-1.24.37-2.356 1.058-3.292-.218-.894-.185-1.975.302-3.192a1 1 0 0 1 .63-.582c.081-.024.127-.035.208-.047.803-.123 1.937.17 3.415 1.096A11.731 11.731 0 0 1 12 3.315c.912 0 1.818.104 2.684.308 1.477-.933 2.613-1.226 3.422-1.096.085.013.157.03.218.05a1 1 0 0 1 .616.58c.487 1.216.52 2.297.302 3.19.691.936 1.058 2.045 1.058 3.293 0 3.757-1.674 5.665-4.642 6.392.125.415.19.879.19 1.38a300.492 300.492 0 0 1-.012 2.716 1 1 0 0 1-.019 1.958c-1.139.228-1.983-.532-1.983-1.525l.002-.446.005-.705c.005-.708.007-1.338.007-1.998 0-.697-.183-1.152-.425-1.36-.661-.57-.326-1.655.54-1.752 2.967-.333 4.337-1.482 4.337-4.66 0-.955-.312-1.744-.913-2.404a1 1 0 0 1-.19-1.045c.166-.414.237-.957.096-1.614l-.01.003c-.491.139-1.11.44-1.858.949a1 1 0 0 1-.833.135A9.626 9.626 0 0 0 12 5.315c-.89 0-1.772.119-2.592.35a1 1 0 0 1-.83-.134c-.752-.507-1.374-.807-1.868-.947-.144.653-.073 1.194.092 1.607a1 1 0 0 1-.189 1.045C6.016 7.89 5.7 8.694 5.7 9.64c0 3.172 1.371 4.328 4.322 4.66.865.097 1.201 1.177.544 1.748-.192.168-.429.732-.429 1.364v3.15c0 .986-.835 1.725-1.96 1.528a1 1 0 0 1-.04-1.962v-.99c-.91.061-1.662-.088-2.254-.485z"})),alipay:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),r.createElement("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M18.408 16.79c-2.173-.95-3.72-1.646-4.64-2.086-1.4 1.696-2.872 2.72-5.08 2.72S5 16.064 5.176 14.392c.12-1.096.872-2.888 4.128-2.576 1.72.16 2.504.48 3.912.944.36-.664.664-1.4.888-2.176H7.88v-.616h3.072V8.864H7.2v-.68h3.752V6.592s.032-.248.312-.248H12.8v1.848h4v.68h-4v1.104h3.264a12.41 12.41 0 0 1-1.32 3.32c.51.182 2.097.676 4.76 1.483a8 8 0 1 0-1.096 2.012zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-3.568-5.632c1.44 0 2.824-.872 3.96-2.352-1.608-.776-2.944-1.16-4.44-1.16-1.304 0-1.984.8-2.104 1.416-.12.616.248 2.096 2.584 2.096z"})),wxpay:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),r.createElement("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M19.145 8.993l-9.799 5.608-.07.046a.646.646 0 0 1-.3.068.655.655 0 0 1-.58-.344l-.046-.092-1.83-3.95c-.024-.046-.024-.092-.024-.138 0-.184.139-.321.324-.321.07 0 .14.023.209.069l2.155 1.515c.162.092.348.161.556.161a.937.937 0 0 0 .348-.069l8.275-3.648C16.934 6.273 14.634 5.2 12 5.2c-4.42 0-7.9 3.022-7.9 6.6 0 1.366.5 2.673 1.432 3.781.048.057.12.137.214.235a4 4 0 0 1 1.101 3.102l-.025.297.716-.436a4 4 0 0 1 2.705-.536c.212.033.386.059.52.076.406.054.82.081 1.237.081 4.42 0 7.9-3.022 7.9-6.6 0-.996-.27-1.95-.755-2.807zM6.192 21.943a1 1 0 0 1-1.526-.932l.188-2.259a2 2 0 0 0-.55-1.551A6.993 6.993 0 0 1 4 16.868C2.806 15.447 2.1 13.695 2.1 11.8c0-4.75 4.432-8.6 9.9-8.6s9.9 3.85 9.9 8.6-4.432 8.6-9.9 8.6c-.51 0-1.01-.033-1.499-.098a23.61 23.61 0 0 1-.569-.084 2 2 0 0 0-1.353.268l-2.387 1.456z"})),bitcoin:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),r.createElement("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-1-4H8V8h3V6h2v2h1a2.5 2.5 0 0 1 2 4 2.5 2.5 0 0 1-2 4h-1v2h-2v-2zm-1-3v1h4a.5.5 0 1 0 0-1h-4zm0-3v1h4a.5.5 0 1 0 0-1h-4z"})),question:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})),people:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"})),growth:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"})),microphone:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"})),sun:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"})),moon:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"})),lightBulb:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"})),star:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"})),eye:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"}),r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"})),global:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"})),users:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"})),userAdd:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z"})),flag:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"})),thumbDown:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 14H5.236a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.736 3h4.018a2 2 0 01.485.06l3.76.94m-7 10v5a2 2 0 002 2h.096c.5 0 .905-.405.905-.904 0-.715.211-1.413.608-2.008L17 13V4m-7 10h2m5-10h2a2 2 0 012 2v6a2 2 0 01-2 2h-2.5"})),plane:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 19l9 2-9-18-9 18 9-2zm0 0v-8"})),ppt:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 13v-1m4 1v-3m4 3V8M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"})),chatRounded:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"})),money:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z"})),checkCircle:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"100%",width:"100%"},r.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})),warningCircle:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"100%",width:"100%"},r.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",clipRule:"evenodd"})),reply:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",viewBox:"0 0 20 20",fill:"currentColor",height:"100%",width:"100%"},r.createElement("path",{fillRule:"evenodd",d:"M7.707 3.293a1 1 0 010 1.414L5.414 7H11a7 7 0 017 7v2a1 1 0 11-2 0v-2a5 5 0 00-5-5H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",clipRule:"evenodd"})),arrowUp:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 15l7-7 7 7"})),gear:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.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"}),r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})),refresh:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})),monitor:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"})),briefCase:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"})),eth:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("rect",{x:"0",y:"0",width:"24",height:"24",fill:"none",stroke:"none"}),r.createElement("path",{fill:"currentColor",d:"m12 1.75l-6.25 10.5L12 16l6.25-3.75L12 1.75M5.75 13.5L12 22.25l6.25-8.75L12 17.25L5.75 13.5Z"})),solana:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",viewBox:"0 0 508.07 390.17",className:"scale-75",height:"100%",width:"100%"},r.createElement("path",{d:"M84.53,358.89A16.63,16.63,0,0,1,96.28,354H501.73a8.3,8.3,0,0,1,5.87,14.18l-80.09,80.09a16.61,16.61,0,0,1-11.75,4.86H10.31A8.31,8.31,0,0,1,4.43,439Z",transform:"translate(-1.98 -55)",fill:"currentColor"}),r.createElement("path",{d:"M84.53,59.85A17.08,17.08,0,0,1,96.28,55H501.73a8.3,8.3,0,0,1,5.87,14.18l-80.09,80.09a16.61,16.61,0,0,1-11.75,4.86H10.31A8.31,8.31,0,0,1,4.43,140Z",transform:"translate(-1.98 -55)",fill:"currentColor"}),r.createElement("path",{d:"M427.51,208.42a16.61,16.61,0,0,0-11.75-4.86H10.31a8.31,8.31,0,0,0-5.88,14.18l80.1,80.09a16.6,16.6,0,0,0,11.75,4.86H501.73a8.3,8.3,0,0,0,5.87-14.18Z",transform:"translate(-1.98 -55)",fill:"currentColor"})),openSea:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",className:"scale-90 opacity-50 dark:opacity-[0.6] dark:invert",height:"100%",width:"100%"},r.createElement("path",{d:"M12 0C5.374 0 0 5.374 0 12s5.374 12 12 12 12-5.374 12-12S18.629 0 12 0ZM5.92 12.403l.051-.081 3.123-4.884a.107.107 0 0 1 .187.014c.52 1.169.972 2.623.76 3.528-.088.372-.335.876-.614 1.342a2.405 2.405 0 0 1-.117.199.106.106 0 0 1-.09.045H6.013a.106.106 0 0 1-.091-.163zm13.914 1.68a.109.109 0 0 1-.065.101c-.243.103-1.07.485-1.414.962-.878 1.222-1.548 2.97-3.048 2.97H9.053a4.019 4.019 0 0 1-4.013-4.028v-.072c0-.058.048-.106.108-.106h3.485c.07 0 .12.063.115.132-.026.226.017.459.125.67.206.42.636.682 1.099.682h1.726v-1.347H9.99a.11.11 0 0 1-.089-.173l.063-.09c.16-.231.391-.586.621-.992.156-.274.308-.566.43-.86.024-.052.043-.107.065-.16.033-.094.067-.182.091-.269a4.57 4.57 0 0 0 .065-.223c.057-.25.081-.514.081-.787 0-.108-.004-.221-.014-.327-.005-.117-.02-.235-.034-.352a3.415 3.415 0 0 0-.048-.312 6.494 6.494 0 0 0-.098-.468l-.014-.06c-.03-.108-.056-.21-.09-.317a11.824 11.824 0 0 0-.328-.972 5.212 5.212 0 0 0-.142-.355c-.072-.178-.146-.339-.213-.49a3.564 3.564 0 0 1-.094-.197 4.658 4.658 0 0 0-.103-.213c-.024-.053-.053-.104-.072-.152l-.211-.388c-.029-.053.019-.118.077-.101l1.32.357h.01l.173.05.192.054.07.019v-.783c0-.379.302-.686.679-.686a.66.66 0 0 1 .477.202.69.69 0 0 1 .2.484V6.65l.141.039c.01.005.022.01.031.017.034.024.084.062.147.11.05.038.103.086.165.137a10.351 10.351 0 0 1 .574.504c.214.199.454.432.684.691.065.074.127.146.192.226.062.079.132.156.19.232.079.104.16.212.235.324.033.053.074.108.105.161.096.142.178.288.257.435.034.067.067.141.096.213.089.197.159.396.202.598a.65.65 0 0 1 .029.132v.01c.014.057.019.12.024.184a2.057 2.057 0 0 1-.106.874c-.031.084-.06.17-.098.254-.075.17-.161.343-.264.502-.034.06-.075.122-.113.182-.043.063-.089.123-.127.18a3.89 3.89 0 0 1-.173.221c-.053.072-.106.144-.166.209-.081.098-.16.19-.245.278-.048.058-.1.118-.156.17-.052.06-.108.113-.156.161-.084.084-.15.147-.208.202l-.137.122a.102.102 0 0 1-.072.03h-1.051v1.346h1.322c.295 0 .576-.104.804-.298.077-.067.415-.36.816-.802a.094.094 0 0 1 .05-.03l3.65-1.057a.108.108 0 0 1 .138.103z"})),magicEden:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 541 541",className:"opacity-50 dark:opacity-[0.65] dark:invert",height:"100%",width:"100%"},r.createElement("image",{id:"image0",width:"541",height:"541",x:"0",y:"0",href:"data:image/png;base64,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"})),wallet1:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),r.createElement("path",{d:"M18 7h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h15v4zM4 9v10h16V9H4zm0-4v2h12V5H4zm11 8h3v2h-3v-2z",fill:"currentColor"})),wallet2:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),r.createElement("path",{d:"M20 7V5H4v14h16v-2h-8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h8zM3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm10 6v6h7V9h-7zm2 2h3v2h-3v-2z",fill:"currentColor"})),wallet3:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),r.createElement("path",{d:"M22 7h1v10h-1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v3zm-2 10h-6a5 5 0 0 1 0-10h6V5H4v14h16v-2zm1-2V9h-7a3 3 0 0 0 0 6h7zm-7-4h3v2h-3v-2z",fill:"currentColor"})),fingerprint:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A13.916 13.916 0 008 11a4 4 0 118 0c0 1.017-.07 2.019-.203 3m-2.118 6.844A21.88 21.88 0 0015.171 17m3.839 1.132c.645-2.266.99-4.659.99-7.132A8 8 0 008 4.07M3 15.364c.64-1.319 1-2.8 1-4.364 0-1.457.39-2.823 1.07-4"})),rainbow:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),r.createElement("path",{d:"M12 4c6.075 0 11 4.925 11 11v5h-2v-5a9 9 0 0 0-8.735-8.996L12 6a9 9 0 0 0-8.996 8.735L3 15v5H1v-5C1 8.925 5.925 4 12 4zm0 4a7 7 0 0 1 7 7v5h-2v-5a5 5 0 0 0-4.783-4.995L12 10a5 5 0 0 0-4.995 4.783L7 15v5H5v-5a7 7 0 0 1 7-7zm0 4a3 3 0 0 1 3 3v5h-2v-5a1 1 0 0 0-.883-.993L12 14a1 1 0 0 0-.993.883L11 15v5H9v-5a3 3 0 0 1 3-3z",fill:"currentColor"})),collection:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"})),bookOpen:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"})),houseModern:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 21v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21m0 0h4.5V3.545M12.75 21h7.5V10.75M2.25 21h1.5m18 0h-18M2.25 9l4.5-1.636M18.75 3l-1.5.545m0 6.205l3 1m1.5.5l-1.5-.5M6.75 7.364V3h-3v18m3-13.636l10.5-3.819"})),cube:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"})),bookmarkSquare:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.5 3.75V16.5L12 14.25 7.5 16.5V3.75m9 0H18A2.25 2.25 0 0120.25 6v12A2.25 2.25 0 0118 20.25H6A2.25 2.25 0 013.75 18V6A2.25 2.25 0 016 3.75h1.5m9 0h-9"})),bookmark:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z"})),openai:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"100%",width:"100%"},r.createElement("path",{d:"M20.5624 10.1875C20.8124 9.5 20.8749 8.8125 20.8124 8.125C20.7499 7.4375 20.4999 6.75 20.1874 6.125C19.6249 5.1875 18.8124 4.4375 17.8749 4C16.8749 3.5625 15.8124 3.4375 14.7499 3.6875C14.2499 3.1875 13.6874 2.75 13.0624 2.4375C12.4374 2.125 11.6874 2 10.9999 2C9.9374 2 8.8749 2.3125 7.9999 2.9375C7.1249 3.5625 6.4999 4.4375 6.1874 5.4375C5.4374 5.625 4.8124 5.9375 4.1874 6.3125C3.6249 6.75 3.1874 7.3125 2.8124 7.875C2.24991 8.8125 2.06241 9.875 2.18741 10.9375C2.31241 12 2.7499 13 3.4374 13.8125C3.1874 14.5 3.1249 15.1875 3.1874 15.875C3.2499 16.5625 3.4999 17.25 3.8124 17.875C4.3749 18.8125 5.1874 19.5625 6.1249 20C7.1249 20.4375 8.1874 20.5625 9.2499 20.3125C9.7499 20.8125 10.3124 21.25 10.9374 21.5625C11.5624 21.875 12.3124 22 12.9999 22C14.0624 22 15.1249 21.6875 15.9999 21.0625C16.8749 20.4375 17.4999 19.5625 17.8124 18.5625C18.4999 18.4375 19.1874 18.125 19.7499 17.6875C20.3124 17.25 20.8124 16.75 21.1249 16.125C21.6874 15.1875 21.8749 14.125 21.7499 13.0625C21.6249 12 21.2499 11 20.5624 10.1875ZM13.0624 20.6875C12.0624 20.6875 11.3124 20.375 10.6249 19.8125C10.6249 19.8125 10.6874 19.75 10.7499 19.75L14.7499 17.4375C14.8749 17.375 14.9374 17.3125 14.9999 17.1875C15.0624 17.0625 15.0624 17 15.0624 16.875V11.25L16.7499 12.25V16.875C16.8124 19.0625 15.0624 20.6875 13.0624 20.6875ZM4.9999 17.25C4.5624 16.5 4.3749 15.625 4.5624 14.75C4.5624 14.75 4.6249 14.8125 4.6874 14.8125L8.6874 17.125C8.8124 17.1875 8.8749 17.1875 8.9999 17.1875C9.1249 17.1875 9.2499 17.1875 9.3124 17.125L14.1874 14.3125V16.25L10.1249 18.625C9.2499 19.125 8.2499 19.25 7.3124 19C6.3124 18.75 5.4999 18.125 4.9999 17.25ZM3.9374 8.5625C4.3749 7.8125 5.0624 7.25 5.8749 6.9375V7.0625V11.6875C5.8749 11.8125 5.8749 11.9375 5.9374 12C5.9999 12.125 6.0624 12.1875 6.1874 12.25L11.0624 15.0625L9.3749 16.0625L5.3749 13.75C4.4999 13.25 3.8749 12.4375 3.6249 11.5C3.3749 10.5625 3.4374 9.4375 3.9374 8.5625ZM17.7499 11.75L12.8749 8.9375L14.5624 7.9375L18.5624 10.25C19.1874 10.625 19.6874 11.125 19.9999 11.75C20.3124 12.375 20.4999 13.0625 20.4374 13.8125C20.3749 14.5 20.1249 15.1875 19.6874 15.75C19.2499 16.3125 18.6874 16.75 17.9999 17V12.25C17.9999 12.125 17.9999 12 17.9374 11.9375C17.9374 11.9375 17.8749 11.8125 17.7499 11.75ZM19.4374 9.25C19.4374 9.25 19.3749 9.1875 19.3124 9.1875L15.3124 6.875C15.1874 6.8125 15.1249 6.8125 14.9999 6.8125C14.8749 6.8125 14.7499 6.8125 14.6874 6.875L9.8124 9.6875V7.75L13.8749 5.375C14.4999 5 15.1874 4.875 15.9374 4.875C16.6249 4.875 17.3124 5.125 17.9374 5.5625C18.4999 6 18.9999 6.5625 19.2499 7.1875C19.4999 7.8125 19.5624 8.5625 19.4374 9.25ZM8.9374 12.75L7.2499 11.75V7.0625C7.2499 6.375 7.4374 5.625 7.8124 5.0625C8.1874 4.4375 8.7499 4 9.3749 3.6875C9.9999 3.375 10.7499 3.25 11.4374 3.375C12.1249 3.4375 12.8124 3.75 13.3749 4.1875C13.3749 4.1875 13.3124 4.25 13.2499 4.25L9.2499 6.5625C9.1249 6.625 9.0624 6.6875 8.9999 6.8125C8.9374 6.9375 8.9374 7 8.9374 7.125V12.75ZM9.8124 10.75L11.9999 9.5L14.1874 10.75V13.25L11.9999 14.5L9.8124 13.25V10.75Z",fill:"currentColor"})),openaiText:r.createElement("svg",{fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1180 320",height:"100%",width:"100%"},r.createElement("g",{fill:"currentColor","data-v-22ee7e7c":""},r.createElement("path",{d:"m367.44 153.84c0 52.32 33.6 88.8 80.16 88.8s80.16-36.48 80.16-88.8-33.6-88.8-80.16-88.8-80.16 36.48-80.16 88.8zm129.6 0c0 37.44-20.4 61.68-49.44 61.68s-49.44-24.24-49.44-61.68 20.4-61.68 49.44-61.68 49.44 24.24 49.44 61.68z"}),r.createElement("path",{d:"m614.27 242.64c35.28 0 55.44-29.76 55.44-65.52s-20.16-65.52-55.44-65.52c-16.32 0-28.32 6.48-36.24 15.84v-13.44h-28.8v169.2h28.8v-56.4c7.92 9.36 19.92 15.84 36.24 15.84zm-36.96-69.12c0-23.76 13.44-36.72 31.2-36.72 20.88 0 32.16 16.32 32.16 40.32s-11.28 40.32-32.16 40.32c-17.76 0-31.2-13.2-31.2-36.48z"}),r.createElement("path",{d:"m747.65 242.64c25.2 0 45.12-13.2 54-35.28l-24.72-9.36c-3.84 12.96-15.12 20.16-29.28 20.16-18.48 0-31.44-13.2-33.6-34.8h88.32v-9.6c0-34.56-19.44-62.16-55.92-62.16s-60 28.56-60 65.52c0 38.88 25.2 65.52 61.2 65.52zm-1.44-106.8c18.24 0 26.88 12 27.12 25.92h-57.84c4.32-17.04 15.84-25.92 30.72-25.92z"}),r.createElement("path",{d:"m823.98 240h28.8v-73.92c0-18 13.2-27.6 26.16-27.6 15.84 0 22.08 11.28 22.08 26.88v74.64h28.8v-83.04c0-27.12-15.84-45.36-42.24-45.36-16.32 0-27.6 7.44-34.8 15.84v-13.44h-28.8z"}),r.createElement("path",{d:"m1014.17 67.68-65.28 172.32h30.48l14.64-39.36h74.4l14.88 39.36h30.96l-65.28-172.32zm16.8 34.08 27.36 72h-54.24z"}),r.createElement("path",{d:"m1163.69 68.18h-30.72v172.32h30.72z"}),r.createElement("path",{d:"m297.06 130.97c7.26-21.79 4.76-45.66-6.85-65.48-17.46-30.4-52.56-46.04-86.84-38.68-15.25-17.18-37.16-26.95-60.13-26.81-35.04-.08-66.13 22.48-76.91 55.82-22.51 4.61-41.94 18.7-53.31 38.67-17.59 30.32-13.58 68.54 9.92 94.54-7.26 21.79-4.76 45.66 6.85 65.48 17.46 30.4 52.56 46.04 86.84 38.68 15.24 17.18 37.16 26.95 60.13 26.8 35.06.09 66.16-22.49 76.94-55.86 22.51-4.61 41.94-18.7 53.31-38.67 17.57-30.32 13.55-68.51-9.94-94.51zm-120.28 168.11c-14.03.02-27.62-4.89-38.39-13.88.49-.26 1.34-.73 1.89-1.07l63.72-36.8c3.26-1.85 5.26-5.32 5.24-9.07v-89.83l26.93 15.55c.29.14.48.42.52.74v74.39c-.04 33.08-26.83 59.9-59.91 59.97zm-128.84-55.03c-7.03-12.14-9.56-26.37-7.15-40.18.47.28 1.3.79 1.89 1.13l63.72 36.8c3.23 1.89 7.23 1.89 10.47 0l77.79-44.92v31.1c.02.32-.13.63-.38.83l-64.41 37.19c-28.69 16.52-65.33 6.7-81.92-21.95zm-16.77-139.09c7-12.16 18.05-21.46 31.21-26.29 0 .55-.03 1.52-.03 2.2v73.61c-.02 3.74 1.98 7.21 5.23 9.06l77.79 44.91-26.93 15.55c-.27.18-.61.21-.91.08l-64.42-37.22c-28.63-16.58-38.45-53.21-21.95-81.89zm221.26 51.49-77.79-44.92 26.93-15.54c.27-.18.61-.21.91-.08l64.42 37.19c28.68 16.57 38.51 53.26 21.94 81.94-7.01 12.14-18.05 21.44-31.2 26.28v-75.81c.03-3.74-1.96-7.2-5.2-9.06zm26.8-40.34c-.47-.29-1.3-.79-1.89-1.13l-63.72-36.8c-3.23-1.89-7.23-1.89-10.47 0l-77.79 44.92v-31.1c-.02-.32.13-.63.38-.83l64.41-37.16c28.69-16.55 65.37-6.7 81.91 22 6.99 12.12 9.52 26.31 7.15 40.1zm-168.51 55.43-26.94-15.55c-.29-.14-.48-.42-.52-.74v-74.39c.02-33.12 26.89-59.96 60.01-59.94 14.01 0 27.57 4.92 38.34 13.88-.49.26-1.33.73-1.89 1.07l-63.72 36.8c-3.26 1.85-5.26 5.31-5.24 9.06l-.04 89.79zm14.63-31.54 34.65-20.01 34.65 20v40.01l-34.65 20-34.65-20z"}))),share:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",height:"100%",width:"100%"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"})),linkedIn:r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"100%",width:"100%"},r.createElement("path",{d:"M18.3362 18.339H15.6707V14.1622C15.6707 13.1662 15.6505 11.8845 14.2817 11.8845C12.892 11.8845 12.6797 12.9683 12.6797 14.0887V18.339H10.0142V9.75H12.5747V10.9207H12.6092C12.967 10.2457 13.837 9.53325 15.1367 9.53325C17.8375 9.53325 18.337 11.3108 18.337 13.6245V18.339H18.3362ZM7.00373 8.57475C6.14573 8.57475 5.45648 7.88025 5.45648 7.026C5.45648 6.1725 6.14648 5.47875 7.00373 5.47875C7.85873 5.47875 8.55173 6.1725 8.55173 7.026C8.55173 7.88025 7.85798 8.57475 7.00373 8.57475ZM8.34023 18.339H5.66723V9.75H8.34023V18.339ZM19.6697 3H4.32923C3.59498 3 3.00098 3.5805 3.00098 4.29675V19.7033C3.00098 20.4202 3.59498 21 4.32923 21H19.6675C20.401 21 21.001 20.4202 21.001 19.7033V4.29675C21.001 3.5805 20.401 3 19.6675 3H19.6697Z"}))},w=f;var L=({name:n="empty"})=>w[n],v=L;var t=v;var p=({children:n,className:o,defaultClassName:i,icon:l,...a})=>s.createElement("button",{type:"button",className:`${o?`${o} `:""}${i} effect-pressing`,...a},l&&s.createElement("span",{className:`w-6 h-6 flex-shrink-0 ${n?"mr-1":""}`},s.createElement(t,{name:l})),s.createElement(s.Fragment,null,n)),m=({type:n="default",icon:o,className:i,children:l="Button",...a})=>{switch(n){case"menu-default":return s.createElement(p,{"aria-label":"menu-default",className:i,defaultClassName:"w-max py-2 px-5 hover:bg-menu dark:hover:bg-gray-800 rounded-md cursor-pointer focus:outline-none justify-center items-center text-xl tracking-wider flex text-gray-500 dark:text-gray-400",icon:o,...a},l);case"primary":return s.createElement(p,{"aria-label":"primary",className:i,defaultClassName:"w-max py-2 px-7 shadow-sm border border-blue-500 dark:border-blue-900 dark:bg-blue-900 dark:text-gray-300 bg-blue-500 hover:bg-blue-600 hover:border-blue-600 dark:hover:bg-blue-800 dark:hover:border-blue-800 hover:shadow-inner text-white rounded-md cursor-pointer focus:outline-none justify-center items-center text-xl tracking-wider flex",icon:o,...a},l);case"menu-primary":return s.createElement(p,{"aria-label":"menu-primary",className:i,defaultClassName:"w-max py-2 px-5 hover:bg-pink-100 dark:hover:bg-pink-900 rounded-md cursor-pointer focus:outline-none justify-center items-center text-xl tracking-wider flex text-pink-500 dark:text-pink-400",icon:o,...a},l);default:return s.createElement(p,{"aria-label":"default",className:i,defaultClassName:"w-max py-2 px-7 shadow-sm border border-gray-300 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700 dark:hover:border-gray-700 hover:shadow-inner rounded-md cursor-pointer focus:outline-none justify-center items-center text-xl tracking-wider bg-white flex",icon:o,...a},l)}};m.displayName="Button";var u=m;var b=u;import e from"react";var A=({type:n="primary",icon:o,children:i="Label",preview:l=!1,className:a,iconClassName:x,...d})=>{switch(n){case"primary":return e.createElement("label",{...d,className:"cursor-pointer justify-center font-medium items-center flex w-auto lg:px-4 lg:py-1 px-2 py-1 bg-blue-100 dark:bg-blue-900 hover:bg-blue-200 dark:hover:bg-blue-800 text-center rounded-md text-4 lg:text-label tracking-wide text-blue-500 dark:text-blue-300 align-middle effect-pressing"},o&&e.createElement("span",{className:"lg:w-7 lg:h-7 h-4 w-4 lg:mr-2 mr-1"},e.createElement(t,{name:o})),e.createElement(e.Fragment,null,i));case"secondary":return e.createElement("label",{...d,className:"cursor-pointer focus:animate-pulse justify-center font-medium items-center flex w-auto lg:px-4 px-2 py-1 lg:py-1 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 text-center rounded-md text-4 lg:text-label tracking-wide text-gray-500 dark:text-gray-300 align-middle effect-pressing"},o&&e.createElement("span",{className:"lg:w-7 lg:h-7 h-4 w-4 lg:mr-2 mr-1"},e.createElement(t,{name:o})),e.createElement(e.Fragment,null,i));case"green":return e.createElement("label",{className:`group cursor-pointer justify-center font-medium items-center h-full flex gap-x-1 w-min ${l?"px-3 py-0.5":"px-4 py-1.5"} bg-green-100 dark:bg-green-800 hover:bg-green-200 dark:hover:bg-green-700 text-center rounded-md text-xl tracking-wide text-green-500 dark:text-green-400 align-middle effect-pressing`},e.createElement(e.Fragment,null,i),o&&e.createElement("span",{className:"lg:w-[19px] lg:h-[19px] w-4 h-4 opacity-0 transition-all ease-in-out -ml-5 group-hover:ml-0 group-hover:mr-0 -mr-1 group-hover:opacity-100"},e.createElement(t,{name:o})));case"sticky-icon":return e.createElement("label",{...d,className:"justify-center items-center flex w-auto h-auto lg:py-1 lg:px-3 py-0 px-2 bg-yellow-200 dark:bg-yellow-800 hover:bg-yellow-300 dark:hover:bg-yellow-700 text-center rounded-md text-4 lg:text-label tracking-wide text-yellow-500 align-middle"},e.createElement("span",{className:"lg:w-7 lg:h-7 h-4 w-4"},e.createElement(t,{name:"sticky"})));case"gray-icon":return e.createElement("label",{...d,className:"cursor-pointer justify-center font-medium items-center h-full flex w-min px-2 py-2 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-500 text-center rounded-md text-xl tracking-wide text-gray-500 dark:text-gray-300 align-middle effect-pressing"},o&&e.createElement("span",{className:"lg:w-[19px] lg:h-[19px] h-4 w-4"},e.createElement(t,{name:o})));case"green-icon":return e.createElement("label",{...d,className:`cursor-pointer justify-center font-medium items-center h-full flex w-min px-2 py-2 bg-green-100 dark:bg-green-700 hover:bg-green-200 dark:hover:bg-green-600 text-center rounded-md text-xl tracking-wide text-green-500 dark:text-green-300 align-middle effect-pressing ${a??""}`},o&&e.createElement("span",{className:"lg:w-[19px] lg:h-[19px] h-4 w-4"},e.createElement(t,{name:o})));case"orange-icon":return e.createElement("label",{...d,className:"cursor-pointer justify-center font-medium items-center h-full flex w-min px-2 py-2 bg-orange-100 dark:bg-orange-700 hover:bg-orange-200 dark:hover:bg-orange-600 text-center rounded-md text-xl tracking-wide text-orange-500 dark:text-orange-300 align-middle effect-pressing"},o&&e.createElement("span",{className:`lg:w-[19px] lg:h-[19px] h-4 w-4 ${x}`},e.createElement(t,{name:o})))}};A.displayName="Label";var g=A;var M=g;import h from"react";var k=({children:n=h.createElement(h.Fragment,null,h.createElement(g,{type:"primary",icon:"sticky"}),h.createElement(g,{type:"gray-icon",icon:"preview"})),className:o})=>h.createElement("div",{className:`label-group ${o??""}`},h.createElement(h.Fragment,null,n));k.displayName="LabelGroup";var c=k;var C=c;export{b as Button,t as Icon,M as Label,C as LabelGroup};
+1
-904
dist/index.css

@@ -1,904 +0,1 @@

/* styles/vendor.css */
*,
::before,
::after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e5e5;
}
::before,
::after {
--tw-content: "";
}
html {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family:
ui-sans-serif,
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
"Noto Sans",
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
font-feature-settings: normal;
font-variation-settings: normal;
}
body {
margin: 0;
line-height: inherit;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
"Liberation Mono",
"Courier New",
monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
}
button,
select {
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
background-color: transparent;
background-image: none;
}
:-moz-focusring {
outline: auto;
}
:-moz-ui-invalid {
box-shadow: none;
}
progress {
vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #a3a3a3;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #a3a3a3;
}
button,
[role=button] {
cursor: pointer;
}
:disabled {
cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
}
img,
video {
max-width: 100%;
height: auto;
}
[hidden] {
display: none;
}
*,
::before,
::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.sticky {
position: sticky;
}
.-ml-5 {
margin-left: -1.25rem;
}
.-mr-1 {
margin-right: -3px;
}
.mr-1 {
margin-right: 3px;
}
.flex {
display: flex;
}
.h-4 {
height: 12px;
}
.h-5 {
height: 1.25rem;
}
.h-6 {
height: 18px;
}
.h-8 {
height: 2rem;
}
.h-\[1\.9rem\] {
height: 1.9rem;
}
.h-\[32px\] {
height: 32px;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.w-4 {
width: 12px;
}
.w-5 {
width: 1.25rem;
}
.w-6 {
width: 18px;
}
.w-8 {
width: 2rem;
}
.w-\[1\.9rem\] {
width: 1.9rem;
}
.w-auto {
width: auto;
}
.w-max {
width: -moz-max-content;
width: max-content;
}
.w-min {
width: -moz-min-content;
width: min-content;
}
.scale-75 {
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90 {
--tw-scale-x: .9;
--tw-scale-y: .9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
cursor: pointer;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.gap-x-1 {
-moz-column-gap: 3px;
column-gap: 3px;
}
.gap-x-2 {
-moz-column-gap: 6px;
column-gap: 6px;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-md {
border-radius: 0.375rem;
}
.border {
border-width: 1px;
}
.border-blue-500 {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
.bg-blue-100 {
--tw-bg-opacity: 1;
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-green-100 {
--tw-bg-opacity: 1;
background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}
.bg-orange-100 {
--tw-bg-opacity: 1;
background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-yellow-200 {
--tw-bg-opacity: 1;
background-color: rgb(253 230 138 / var(--tw-bg-opacity));
}
.px-2 {
padding-left: 6px;
padding-right: 6px;
}
.px-3 {
padding-left: 9px;
padding-right: 9px;
}
.px-4 {
padding-left: 12px;
padding-right: 12px;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-7 {
padding-left: 21px;
padding-right: 21px;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.py-1 {
padding-top: 3px;
padding-bottom: 3px;
}
.py-1\.5 {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.py-2 {
padding-top: 6px;
padding-bottom: 6px;
}
.pl-1 {
padding-left: 3px;
}
.pt-20 {
padding-top: 60px;
}
.text-center {
text-align: center;
}
.align-middle {
vertical-align: middle;
}
.text-3xl {
font-size: 22.5px;
}
.text-4 {
font-size: 14px;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-label {
font-size: 18px;
}
.text-xl {
font-size: 15px;
}
.font-bold {
font-weight: 700;
}
.font-medium {
font-weight: 500;
}
.font-normal {
font-weight: 400;
}
.leading-relaxed {
line-height: 1.625;
}
.tracking-wide {
letter-spacing: 0.025em;
}
.tracking-wider {
letter-spacing: 0.05em;
}
.text-blue-500 {
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(115 115 115 / var(--tw-text-opacity));
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(82 82 82 / var(--tw-text-opacity));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(64 64 64 / var(--tw-text-opacity));
}
.text-green-500 {
--tw-text-opacity: 1;
color: rgb(16 185 129 / var(--tw-text-opacity));
}
.text-orange-500 {
--tw-text-opacity: 1;
color: rgb(249 115 22 / var(--tw-text-opacity));
}
.text-pink-500 {
--tw-text-opacity: 1;
color: rgb(236 72 153 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-yellow-500 {
--tw-text-opacity: 1;
color: rgb(245 158 11 / var(--tw-text-opacity));
}
.opacity-0 {
opacity: 0;
}
.opacity-50 {
opacity: 0.5;
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hover\:border-blue-600:hover {
--tw-border-opacity: 1;
border-color: rgb(37 99 235 / var(--tw-border-opacity));
}
.hover\:bg-blue-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}
.hover\:bg-blue-600:hover {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.hover\:bg-green-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(167 243 208 / var(--tw-bg-opacity));
}
.hover\:bg-menu:hover {
--tw-bg-opacity: 1;
background-color: rgb(235 236 237 / var(--tw-bg-opacity));
}
.hover\:bg-orange-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(254 215 170 / var(--tw-bg-opacity));
}
.hover\:bg-pink-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(252 231 243 / var(--tw-bg-opacity));
}
.hover\:bg-yellow-300:hover {
--tw-bg-opacity: 1;
background-color: rgb(252 211 77 / var(--tw-bg-opacity));
}
.hover\:shadow-inner:hover {
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
@keyframes pulse {
50% {
opacity: .5;
}
}
.focus\:animate-pulse:focus {
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.group:hover .group-hover\:ml-0 {
margin-left: 0px;
}
.group:hover .group-hover\:mr-0 {
margin-right: 0px;
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
:is(.dark .dark\:border-blue-900) {
--tw-border-opacity: 1;
border-color: rgb(30 58 138 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-800) {
--tw-border-opacity: 1;
border-color: rgb(38 38 38 / var(--tw-border-opacity));
}
:is(.dark .dark\:bg-blue-900) {
--tw-bg-opacity: 1;
background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-700) {
--tw-bg-opacity: 1;
background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-800) {
--tw-bg-opacity: 1;
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-green-700) {
--tw-bg-opacity: 1;
background-color: rgb(4 120 87 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-green-800) {
--tw-bg-opacity: 1;
background-color: rgb(6 95 70 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-orange-700) {
--tw-bg-opacity: 1;
background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-yellow-800) {
--tw-bg-opacity: 1;
background-color: rgb(146 64 14 / var(--tw-bg-opacity));
}
:is(.dark .dark\:text-blue-300) {
--tw-text-opacity: 1;
color: rgb(147 197 253 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-100) {
--tw-text-opacity: 1;
color: rgb(245 245 245 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-200) {
--tw-text-opacity: 1;
color: rgb(229 229 229 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-300) {
--tw-text-opacity: 1;
color: rgb(212 212 212 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-400) {
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-50) {
--tw-text-opacity: 1;
color: rgb(250 250 250 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-green-300) {
--tw-text-opacity: 1;
color: rgb(110 231 183 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-green-400) {
--tw-text-opacity: 1;
color: rgb(52 211 153 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-orange-300) {
--tw-text-opacity: 1;
color: rgb(253 186 116 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-pink-400) {
--tw-text-opacity: 1;
color: rgb(244 114 182 / var(--tw-text-opacity));
}
:is(.dark .dark\:opacity-\[0\.65\]) {
opacity: 0.65;
}
:is(.dark .dark\:opacity-\[0\.6\]) {
opacity: 0.6;
}
:is(.dark .dark\:invert) {
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
:is(.dark .dark\:hover\:border-blue-800:hover) {
--tw-border-opacity: 1;
border-color: rgb(30 64 175 / var(--tw-border-opacity));
}
:is(.dark .dark\:hover\:border-gray-700:hover) {
--tw-border-opacity: 1;
border-color: rgb(64 64 64 / var(--tw-border-opacity));
}
:is(.dark .dark\:hover\:bg-blue-800:hover) {
--tw-bg-opacity: 1;
background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-500:hover) {
--tw-bg-opacity: 1;
background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-600:hover) {
--tw-bg-opacity: 1;
background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-700:hover) {
--tw-bg-opacity: 1;
background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-800:hover) {
--tw-bg-opacity: 1;
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-green-600:hover) {
--tw-bg-opacity: 1;
background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-green-700:hover) {
--tw-bg-opacity: 1;
background-color: rgb(4 120 87 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-orange-600:hover) {
--tw-bg-opacity: 1;
background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-pink-900:hover) {
--tw-bg-opacity: 1;
background-color: rgb(131 24 67 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-yellow-700:hover) {
--tw-bg-opacity: 1;
background-color: rgb(180 83 9 / var(--tw-bg-opacity));
}
@media (min-width: 1024px) {
.lg\:mr-2 {
margin-right: 6px;
}
.lg\:h-7 {
height: 21px;
}
.lg\:h-\[19px\] {
height: 19px;
}
.lg\:w-7 {
width: 21px;
}
.lg\:w-\[19px\] {
width: 19px;
}
.lg\:px-3 {
padding-left: 9px;
padding-right: 9px;
}
.lg\:px-4 {
padding-left: 12px;
padding-right: 12px;
}
.lg\:py-1 {
padding-top: 3px;
padding-bottom: 3px;
}
.lg\:text-label {
font-size: 18px;
}
}
/* styles/base.css */
.effect-pressing {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 50ms;
transition-timing-function: linear;
}
.effect-pressing:active {
--tw-translate-y: 0.5px !important;
--tw-scale-x: 0.985 !important;
--tw-scale-y: 0.985 !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.label-group {
display: flex;
flex-wrap: nowrap;
align-items: center;
border-radius: 0.375rem;
border-width: 1px;
}
:is(.dark .label-group) {
--tw-border-opacity: 1;
border-color: rgb(82 82 82 / var(--tw-border-opacity));
}
.label-group label {
height: 100%;
}
.label-group label:only-child {
border-radius: calc(0.375rem - 1px);
}
.label-group label:not(:first-child),
.label-group label:not(:last-child) {
border-radius: 0px;
border-left-width: 1px;
}
:is(.dark .label-group label:not(:first-child)),
:is(.dark .label-group label:not(:last-child)) {
--tw-border-opacity: 1;
border-color: rgb(82 82 82 / var(--tw-border-opacity));
}
.label-group label:not(:only-child):first-child {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-style: none;
border-top-left-radius: calc(0.375rem - 1px);
border-bottom-left-radius: calc(0.375rem - 1px);
}
.label-group label:not(:only-child):last-child {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: calc(0.375rem - 1px);
border-bottom-right-radius: calc(0.375rem - 1px);
}
.effect-pressing{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:50ms;transition-timing-function:linear}.effect-pressing:active{--tw-translate-y: .5px !important;--tw-scale-x: .985 !important;--tw-scale-y: .985 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.label-group{display:flex;flex-wrap:nowrap;align-items:center;border-radius:.375rem;border-width:1px}:is(.dark .label-group){--tw-border-opacity: 1;border-color:rgb(82 82 82 / var(--tw-border-opacity))}.label-group label{height:100%}.label-group label:only-child{border-radius:calc(.375rem - 1px)}.label-group label:not(:first-child),.label-group label:not(:last-child){border-radius:0;border-left-width:1px}:is(.dark .label-group label:not(:first-child)),:is(.dark .label-group label:not(:last-child)){--tw-border-opacity: 1;border-color:rgb(82 82 82 / var(--tw-border-opacity))}.label-group label:not(:only-child):first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-style:none;border-top-left-radius:calc(.375rem - 1px);border-bottom-left-radius:calc(.375rem - 1px)}.label-group label:not(:only-child):last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:calc(.375rem - 1px);border-bottom-right-radius:calc(.375rem - 1px)}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e5e5}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#a3a3a3}input::placeholder,textarea::placeholder{opacity:1;color:#a3a3a3}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sticky{position:sticky}.-ml-5{margin-left:-1.25rem}.-mr-1{margin-right:-3px}.mr-1{margin-right:3px}.flex{display:flex}.contents{display:contents}.h-4{height:12px}.h-5{height:1.25rem}.h-6{height:18px}.h-8{height:2rem}.h-\[1\.9rem\]{height:1.9rem}.h-\[32px\]{height:32px}.h-auto{height:auto}.h-full{height:100%}.w-4{width:12px}.w-5{width:1.25rem}.w-6{width:18px}.w-8{width:2rem}.w-\[1\.9rem\]{width:1.9rem}.w-auto{width:auto}.w-max{width:-moz-max-content;width:max-content}.w-min{width:-moz-min-content;width:min-content}.flex-shrink-0{flex-shrink:0}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-x-1{-moz-column-gap:3px;column-gap:3px}.gap-x-2{-moz-column-gap:6px;column-gap:6px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(253 230 138 / var(--tw-bg-opacity))}.px-2{padding-left:6px;padding-right:6px}.px-3{padding-left:9px;padding-right:9px}.px-4{padding-left:12px;padding-right:12px}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:21px;padding-right:21px}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:3px;padding-bottom:3px}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:6px;padding-bottom:6px}.pl-1{padding-left:3px}.pt-20{padding-top:60px}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-3xl{font-size:22.5px}.text-4{font-size:14px}.text-base{font-size:1rem;line-height:1.5rem}.text-label{font-size:18px}.text-xl{font-size:15px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:border-blue-600:hover{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.hover\:bg-blue-200:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity))}.hover\:bg-green-200:hover{--tw-bg-opacity: 1;background-color:rgb(167 243 208 / var(--tw-bg-opacity))}.hover\:bg-menu:hover{--tw-bg-opacity: 1;background-color:rgb(235 236 237 / var(--tw-bg-opacity))}.hover\:bg-orange-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 215 170 / var(--tw-bg-opacity))}.hover\:bg-pink-100:hover{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity))}.hover\:bg-yellow-300:hover{--tw-bg-opacity: 1;background-color:rgb(252 211 77 / var(--tw-bg-opacity))}.hover\:shadow-inner:hover{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@keyframes pulse{50%{opacity:.5}}.focus\:animate-pulse:focus{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:ml-0{margin-left:0}.group:hover .group-hover\:mr-0{margin-right:0}.group:hover .group-hover\:opacity-100{opacity:1}:is(.dark .dark\:border-blue-900){--tw-border-opacity: 1;border-color:rgb(30 58 138 / var(--tw-border-opacity))}:is(.dark .dark\:border-gray-800){--tw-border-opacity: 1;border-color:rgb(38 38 38 / var(--tw-border-opacity))}:is(.dark .dark\:bg-blue-900){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-700){--tw-bg-opacity: 1;background-color:rgb(64 64 64 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-700){--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-800){--tw-bg-opacity: 1;background-color:rgb(6 95 70 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-orange-700){--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-yellow-800){--tw-bg-opacity: 1;background-color:rgb(146 64 14 / var(--tw-bg-opacity))}:is(.dark .dark\:text-blue-300){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-100){--tw-text-opacity: 1;color:rgb(245 245 245 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-200){--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-300){--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-400){--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-50){--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity))}:is(.dark .dark\:text-green-300){--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity))}:is(.dark .dark\:text-green-400){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity))}:is(.dark .dark\:text-orange-300){--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity))}:is(.dark .dark\:text-pink-400){--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity))}:is(.dark .dark\:opacity-\[0\.65\]){opacity:.65}:is(.dark .dark\:opacity-\[0\.6\]){opacity:.6}:is(.dark .dark\:invert){--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:is(.dark .dark\:hover\:border-blue-800:hover){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity))}:is(.dark .dark\:hover\:border-gray-700:hover){--tw-border-opacity: 1;border-color:rgb(64 64 64 / var(--tw-border-opacity))}:is(.dark .dark\:hover\:bg-blue-800:hover){--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-500:hover){--tw-bg-opacity: 1;background-color:rgb(115 115 115 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-600:hover){--tw-bg-opacity: 1;background-color:rgb(82 82 82 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-700:hover){--tw-bg-opacity: 1;background-color:rgb(64 64 64 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-green-600:hover){--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-green-700:hover){--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-orange-600:hover){--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-pink-900:hover){--tw-bg-opacity: 1;background-color:rgb(131 24 67 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-yellow-700:hover){--tw-bg-opacity: 1;background-color:rgb(180 83 9 / var(--tw-bg-opacity))}@media (min-width: 1024px){.lg\:mr-2{margin-right:6px}.lg\:h-7{height:21px}.lg\:h-\[19px\]{height:19px}.lg\:w-7{width:21px}.lg\:w-\[19px\]{width:19px}.lg\:px-3{padding-left:9px;padding-right:9px}.lg\:px-4{padding-left:12px;padding-right:12px}.lg\:py-1{padding-top:3px;padding-bottom:3px}.lg\:text-label{font-size:18px}}
+44
-41
package.json
{
"name": "@f97/twilight-ui",
"version": "0.0.1",
"description": "Twilight Toolkit UI for React",
"version": "0.0.2",
"description": "A super opinionated UI library for React & Tailwind CSS",
"license": "SEE LICENSE IN LICENSE",
"main": "./dist/index.js",
"module": "./dist/index.mjs",
"types": "./dist/index.d.ts",
"exports": {
".": {
"require": "./dist/index.js",
"import": "./dist/index.mjs",
"types": "./dist/index.d.ts"
}
},
"files": [
"/dist",
"LICENSE",
"README.md"
],
"resolutions": {

@@ -20,45 +17,51 @@ "webpack": "^5"

"scripts": {
"dev": "pnpm run build --watch",
"storybook": "storybook dev -p 6006 --quiet",
"build": "tsup src/index.ts --format cjs,esm --dts --clean --external react --silent",
"dev": "storybook dev -p 6006 --quiet",
"build": "tsx ./scripts/build.ts",
"build:storybook": "storybook build",
"start:storybook": "http-server -s -p 5555 ./storybook-static",
"clean": "rm -rf dist && rm -rf node_modules && rm -rf .turbo",
"upgrade": "ncu --upgrade",
"prepublishOnly": "pnpm run build"
"prepublishOnly": "turbo run build"
},
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@babel/core": "^7.22.5",
"@babel/preset-env": "^7.22.5",
"@babel/preset-react": "^7.22.5",
"@babel/preset-typescript": "^7.22.5",
"@storybook/addon-essentials": "^7.0.20",
"@storybook/addon-links": "^7.0.20",
"@storybook/addon-storysource": "^7.0.20",
"@storybook/addon-styling": "^1.3.0",
"@storybook/addons": "^7.0.20",
"@storybook/cli": "^7.0.20",
"@storybook/react-webpack5": "^7.0.20",
"@storybook/testing-library": "^0.1.0",
"@storybook/theming": "^7.0.20",
"@babel/core": "^7.21.4",
"@babel/preset-env": "^7.21.4",
"@babel/preset-react": "^7.18.6",
"@babel/preset-typescript": "^7.21.4",
"@storybook/addon-essentials": "^7.1.1",
"@storybook/addon-links": "^7.1.1",
"@storybook/addon-storysource": "^7.1.1",
"@storybook/addon-styling": "^1.3.5",
"@storybook/addons": "^7.1.1",
"@storybook/cli": "^7.1.1",
"@storybook/react": "^7.1.1",
"@storybook/react-webpack5": "^7.1.1",
"@storybook/testing-library": "^0.2.0",
"@storybook/theming": "^7.1.1",
"@tailwindcss/typography": "^0.5.9",
"@types/react": "^18.2.12",
"@types/react": "^18.0.35",
"autoprefixer": "^10.4.14",
"babel-loader": "^9.1.2",
"postcss": "^8.4.24",
"react": "^18.2.0",
"esbuild": "^0.18.17",
"esbuild-plugin-d.ts": "^1.1.0",
"esbuild-sass-plugin": "^2.10.0",
"eslint-plugin-storybook": "^0.6.13",
"http-server": "^14.1.1",
"postcss": "^8.4.27",
"react-docgen-typescript-plugin": "^1.0.5",
"react-dom": "^18.2.0",
"storybook": "^7.0.20",
"storybook": "^7.1.1",
"storybook-addon-turbo-build": "^2.0.1",
"storybook-dark-mode": "^3.0.0",
"tailwindcss": "^3.3.2",
"storybook-dark-mode": "^3.0.1",
"tailwindcss": "^3.3.1",
"tsconfig-paths-webpack-plugin": "^4.0.1",
"tsup": "^6.7.0",
"typescript": "^5.1.3",
"tsx": "^3.12.7",
"@f97/twilight-utils": "workspace:*",
"typescript": "^5.0.4",
"util": "^0.12.5"
},
"dependencies": {
"@f97/twilight-utils": "^0.0.1"
},
"packageManager": "yarn@3.6.0"
}
}
}
+39
-6
README.md
# Twilight UI
A super opinionated UI library for React (for now)
A super opinionated UI library for React & Tailwind CSS

@@ -10,3 +10,3 @@ ![twilight-toolkit-storybook](https://user-images.githubusercontent.com/21199796/182478030-52acb1f1-c60d-415b-9924-195e9b9d2ca5.png)

## Foreword
This project is work in progress
This project is work in progress.

@@ -21,10 +21,43 @@ <br/>

## Hosting
## Default usage (Standalone)
Powered by [Vercel](https://vercel.com)
1. Import the Twilight UI stylesheet (with Tailwind CSS included in the bundle) globally:
```react
import "./node_module/@f97/twilight-ui/dist/index.css"
```
2. Import components from `@f97/twilight-ui`:
```react
import { Button } from "@f97/twilight-ui"
```
<br/>
## Roadmap
## Headless usage
- Implement Foundation/Adaptor Pattern
In a Tailwind CSS project, Twilight UI should be used headlessly (to avoid styling conflicts).
1. Import the Twilight UI stylesheet (without Tailwind CSS included in the bundle) globally:
```react
import "./node_module/@f97/twilight-ui/dist/index-headless.css"
```
2. Configure `tailwind.config.js` for Tailwind CSS to compile Twilight UI's styling:
```javascript
module.exports = {
content: [
// ...
"./node_module/@f97/twilight-ui/dist/index-headless.js",
],
}
```
3. Import components from `@f97/twilight-ui`:
```react
import { Button } from "@f97/twilight-ui"
```
-10
.editorconfig
root = true
[*]
end_of_line = lf
insert_final_newline = true
[*.{js,json,yml}]
charset = utf-8
indent_style = space
indent_size = 2
-4
.eslintrc.js
module.exports = {
root: true,
extends: ['@ouorz/eslint-config-react'],
}
-4
.gitattributes
/.yarn/** linguist-vendored
/.yarn/releases/* binary
/.yarn/plugins/**/* binary
/.pnp.* binary linguist-generated
.prettierignore

Sorry, the diff of this file is not supported yet

-1
.prettierrc.json
"@ouorz/prettier-config"
-72
.storybook/main.js
import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
/** @type { import('@storybook/react-webpack5').StorybookConfig } */
const config = {
staticDirs: ['./public'],
stories: ['../stories/**/*.stories.ts', '../src/**/*.stories.@(mdx|tsx)'],
addons: [
{
name: '@storybook/addon-essentials',
options: {
actions: false,
backgrounds: false,
controls: true,
docs: true,
toolbars: true,
viewport: true,
outline: false,
measure: false,
},
},
// Support Tailwind CSS
{
name: '@storybook/addon-styling',
options: {
postCss: true,
},
},
'@storybook/addon-links',
'@storybook/addon-storysource',
'storybook-dark-mode',
'storybook-addon-turbo-build',
],
// Automatically generate docs for controls
typescript: {
check: false,
checkOptions: {},
reactDocgen: 'react-docgen-typescript',
reactDocgenTypescriptOptions: {
shouldExtractLiteralValuesFromEnum: true,
propFilter: (prop) =>
prop.parent ? !/node_modules/.test(prop.parent.fileName) : true,
},
},
features: {
storyStoreV7: false,
},
framework: {
name: '@storybook/react-webpack5',
options: {
builder: {
lazyCompilation: false,
fsCache: true,
},
},
},
// Resolve paths in tsconfig
webpackFinal: async (config) => {
config.resolve.plugins = [
...(config.resolve.plugins || []),
new TsconfigPathsPlugin({
extensions: config.resolve.extensions,
}),
]
return config
},
docs: {
autodocs: 'tag',
defaultName: 'Documentation',
},
}
export default config
-9
.storybook/manager-head.html
<meta
name="keywords"
content="design, system, twilight, twilight toolkit, twilight ui, twilight toolkit ui, design system, components, library, pattern, kit, component, React, React.js, storybook"
/>
<meta
name="description"
content="Twilight Toolkit UI Library"
/>
<link rel="icon" type="image/svg+xml" href="favicon.svg" sizes="any" />
-47
.storybook/preview.js
// Tailwind and custom CSS
import '../styles/vendor.css'
import '../styles/base.css'
import { themes } from '@storybook/theming'
import { withThemeByClassName } from '@storybook/addon-styling'
const theme = {
brandTitle: '@twilight-toolkit/ui',
brandUrl: 'https://ui.twilight-toolkit.ouorz.com',
}
/** @type { import('@storybook/react-webpack5').Preview } */
const preview = {
parameters: {
actions: { argTypesRegex: '^on[A-Z].*' },
controls: {
// Show full documentation for the controls
expanded: true,
matchers: {
color: /(background|color)$/i,
date: /Date$/,
},
},
darkMode: {
dark: {
...themes.dark,
...theme,
},
light: {
...themes.normal,
...theme,
},
},
},
decorators: [
withThemeByClassName({
themes: {
light: '',
dark: 'dark',
},
defaultTheme: 'light',
}),
],
}
export default preview
-55
.storybook/public/favicon.svg
<?xml version="1.0" encoding="UTF-8"?>
<svg width="512px" height="512px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Twilight Toolkit</title>
<defs>
<radialGradient cx="82.9249778%" cy="-86.0214699%" fx="82.9249778%" fy="-86.0214699%" r="136.373039%" id="radialGradient-1">
<stop stop-color="#471F3F" offset="0%"></stop>
<stop stop-color="#1580D0" offset="67.6803909%"></stop>
<stop stop-color="#F9F9F9" stop-opacity="0" offset="100%"></stop>
</radialGradient>
<path d="M256,6 C394.071187,6 506,117.928813 506,256 C506,394.071187 394.071187,506 256,506 C117.928813,506 6,394.071187 6,256 C6,117.928813 117.928813,6 256,6 Z" id="path-2"></path>
<filter x="-0.5%" y="-0.5%" width="101.0%" height="101.0%" filterUnits="objectBoundingBox" id="filter-3">
<feGaussianBlur stdDeviation="2.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.170183088 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<radialGradient cx="82.9249778%" cy="-86.0214699%" fx="82.9249778%" fy="-86.0214699%" r="136.373039%" id="radialGradient-4">
<stop stop-color="#0A263B" offset="0%"></stop>
<stop stop-color="#B32496" offset="67.3397891%"></stop>
<stop stop-color="#F9F9F9" stop-opacity="0" offset="100%"></stop>
</radialGradient>
<path d="M256,6 C394.071187,6 506,117.928813 506,256 C506,394.071187 394.071187,506 256,506 C117.928813,506 6,394.071187 6,256 C6,117.928813 117.928813,6 256,6 Z" id="path-5"></path>
<filter x="-0.5%" y="-0.5%" width="101.0%" height="101.0%" filterUnits="objectBoundingBox" id="filter-6">
<feGaussianBlur stdDeviation="2.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.170183088 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<radialGradient cx="50%" cy="0%" fx="50%" fy="0%" r="114.027965%" id="radialGradient-7">
<stop stop-color="#A85F9C" offset="0%"></stop>
<stop stop-color="#23445C" offset="100%"></stop>
</radialGradient>
<path d="M163.960634,133.884714 C182.009795,127.445938 202.153482,131.981551 215.700955,145.534719 C229.248428,159.087886 233.775156,179.233058 227.328137,197.278853 L381,350.946587 L350.93161,381 L197.259747,227.346436 C179.210586,233.785212 159.066899,229.249599 145.519425,215.696431 C131.971952,202.143263 127.445225,181.998091 133.892244,163.952296 L165.575995,195.649366 C170.912521,201.174531 178.815111,203.390407 186.246398,201.445321 C193.677685,199.500235 199.481188,193.696888 201.426326,186.265801 C203.371464,178.834713 201.155529,170.932336 195.630216,165.595953 L163.946464,133.870545 L163.960634,133.884714 Z M311.002121,162.003536 L356.002828,137 L376,156.997172 L350.996464,201.997879 L325.992929,207.004243 L296.011314,237 L276,217.002828 L305.995757,187.007071 L311.002121,162.003536 Z M210.763315,272 L241,302.248188 L170.43348,372.808286 C162.352614,380.812799 149.419058,381.090851 141.001586,373.441026 C132.584115,365.791201 131.629056,352.891133 138.828233,344.085337 L140.211051,342.560098 L210.777571,272 L210.763315,272 Z" id="path-8"></path>
<filter x="-12.2%" y="-11.8%" width="124.4%" height="124.4%" filterUnits="objectBoundingBox" id="filter-9">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="10" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.319659467 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="Twilight-Toolkit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M256,6 C394.071187,6 506,117.928813 506,256 C506,394.071187 394.071187,506 256,506 C117.928813,506 6,394.071187 6,256 C6,117.928813 117.928813,6 256,6 Z" id="White-Background" fill="#FFFFFF"></path>
<g id="Background-Color-2">
<use fill="url(#radialGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
</g>
<g id="Background-Color-1" transform="translate(256.000000, 256.000000) scale(-1, -1) translate(-256.000000, -256.000000) ">
<use fill="url(#radialGradient-4)" fill-rule="evenodd" xlink:href="#path-5"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
</g>
<g id="Toolkit-Icon" fill-rule="nonzero">
<use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
<use fill="url(#radialGradient-7)" xlink:href="#path-8"></use>
</g>
</g>
</svg>
.storybook/public/logo.png

Sorry, the diff of this file is not supported yet

.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs

Sorry, the diff of this file is too big to display

-16
babel.config.json
{
"sourceType": "unambiguous",
"presets": [
[
"@babel/preset-env",
{
"targets": {
"chrome": 100
}
}
],
"@babel/preset-react",
"@babel/preset-typescript"
],
"plugins": []
}
-77
dist/index.d.ts
import React from 'react';
declare const buttonTypes: ["default", "menu-default", "primary", "menu-primary"];
declare const labelTypes: ["primary", "secondary", "green", "gray-icon", "orange-icon", "sticky-icon", "green-icon"];
declare const iconsNames: string[];
type ButtonTypes = typeof buttonTypes[number];
type IconNames = typeof iconsNames[number];
type LabelTypes = typeof labelTypes[number];
interface Props$2 {
/**
* Specify the type of the button
*/
type?: ButtonTypes;
/**
* Specify the name of the icon to be used
*/
icon?: IconNames;
/**
* Custom classname
*/
className?: string;
/**
* The content inside the button
*/
children?: React.ReactNode;
[prop: string]: any;
}
type NativeAttrs$2 = Omit<React.ButtonHTMLAttributes<any>, keyof Props$2>;
type ButtonProps = Props$2 & NativeAttrs$2;
declare const Button: React.FC<ButtonProps>;
interface IconProps {
/**
* Specify the name of the icon
*/
name: IconNames;
}
declare const Icon: React.FC<React.PropsWithChildren<IconProps>>;
interface Props$1 {
/**
* Specify the type of the label
*/
type: LabelTypes;
/**
* Specify the name of the icon to be used
*/
icon?: IconNames;
/**
* The content inside the button
*/
children?: React.ReactNode;
/**
* Preview style
*/
preview?: boolean;
/**
* Specify the class name of the icon
*/
iconClassName?: string;
}
type NativeAttrs$1 = Omit<React.LabelHTMLAttributes<any>, keyof Props$1>;
type LabelProps = Props$1 & NativeAttrs$1;
declare const Label: React.FC<LabelProps>;
interface Props {
/**
* The content inside the group
*/
children?: React.ReactNode;
}
type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
type LabelGroupProps = Props & NativeAttrs;
declare const LabelGroup: React.FC<LabelGroupProps>;
export { Button, ButtonProps, Icon, IconProps, Label, LabelGroup, LabelGroupProps, LabelProps };
dist/index.mjs

Sorry, the diff of this file is too big to display

-3
postcss.config.js
module.exports = {
plugins: [require('tailwindcss')(), require('autoprefixer')()],
}
-48
src/Button/button.stories.tsx
import { Meta, StoryObj } from '@storybook/react'
import Button from './button'
import { iconsNames } from '../utils/propTypes'
const meta: Meta<typeof Button> = {
title: 'Components/ Button',
component: Button,
tags: ['button', 'input', 'autodocs'],
argTypes: {
icon: {
options: iconsNames,
control: { type: 'select' },
},
},
}
export default meta
type Story = StoryObj<typeof Button>
export const Default: Story = {
args: {
type: 'default',
children: 'Button',
},
}
export const MenuDefault: Story = {
args: {
type: 'menu-default',
children: 'Button',
},
}
export const Primary: Story = {
args: {
type: 'primary',
children: 'Button',
},
}
export const MenuPrimary: Story = {
args: {
type: 'menu-primary',
children: 'Button',
},
}
-127
src/Button/button.tsx
import React from 'react'
import Icon from '../Icon'
import type { ButtonTypes, IconNames } from '../utils/propTypes'
interface Props {
/**
* Specify the type of the button
*/
type?: ButtonTypes
/**
* Specify the name of the icon to be used
*/
icon?: IconNames
/**
* Custom classname
*/
className?: string
/**
* The content inside the button
*/
children?: React.ReactNode
[prop: string]: any
}
type NativeAttrs = Omit<React.ButtonHTMLAttributes<any>, keyof Props>
export type ButtonProps = Props & NativeAttrs
interface TemplateProps {
defaultClassName?: string
icon?: IconNames
className?: string
children?: React.ReactNode
}
const Template = ({
children,
className,
defaultClassName,
icon,
...args
}: TemplateProps) => {
return (
<button
type="button"
className={`${
className ? `${className} ` : ''
}${defaultClassName} effect-pressing`}
{...args}
>
{icon && (
<span className={children ? 'w-6 h-6 mr-1' : 'w-6 h-6'}>
<Icon name={icon} />
</span>
)}
{children}
</button>
)
}
const Button: React.FC<ButtonProps> = ({
type = 'default',
icon,
className,
children = 'Button',
...rest
}) => {
switch (type) {
case 'menu-default':
return (
<Template
aria-label="menu-default"
className={className}
defaultClassName="w-max py-2 px-5 hover:bg-menu dark:hover:bg-gray-800 rounded-md cursor-pointer focus:outline-none justify-center items-center text-xl tracking-wider flex text-gray-500 dark:text-gray-400"
icon={icon}
{...rest}
>
{children}
</Template>
)
case 'primary':
return (
<Template
aria-label="primary"
className={className}
defaultClassName="w-max py-2 px-7 shadow-sm border border-blue-500 dark:border-blue-900 dark:bg-blue-900 dark:text-gray-300 bg-blue-500 hover:bg-blue-600 hover:border-blue-600 dark:hover:bg-blue-800 dark:hover:border-blue-800 hover:shadow-inner text-white rounded-md cursor-pointer focus:outline-none justify-center items-center text-xl tracking-wider flex"
icon={icon}
{...rest}
>
{children}
</Template>
)
case 'menu-primary':
return (
<Template
aria-label="menu-primary"
className={className}
defaultClassName="w-max py-2 px-5 hover:bg-pink-100 dark:hover:bg-pink-900 rounded-md cursor-pointer focus:outline-none justify-center items-center text-xl tracking-wider flex text-pink-500 dark:text-pink-400"
icon={icon}
{...rest}
>
{children}
</Template>
)
default:
return (
<Template
aria-label="default"
className={className}
defaultClassName="w-max py-2 px-7 shadow-sm border border-gray-300 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700 dark:hover:border-gray-700 hover:shadow-inner rounded-md cursor-pointer focus:outline-none justify-center items-center text-xl tracking-wider bg-white flex"
icon={icon}
{...rest}
>
{children}
</Template>
)
}
}
Button.defaultProps = {
type: 'default',
icon: '',
className: '',
children: 'Button',
}
Button.displayName = 'Button'
export default Button
-4
src/Button/index.ts
import Button from './button'
export type { ButtonProps } from './button'
export default Button
-30
src/Icon/icon.stories.tsx
import React from 'react'
import { StoryFn, Meta } from '@storybook/react'
import Icon from '.'
import icons from './icons'
const meta: Meta<typeof Icon> = {
title: 'Components/ Icon',
component: Icon,
argTypes: {
name: {
options: Object.keys(icons),
control: { type: 'select' },
},
},
}
export default meta
const Template: StoryFn<typeof Icon> = (args) => {
return (
<i className="flex w-8 h-8">
<Icon {...args} />
</i>
)
}
export const Default = {
render: Template,
}
-18
src/Icon/icon.tsx
import React from 'react'
import icons from './icons'
import { IconNames } from '../utils/propTypes'
export interface IconProps {
/**
* Specify the name of the icon
*/
name: IconNames
}
export const Icon: React.FC<React.PropsWithChildren<IconProps>> = ({
name = 'empty',
}: IconProps) => {
return icons[name]
}
export default Icon
-1115
src/Icon/icons.tsx
import React from 'react'
const icons = {
rss: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-6 0a1 1 0 11-2 0 1 1 0 012 0z"
/>
</svg>
),
search: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
/>
</svg>
),
love: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
/>
</svg>
),
loveFill: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
fillRule="evenodd"
d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z"
clipRule="evenodd"
/>
</svg>
),
chat: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z"
/>
</svg>
),
twitter: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
height="100%"
width="100%"
>
<path fill="none" d="M0 0h24v24H0z" />
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M15.3 5.55a2.9 2.9 0 0 0-2.9 2.847l-.028 1.575a.6.6 0 0 1-.68.583l-1.561-.212c-2.054-.28-4.022-1.226-5.91-2.799-.598 3.31.57 5.603 3.383 7.372l1.747 1.098a.6.6 0 0 1 .034.993L7.793 18.17c.947.059 1.846.017 2.592-.131 4.718-.942 7.855-4.492 7.855-10.348 0-.478-1.012-2.141-2.94-2.141zm-4.9 2.81a4.9 4.9 0 0 1 8.385-3.355c.711-.005 1.316.175 2.669-.645-.335 1.64-.5 2.352-1.214 3.331 0 7.642-4.697 11.358-9.463 12.309-3.268.652-8.02-.419-9.382-1.841.694-.054 3.514-.357 5.144-1.55C5.16 15.7-.329 12.47 3.278 3.786c1.693 1.977 3.41 3.323 5.15 4.037 1.158.475 1.442.465 1.973.538z"
fill="currentColor"
/>
</svg>
),
email: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
/>
</svg>
),
github: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
height="100%"
width="100%"
>
<path fill="none" d="M0 0h24v24H0z" />
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.338 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.275.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z"
fill="currentColor"
/>
</svg>
),
right: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M14 5l7 7m0 0l-7 7m7-7H3"
/>
</svg>
),
chevronRight: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
fillRule="evenodd"
d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z"
clipRule="evenodd"
/>
</svg>
),
me: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
),
sticky: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M9 11l3-3m0 0l3 3m-3-3v8m0-13a9 9 0 110 18 9 9 0 010-18z"
/>
</svg>
),
cate: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z"
/>
</svg>
),
preview: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M8 16l2.879-2.879m0 0a3 3 0 104.243-4.242 3 3 0 00-4.243 4.242zM21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
),
empty: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"
/>
</svg>
),
subscribe: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M16 4v12l-4-2-4 2V4M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
/>
</svg>
),
left: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z"
/>
</svg>
),
count: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
/>
</svg>
),
play: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"
/>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
),
pause: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z"
/>
</svg>
),
pages: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2"
/>
</svg>
),
comments: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"
/>
</svg>
),
home: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<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"
/>
</svg>
),
toc: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M4 6h16M4 12h16M4 18h7"
/>
</svg>
),
leftPlain: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M10 19l-7-7m0 0l7-7m-7 7h18"
/>
</svg>
),
mic: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
height="100%"
width="100%"
>
<path fill="none" d="M0 0h24v24H0z" />
<path
fill="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M12 13l6 9H6l6-9zm-1.06-2.44a1.5 1.5 0 1 1 2.12-2.12 1.5 1.5 0 0 1-2.12 2.12zM5.281 2.783l1.415 1.415a7.5 7.5 0 0 0 0 10.606l-1.415 1.415a9.5 9.5 0 0 1 0-13.436zm13.436 0a9.5 9.5 0 0 1 0 13.436l-1.415-1.415a7.5 7.5 0 0 0 0-10.606l1.415-1.415zM8.11 5.611l1.414 1.414a3.5 3.5 0 0 0 0 4.95l-1.414 1.414a5.5 5.5 0 0 1 0-7.778zm7.778 0a5.5 5.5 0 0 1 0 7.778l-1.414-1.414a3.5 3.5 0 0 0 0-4.95l1.414-1.414z"
/>
</svg>
),
githubLine: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
height="100%"
width="100%"
>
<path fill="none" d="M0 0h24v24H0z" />
<path
fill="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M5.883 18.653c-.3-.2-.558-.455-.86-.816a50.32 50.32 0 0 1-.466-.579c-.463-.575-.755-.84-1.057-.949a1 1 0 0 1 .676-1.883c.752.27 1.261.735 1.947 1.588-.094-.117.34.427.433.539.19.227.33.365.44.438.204.137.587.196 1.15.14.023-.382.094-.753.202-1.095C5.38 15.31 3.7 13.396 3.7 9.64c0-1.24.37-2.356 1.058-3.292-.218-.894-.185-1.975.302-3.192a1 1 0 0 1 .63-.582c.081-.024.127-.035.208-.047.803-.123 1.937.17 3.415 1.096A11.731 11.731 0 0 1 12 3.315c.912 0 1.818.104 2.684.308 1.477-.933 2.613-1.226 3.422-1.096.085.013.157.03.218.05a1 1 0 0 1 .616.58c.487 1.216.52 2.297.302 3.19.691.936 1.058 2.045 1.058 3.293 0 3.757-1.674 5.665-4.642 6.392.125.415.19.879.19 1.38a300.492 300.492 0 0 1-.012 2.716 1 1 0 0 1-.019 1.958c-1.139.228-1.983-.532-1.983-1.525l.002-.446.005-.705c.005-.708.007-1.338.007-1.998 0-.697-.183-1.152-.425-1.36-.661-.57-.326-1.655.54-1.752 2.967-.333 4.337-1.482 4.337-4.66 0-.955-.312-1.744-.913-2.404a1 1 0 0 1-.19-1.045c.166-.414.237-.957.096-1.614l-.01.003c-.491.139-1.11.44-1.858.949a1 1 0 0 1-.833.135A9.626 9.626 0 0 0 12 5.315c-.89 0-1.772.119-2.592.35a1 1 0 0 1-.83-.134c-.752-.507-1.374-.807-1.868-.947-.144.653-.073 1.194.092 1.607a1 1 0 0 1-.189 1.045C6.016 7.89 5.7 8.694 5.7 9.64c0 3.172 1.371 4.328 4.322 4.66.865.097 1.201 1.177.544 1.748-.192.168-.429.732-.429 1.364v3.15c0 .986-.835 1.725-1.96 1.528a1 1 0 0 1-.04-1.962v-.99c-.91.061-1.662-.088-2.254-.485z"
/>
</svg>
),
alipay: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
height="100%"
width="100%"
>
<path fill="none" d="M0 0h24v24H0z" />
<path
fill="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M18.408 16.79c-2.173-.95-3.72-1.646-4.64-2.086-1.4 1.696-2.872 2.72-5.08 2.72S5 16.064 5.176 14.392c.12-1.096.872-2.888 4.128-2.576 1.72.16 2.504.48 3.912.944.36-.664.664-1.4.888-2.176H7.88v-.616h3.072V8.864H7.2v-.68h3.752V6.592s.032-.248.312-.248H12.8v1.848h4v.68h-4v1.104h3.264a12.41 12.41 0 0 1-1.32 3.32c.51.182 2.097.676 4.76 1.483a8 8 0 1 0-1.096 2.012zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-3.568-5.632c1.44 0 2.824-.872 3.96-2.352-1.608-.776-2.944-1.16-4.44-1.16-1.304 0-1.984.8-2.104 1.416-.12.616.248 2.096 2.584 2.096z"
/>
</svg>
),
wxpay: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
height="100%"
width="100%"
>
<path fill="none" d="M0 0h24v24H0z" />
<path
fill="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M19.145 8.993l-9.799 5.608-.07.046a.646.646 0 0 1-.3.068.655.655 0 0 1-.58-.344l-.046-.092-1.83-3.95c-.024-.046-.024-.092-.024-.138 0-.184.139-.321.324-.321.07 0 .14.023.209.069l2.155 1.515c.162.092.348.161.556.161a.937.937 0 0 0 .348-.069l8.275-3.648C16.934 6.273 14.634 5.2 12 5.2c-4.42 0-7.9 3.022-7.9 6.6 0 1.366.5 2.673 1.432 3.781.048.057.12.137.214.235a4 4 0 0 1 1.101 3.102l-.025.297.716-.436a4 4 0 0 1 2.705-.536c.212.033.386.059.52.076.406.054.82.081 1.237.081 4.42 0 7.9-3.022 7.9-6.6 0-.996-.27-1.95-.755-2.807zM6.192 21.943a1 1 0 0 1-1.526-.932l.188-2.259a2 2 0 0 0-.55-1.551A6.993 6.993 0 0 1 4 16.868C2.806 15.447 2.1 13.695 2.1 11.8c0-4.75 4.432-8.6 9.9-8.6s9.9 3.85 9.9 8.6-4.432 8.6-9.9 8.6c-.51 0-1.01-.033-1.499-.098a23.61 23.61 0 0 1-.569-.084 2 2 0 0 0-1.353.268l-2.387 1.456z"
/>
</svg>
),
bitcoin: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
height="100%"
width="100%"
>
<path fill="none" d="M0 0h24v24H0z" />
<path
fill="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-1-4H8V8h3V6h2v2h1a2.5 2.5 0 0 1 2 4 2.5 2.5 0 0 1-2 4h-1v2h-2v-2zm-1-3v1h4a.5.5 0 1 0 0-1h-4zm0-3v1h4a.5.5 0 1 0 0-1h-4z"
/>
</svg>
),
question: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
),
people: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
/>
</svg>
),
growth: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
/>
</svg>
),
microphone: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"
/>
</svg>
),
sun: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
/>
</svg>
),
moon: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
/>
</svg>
),
lightBulb: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"
/>
</svg>
),
star: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"
/>
</svg>
),
eye: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
/>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
/>
</svg>
),
global: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"
/>
</svg>
),
users: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"
/>
</svg>
),
userAdd: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z"
/>
</svg>
),
flag: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9"
/>
</svg>
),
thumbDown: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M10 14H5.236a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.736 3h4.018a2 2 0 01.485.06l3.76.94m-7 10v5a2 2 0 002 2h.096c.5 0 .905-.405.905-.904 0-.715.211-1.413.608-2.008L17 13V4m-7 10h2m5-10h2a2 2 0 012 2v6a2 2 0 01-2 2h-2.5"
/>
</svg>
),
plane: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"
/>
</svg>
),
ppt: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M8 13v-1m4 1v-3m4 3V8M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"
/>
</svg>
),
chatRounded: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
/>
</svg>
),
money: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z"
/>
</svg>
),
checkCircle: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
fillRule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
clipRule="evenodd"
/>
</svg>
),
warningCircle: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
fillRule="evenodd"
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z"
clipRule="evenodd"
/>
</svg>
),
reply: (
<svg
xmlns="http://www.w3.org/2000/svg"
className="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
fillRule="evenodd"
d="M7.707 3.293a1 1 0 010 1.414L5.414 7H11a7 7 0 017 7v2a1 1 0 11-2 0v-2a5 5 0 00-5-5H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
clipRule="evenodd"
/>
</svg>
),
arrowUp: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M5 15l7-7 7 7"
/>
</svg>
),
gear: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<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"
/>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
/>
</svg>
),
refresh: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
/>
</svg>
),
monitor: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
/>
</svg>
),
briefCase: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
/>
</svg>
),
eth: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 24 24"
>
<rect x="0" y="0" width="24" height="24" fill="none" stroke="none" />
<path
fill="currentColor"
d="m12 1.75l-6.25 10.5L12 16l6.25-3.75L12 1.75M5.75 13.5L12 22.25l6.25-8.75L12 17.25L5.75 13.5Z"
/>
</svg>
),
solana: (
<svg
xmlns="http://www.w3.org/2000/svg"
stroke="currentColor"
viewBox="0 0 508.07 390.17"
className="scale-75"
>
<path
d="M84.53,358.89A16.63,16.63,0,0,1,96.28,354H501.73a8.3,8.3,0,0,1,5.87,14.18l-80.09,80.09a16.61,16.61,0,0,1-11.75,4.86H10.31A8.31,8.31,0,0,1,4.43,439Z"
transform="translate(-1.98 -55)"
fill="currentColor"
></path>
<path
d="M84.53,59.85A17.08,17.08,0,0,1,96.28,55H501.73a8.3,8.3,0,0,1,5.87,14.18l-80.09,80.09a16.61,16.61,0,0,1-11.75,4.86H10.31A8.31,8.31,0,0,1,4.43,140Z"
transform="translate(-1.98 -55)"
fill="currentColor"
></path>
<path
d="M427.51,208.42a16.61,16.61,0,0,0-11.75-4.86H10.31a8.31,8.31,0,0,0-5.88,14.18l80.1,80.09a16.6,16.6,0,0,0,11.75,4.86H501.73a8.3,8.3,0,0,0,5.87-14.18Z"
transform="translate(-1.98 -55)"
fill="currentColor"
></path>
</svg>
),
openSea: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
className="scale-90 opacity-50 dark:opacity-[0.6] dark:invert"
>
<path d="M12 0C5.374 0 0 5.374 0 12s5.374 12 12 12 12-5.374 12-12S18.629 0 12 0ZM5.92 12.403l.051-.081 3.123-4.884a.107.107 0 0 1 .187.014c.52 1.169.972 2.623.76 3.528-.088.372-.335.876-.614 1.342a2.405 2.405 0 0 1-.117.199.106.106 0 0 1-.09.045H6.013a.106.106 0 0 1-.091-.163zm13.914 1.68a.109.109 0 0 1-.065.101c-.243.103-1.07.485-1.414.962-.878 1.222-1.548 2.97-3.048 2.97H9.053a4.019 4.019 0 0 1-4.013-4.028v-.072c0-.058.048-.106.108-.106h3.485c.07 0 .12.063.115.132-.026.226.017.459.125.67.206.42.636.682 1.099.682h1.726v-1.347H9.99a.11.11 0 0 1-.089-.173l.063-.09c.16-.231.391-.586.621-.992.156-.274.308-.566.43-.86.024-.052.043-.107.065-.16.033-.094.067-.182.091-.269a4.57 4.57 0 0 0 .065-.223c.057-.25.081-.514.081-.787 0-.108-.004-.221-.014-.327-.005-.117-.02-.235-.034-.352a3.415 3.415 0 0 0-.048-.312 6.494 6.494 0 0 0-.098-.468l-.014-.06c-.03-.108-.056-.21-.09-.317a11.824 11.824 0 0 0-.328-.972 5.212 5.212 0 0 0-.142-.355c-.072-.178-.146-.339-.213-.49a3.564 3.564 0 0 1-.094-.197 4.658 4.658 0 0 0-.103-.213c-.024-.053-.053-.104-.072-.152l-.211-.388c-.029-.053.019-.118.077-.101l1.32.357h.01l.173.05.192.054.07.019v-.783c0-.379.302-.686.679-.686a.66.66 0 0 1 .477.202.69.69 0 0 1 .2.484V6.65l.141.039c.01.005.022.01.031.017.034.024.084.062.147.11.05.038.103.086.165.137a10.351 10.351 0 0 1 .574.504c.214.199.454.432.684.691.065.074.127.146.192.226.062.079.132.156.19.232.079.104.16.212.235.324.033.053.074.108.105.161.096.142.178.288.257.435.034.067.067.141.096.213.089.197.159.396.202.598a.65.65 0 0 1 .029.132v.01c.014.057.019.12.024.184a2.057 2.057 0 0 1-.106.874c-.031.084-.06.17-.098.254-.075.17-.161.343-.264.502-.034.06-.075.122-.113.182-.043.063-.089.123-.127.18a3.89 3.89 0 0 1-.173.221c-.053.072-.106.144-.166.209-.081.098-.16.19-.245.278-.048.058-.1.118-.156.17-.052.06-.108.113-.156.161-.084.084-.15.147-.208.202l-.137.122a.102.102 0 0 1-.072.03h-1.051v1.346h1.322c.295 0 .576-.104.804-.298.077-.067.415-.36.816-.802a.094.094 0 0 1 .05-.03l3.65-1.057a.108.108 0 0 1 .138.103z" />
</svg>
),
magicEden: (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 541 541"
className="opacity-50 dark:opacity-[0.65] dark:invert"
>
<image
id="image0"
width="541"
height="541"
x="0"
y="0"
href="data:image/png;base64,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"
/>
</svg>
),
wallet1: (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="none" d="M0 0h24v24H0z" />
<path
d="M18 7h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h15v4zM4 9v10h16V9H4zm0-4v2h12V5H4zm11 8h3v2h-3v-2z"
fill="currentColor"
/>
</svg>
),
wallet2: (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="none" d="M0 0h24v24H0z" />
<path
d="M20 7V5H4v14h16v-2h-8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h8zM3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm10 6v6h7V9h-7zm2 2h3v2h-3v-2z"
fill="currentColor"
/>
</svg>
),
wallet3: (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="none" d="M0 0h24v24H0z" />
<path
d="M22 7h1v10h-1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v3zm-2 10h-6a5 5 0 0 1 0-10h6V5H4v14h16v-2zm1-2V9h-7a3 3 0 0 0 0 6h7zm-7-4h3v2h-3v-2z"
fill="currentColor"
/>
</svg>
),
fingerprint: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
strokeWidth={2}
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A13.916 13.916 0 008 11a4 4 0 118 0c0 1.017-.07 2.019-.203 3m-2.118 6.844A21.88 21.88 0 0015.171 17m3.839 1.132c.645-2.266.99-4.659.99-7.132A8 8 0 008 4.07M3 15.364c.64-1.319 1-2.8 1-4.364 0-1.457.39-2.823 1.07-4"
/>
</svg>
),
rainbow: (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="none" d="M0 0h24v24H0z" />
<path
d="M12 4c6.075 0 11 4.925 11 11v5h-2v-5a9 9 0 0 0-8.735-8.996L12 6a9 9 0 0 0-8.996 8.735L3 15v5H1v-5C1 8.925 5.925 4 12 4zm0 4a7 7 0 0 1 7 7v5h-2v-5a5 5 0 0 0-4.783-4.995L12 10a5 5 0 0 0-4.995 4.783L7 15v5H5v-5a7 7 0 0 1 7-7zm0 4a3 3 0 0 1 3 3v5h-2v-5a1 1 0 0 0-.883-.993L12 14a1 1 0 0 0-.993.883L11 15v5H9v-5a3 3 0 0 1 3-3z"
fill="currentColor"
/>
</svg>
),
collection: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
strokeWidth={2}
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
/>
</svg>
),
bookOpen: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth={2}
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"
/>
</svg>
),
houseModern: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth={2}
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M8.25 21v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21m0 0h4.5V3.545M12.75 21h7.5V10.75M2.25 21h1.5m18 0h-18M2.25 9l4.5-1.636M18.75 3l-1.5.545m0 6.205l3 1m1.5.5l-1.5-.5M6.75 7.364V3h-3v18m3-13.636l10.5-3.819"
/>
</svg>
),
cube: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth={2}
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"
/>
</svg>
),
bookmarkSquare: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth={2}
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M16.5 3.75V16.5L12 14.25 7.5 16.5V3.75m9 0H18A2.25 2.25 0 0120.25 6v12A2.25 2.25 0 0118 20.25H6A2.25 2.25 0 013.75 18V6A2.25 2.25 0 016 3.75h1.5m9 0h-9"
/>
</svg>
),
bookmark: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth={2}
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z"
/>
</svg>
),
openai: (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M20.5624 10.1875C20.8124 9.5 20.8749 8.8125 20.8124 8.125C20.7499 7.4375 20.4999 6.75 20.1874 6.125C19.6249 5.1875 18.8124 4.4375 17.8749 4C16.8749 3.5625 15.8124 3.4375 14.7499 3.6875C14.2499 3.1875 13.6874 2.75 13.0624 2.4375C12.4374 2.125 11.6874 2 10.9999 2C9.9374 2 8.8749 2.3125 7.9999 2.9375C7.1249 3.5625 6.4999 4.4375 6.1874 5.4375C5.4374 5.625 4.8124 5.9375 4.1874 6.3125C3.6249 6.75 3.1874 7.3125 2.8124 7.875C2.24991 8.8125 2.06241 9.875 2.18741 10.9375C2.31241 12 2.7499 13 3.4374 13.8125C3.1874 14.5 3.1249 15.1875 3.1874 15.875C3.2499 16.5625 3.4999 17.25 3.8124 17.875C4.3749 18.8125 5.1874 19.5625 6.1249 20C7.1249 20.4375 8.1874 20.5625 9.2499 20.3125C9.7499 20.8125 10.3124 21.25 10.9374 21.5625C11.5624 21.875 12.3124 22 12.9999 22C14.0624 22 15.1249 21.6875 15.9999 21.0625C16.8749 20.4375 17.4999 19.5625 17.8124 18.5625C18.4999 18.4375 19.1874 18.125 19.7499 17.6875C20.3124 17.25 20.8124 16.75 21.1249 16.125C21.6874 15.1875 21.8749 14.125 21.7499 13.0625C21.6249 12 21.2499 11 20.5624 10.1875ZM13.0624 20.6875C12.0624 20.6875 11.3124 20.375 10.6249 19.8125C10.6249 19.8125 10.6874 19.75 10.7499 19.75L14.7499 17.4375C14.8749 17.375 14.9374 17.3125 14.9999 17.1875C15.0624 17.0625 15.0624 17 15.0624 16.875V11.25L16.7499 12.25V16.875C16.8124 19.0625 15.0624 20.6875 13.0624 20.6875ZM4.9999 17.25C4.5624 16.5 4.3749 15.625 4.5624 14.75C4.5624 14.75 4.6249 14.8125 4.6874 14.8125L8.6874 17.125C8.8124 17.1875 8.8749 17.1875 8.9999 17.1875C9.1249 17.1875 9.2499 17.1875 9.3124 17.125L14.1874 14.3125V16.25L10.1249 18.625C9.2499 19.125 8.2499 19.25 7.3124 19C6.3124 18.75 5.4999 18.125 4.9999 17.25ZM3.9374 8.5625C4.3749 7.8125 5.0624 7.25 5.8749 6.9375V7.0625V11.6875C5.8749 11.8125 5.8749 11.9375 5.9374 12C5.9999 12.125 6.0624 12.1875 6.1874 12.25L11.0624 15.0625L9.3749 16.0625L5.3749 13.75C4.4999 13.25 3.8749 12.4375 3.6249 11.5C3.3749 10.5625 3.4374 9.4375 3.9374 8.5625ZM17.7499 11.75L12.8749 8.9375L14.5624 7.9375L18.5624 10.25C19.1874 10.625 19.6874 11.125 19.9999 11.75C20.3124 12.375 20.4999 13.0625 20.4374 13.8125C20.3749 14.5 20.1249 15.1875 19.6874 15.75C19.2499 16.3125 18.6874 16.75 17.9999 17V12.25C17.9999 12.125 17.9999 12 17.9374 11.9375C17.9374 11.9375 17.8749 11.8125 17.7499 11.75ZM19.4374 9.25C19.4374 9.25 19.3749 9.1875 19.3124 9.1875L15.3124 6.875C15.1874 6.8125 15.1249 6.8125 14.9999 6.8125C14.8749 6.8125 14.7499 6.8125 14.6874 6.875L9.8124 9.6875V7.75L13.8749 5.375C14.4999 5 15.1874 4.875 15.9374 4.875C16.6249 4.875 17.3124 5.125 17.9374 5.5625C18.4999 6 18.9999 6.5625 19.2499 7.1875C19.4999 7.8125 19.5624 8.5625 19.4374 9.25ZM8.9374 12.75L7.2499 11.75V7.0625C7.2499 6.375 7.4374 5.625 7.8124 5.0625C8.1874 4.4375 8.7499 4 9.3749 3.6875C9.9999 3.375 10.7499 3.25 11.4374 3.375C12.1249 3.4375 12.8124 3.75 13.3749 4.1875C13.3749 4.1875 13.3124 4.25 13.2499 4.25L9.2499 6.5625C9.1249 6.625 9.0624 6.6875 8.9999 6.8125C8.9374 6.9375 8.9374 7 8.9374 7.125V12.75ZM9.8124 10.75L11.9999 9.5L14.1874 10.75V13.25L11.9999 14.5L9.8124 13.25V10.75Z"
fill="currentColor"
/>
</svg>
),
openaiText: (
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1180 320">
<g fill="currentColor" data-v-22ee7e7c="">
<path d="m367.44 153.84c0 52.32 33.6 88.8 80.16 88.8s80.16-36.48 80.16-88.8-33.6-88.8-80.16-88.8-80.16 36.48-80.16 88.8zm129.6 0c0 37.44-20.4 61.68-49.44 61.68s-49.44-24.24-49.44-61.68 20.4-61.68 49.44-61.68 49.44 24.24 49.44 61.68z"></path>
<path d="m614.27 242.64c35.28 0 55.44-29.76 55.44-65.52s-20.16-65.52-55.44-65.52c-16.32 0-28.32 6.48-36.24 15.84v-13.44h-28.8v169.2h28.8v-56.4c7.92 9.36 19.92 15.84 36.24 15.84zm-36.96-69.12c0-23.76 13.44-36.72 31.2-36.72 20.88 0 32.16 16.32 32.16 40.32s-11.28 40.32-32.16 40.32c-17.76 0-31.2-13.2-31.2-36.48z"></path>
<path d="m747.65 242.64c25.2 0 45.12-13.2 54-35.28l-24.72-9.36c-3.84 12.96-15.12 20.16-29.28 20.16-18.48 0-31.44-13.2-33.6-34.8h88.32v-9.6c0-34.56-19.44-62.16-55.92-62.16s-60 28.56-60 65.52c0 38.88 25.2 65.52 61.2 65.52zm-1.44-106.8c18.24 0 26.88 12 27.12 25.92h-57.84c4.32-17.04 15.84-25.92 30.72-25.92z"></path>
<path d="m823.98 240h28.8v-73.92c0-18 13.2-27.6 26.16-27.6 15.84 0 22.08 11.28 22.08 26.88v74.64h28.8v-83.04c0-27.12-15.84-45.36-42.24-45.36-16.32 0-27.6 7.44-34.8 15.84v-13.44h-28.8z"></path>
<path d="m1014.17 67.68-65.28 172.32h30.48l14.64-39.36h74.4l14.88 39.36h30.96l-65.28-172.32zm16.8 34.08 27.36 72h-54.24z"></path>
<path d="m1163.69 68.18h-30.72v172.32h30.72z"></path>
<path d="m297.06 130.97c7.26-21.79 4.76-45.66-6.85-65.48-17.46-30.4-52.56-46.04-86.84-38.68-15.25-17.18-37.16-26.95-60.13-26.81-35.04-.08-66.13 22.48-76.91 55.82-22.51 4.61-41.94 18.7-53.31 38.67-17.59 30.32-13.58 68.54 9.92 94.54-7.26 21.79-4.76 45.66 6.85 65.48 17.46 30.4 52.56 46.04 86.84 38.68 15.24 17.18 37.16 26.95 60.13 26.8 35.06.09 66.16-22.49 76.94-55.86 22.51-4.61 41.94-18.7 53.31-38.67 17.57-30.32 13.55-68.51-9.94-94.51zm-120.28 168.11c-14.03.02-27.62-4.89-38.39-13.88.49-.26 1.34-.73 1.89-1.07l63.72-36.8c3.26-1.85 5.26-5.32 5.24-9.07v-89.83l26.93 15.55c.29.14.48.42.52.74v74.39c-.04 33.08-26.83 59.9-59.91 59.97zm-128.84-55.03c-7.03-12.14-9.56-26.37-7.15-40.18.47.28 1.3.79 1.89 1.13l63.72 36.8c3.23 1.89 7.23 1.89 10.47 0l77.79-44.92v31.1c.02.32-.13.63-.38.83l-64.41 37.19c-28.69 16.52-65.33 6.7-81.92-21.95zm-16.77-139.09c7-12.16 18.05-21.46 31.21-26.29 0 .55-.03 1.52-.03 2.2v73.61c-.02 3.74 1.98 7.21 5.23 9.06l77.79 44.91-26.93 15.55c-.27.18-.61.21-.91.08l-64.42-37.22c-28.63-16.58-38.45-53.21-21.95-81.89zm221.26 51.49-77.79-44.92 26.93-15.54c.27-.18.61-.21.91-.08l64.42 37.19c28.68 16.57 38.51 53.26 21.94 81.94-7.01 12.14-18.05 21.44-31.2 26.28v-75.81c.03-3.74-1.96-7.2-5.2-9.06zm26.8-40.34c-.47-.29-1.3-.79-1.89-1.13l-63.72-36.8c-3.23-1.89-7.23-1.89-10.47 0l-77.79 44.92v-31.1c-.02-.32.13-.63.38-.83l64.41-37.16c28.69-16.55 65.37-6.7 81.91 22 6.99 12.12 9.52 26.31 7.15 40.1zm-168.51 55.43-26.94-15.55c-.29-.14-.48-.42-.52-.74v-74.39c.02-33.12 26.89-59.96 60.01-59.94 14.01 0 27.57 4.92 38.34 13.88-.49.26-1.33.73-1.89 1.07l-63.72 36.8c-3.26 1.85-5.26 5.31-5.24 9.06l-.04 89.79zm14.63-31.54 34.65-20.01 34.65 20v40.01l-34.65 20-34.65-20z"></path>
</g>
</svg>
),
share: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth={1.5}
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15"
/>
</svg>
),
}
export default icons
-4
src/Icon/index.ts
import Icons from './icon'
export type { IconProps } from './icon'
export default Icons
-20
src/index.ts
// Tailwind and Custom CSS
import '../styles/vendor.css'
import '../styles/base.css'
// Button
export { default as Button } from './Button'
export type { ButtonProps } from './Button'
// Icon
export { default as Icon } from './Icon'
export type { IconProps } from './Icon'
// Label
export { default as Label } from './Label'
export type { LabelProps } from './Label'
// LabelGroup
export { default as LabelGroup } from './LabelGroup'
export type { LabelGroupProps } from './LabelGroup'
-4
src/Label/index.ts
import Label from './label'
export type { LabelProps } from './label'
export default Label
-100
src/Label/label.stories.tsx
import React from 'react'
import { StoryFn, Meta, StoryObj } from '@storybook/react'
import Label from './label'
import { iconsNames } from '../utils/propTypes'
const meta: Meta<typeof Label> = {
title: 'Components/ Label',
component: Label,
argTypes: {
icon: {
options: iconsNames,
control: { type: 'select' },
},
preview: {
control: { type: 'boolean' },
},
},
}
export default meta
type Story = StoryObj<typeof Label>
const Template: StoryFn<typeof Label> = ({ children, ...args }) => {
return (
<div className="flex h-[32px] text-label">
<Label {...args}>{children}</Label>
</div>
)
}
export const Primary: Story = {
render: Template,
args: {
type: 'primary',
children: 'Label',
},
}
export const Secondary: Story = {
render: Template,
args: {
type: 'secondary',
children: 'Label',
},
}
export const Sticky: Story = {
render: Template,
args: {
type: 'sticky-icon',
children: 'Pinned',
},
}
export const Green: Story = {
render: Template,
args: {
type: 'green',
children: 'Label',
},
}
export const GreenPreview: Story = {
render: Template,
args: {
type: 'green',
icon: 'right',
children: 'Preview',
preview: true,
},
}
export const GreenIcon: Story = {
render: Template,
args: {
type: 'green-icon',
icon: 'preview',
children: 'Label',
},
}
export const GrayIcon: Story = {
render: Template,
args: {
type: 'gray-icon',
icon: 'preview',
children: 'Label',
},
}
export const OrangeIcon: Story = {
render: Template,
args: {
type: 'orange-icon',
icon: 'preview',
children: 'Label',
},
}
-150
src/Label/label.tsx
import React from 'react'
import Icon from '../Icon'
import type { LabelTypes, IconNames } from '../utils/propTypes'
interface Props {
/**
* Specify the type of the label
*/
type: LabelTypes
/**
* Specify the name of the icon to be used
*/
icon?: IconNames
/**
* The content inside the button
*/
children?: React.ReactNode
/**
* Preview style
*/
preview?: boolean
/**
* Specify the class name of the icon
*/
iconClassName?: string
}
type NativeAttrs = Omit<React.LabelHTMLAttributes<any>, keyof Props>
export type LabelProps = Props & NativeAttrs
const Label: React.FC<LabelProps> = ({
type,
icon,
children,
preview,
className,
iconClassName,
...props
}) => {
switch (type) {
case 'primary':
return (
<label
{...props}
className="cursor-pointer justify-center font-medium items-center flex w-auto lg:px-4 lg:py-1 px-2 py-1 bg-blue-100 dark:bg-blue-900 hover:bg-blue-200 dark:hover:bg-blue-800 text-center rounded-md text-4 lg:text-label tracking-wide text-blue-500 dark:text-blue-300 align-middle effect-pressing"
>
{icon && (
<span className="lg:w-7 lg:h-7 h-4 w-4 lg:mr-2 mr-1">
<Icon name={icon} />
</span>
)}
{children}
</label>
)
case 'secondary':
return (
<label
{...props}
className="cursor-pointer focus:animate-pulse justify-center font-medium items-center flex w-auto lg:px-4 px-2 py-1 lg:py-1 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 text-center rounded-md text-4 lg:text-label tracking-wide text-gray-500 dark:text-gray-300 align-middle effect-pressing"
>
{icon && (
<span className="lg:w-7 lg:h-7 h-4 w-4 lg:mr-2 mr-1">
<Icon name={icon} />
</span>
)}
{children}
</label>
)
case 'green':
return (
<label
className={`group cursor-pointer justify-center font-medium items-center h-full flex gap-x-1 w-min ${
preview ? 'px-3 py-0.5' : 'px-4 py-1.5'
} bg-green-100 dark:bg-green-800 hover:bg-green-200 dark:hover:bg-green-700 text-center rounded-md text-xl tracking-wide text-green-500 dark:text-green-400 align-middle effect-pressing`}
>
{children}
{icon && (
<span className="lg:w-[19px] lg:h-[19px] w-4 h-4 opacity-0 transition-all ease-in-out -ml-5 group-hover:ml-0 group-hover:mr-0 -mr-1 group-hover:opacity-100">
<Icon name={icon} />
</span>
)}
</label>
)
case 'sticky-icon':
return (
<label
{...props}
className="justify-center items-center flex w-auto h-auto lg:py-1 lg:px-3 py-0 px-2 bg-yellow-200 dark:bg-yellow-800 hover:bg-yellow-300 dark:hover:bg-yellow-700 text-center rounded-md text-4 lg:text-label tracking-wide text-yellow-500 align-middle"
>
<span className="lg:w-7 lg:h-7 h-4 w-4">
<Icon name="sticky" />
</span>
</label>
)
case 'gray-icon':
return (
<label
{...props}
className="cursor-pointer justify-center font-medium items-center h-full flex w-min px-2 py-2 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-500 text-center rounded-md text-xl tracking-wide text-gray-500 dark:text-gray-300 align-middle effect-pressing"
>
{icon && (
<span className="lg:w-[19px] lg:h-[19px] h-4 w-4">
<Icon name={icon} />
</span>
)}
</label>
)
case 'green-icon':
return (
<label
{...props}
className={`cursor-pointer justify-center font-medium items-center h-full flex w-min px-2 py-2 bg-green-100 dark:bg-green-700 hover:bg-green-200 dark:hover:bg-green-600 text-center rounded-md text-xl tracking-wide text-green-500 dark:text-green-300 align-middle effect-pressing ${
className ?? ''
}`}
>
{icon && (
<span className="lg:w-[19px] lg:h-[19px] h-4 w-4">
<Icon name={icon} />
</span>
)}
</label>
)
case 'orange-icon':
return (
<label
{...props}
className="cursor-pointer justify-center font-medium items-center h-full flex w-min px-2 py-2 bg-orange-100 dark:bg-orange-700 hover:bg-orange-200 dark:hover:bg-orange-600 text-center rounded-md text-xl tracking-wide text-orange-500 dark:text-orange-300 align-middle effect-pressing"
>
{icon && (
<span
className={`lg:w-[19px] lg:h-[19px] h-4 w-4 ${iconClassName}`}
>
<Icon name={icon} />
</span>
)}
</label>
)
}
}
Label.defaultProps = {
type: 'primary',
icon: '',
preview: false,
children: 'Label',
iconClassName: '',
}
Label.displayName = 'Label'
export default Label
-4
src/LabelGroup/index.ts
import LabelGroup from './label-group'
export type { LabelGroupProps } from './label-group'
export default LabelGroup
-64
src/LabelGroup/label-group.stories.tsx
import React from 'react'
import { StoryFn, Meta, StoryObj } from '@storybook/react'
import LabelGroup from './label-group'
import Label from '../Label/label'
const meta: Meta<typeof LabelGroup> = {
title: 'Components/ Label Group',
component: LabelGroup,
}
export default meta
type Story = StoryObj<typeof LabelGroup>
const Template: StoryFn<typeof LabelGroup> = ({ children }) => {
return (
<div className="flex h-[32px] text-label">
<LabelGroup>{children}</LabelGroup>
</div>
)
}
export const OneLabel: Story = {
render: Template,
args: {
children: (
<>
<Label type="green">Preview</Label>
</>
),
},
}
export const TwoLabels: Story = {
render: Template,
args: {
children: (
<>
<Label type="green" icon="right" preview>
Preview
</Label>
<Label type="gray-icon" icon="preview">
Gray
</Label>
</>
),
},
}
export const ThreeLabels: Story = {
render: Template,
args: {
children: (
<>
<Label type="gray-icon" icon="preview" />
<Label type="green" icon="right" preview>
Preview
</Label>
<Label type="sticky-icon" />
</>
),
},
}
-28
src/LabelGroup/label-group.tsx
import React from 'react'
import Label from '../Label/label'
interface Props {
/**
* The content inside the group
*/
children?: React.ReactNode
}
type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>
export type LabelGroupProps = Props & NativeAttrs
const LabelGroup: React.FC<LabelGroupProps> = ({ children, className }) => {
return <div className={`label-group ${className ?? ''}`}>{children}</div>
}
LabelGroup.defaultProps = {
children: (
<>
<Label type="primary" icon="sticky" />
<Label type="gray-icon" icon="preview" />
</>
),
}
LabelGroup.displayName = 'LabelGroup'
export default LabelGroup
-23
src/utils/propTypes.ts
import { propTypes } from '@f97/twilight-utils'
import icons from '../Icon/icons'
export const buttonTypes = propTypes.tuple(
'default',
'menu-default',
'primary',
'menu-primary'
)
export const labelTypes = propTypes.tuple(
'primary',
'secondary',
'green',
'gray-icon',
'orange-icon',
'sticky-icon',
'green-icon'
)
export const iconsNames = propTypes.tuple(...Object.keys(icons))
export type ButtonTypes = typeof buttonTypes[number]
export type IconNames = typeof iconsNames[number]
export type LabelTypes = typeof labelTypes[number]
stories/About.mdx

Sorry, the diff of this file is not supported yet

-17
stories/About.stories.ts
import About from './About'
import mdx from './About.mdx'
export default {
title: 'Introduction/ About',
component: About,
parameters: {
docs: {
page: mdx,
},
controls: {
hideNoControlsWarning: true,
},
},
}
export { About }
-22
stories/About.tsx
import React from 'react'
const About = () => {
return (
<div className="text-gray-600 dark:text-gray-100 justify-center flex items-center pt-20">
<div className="tracking-wide leading-relaxed">
<div className="flex gap-x-2 items-center">
<img src="logo.png" className="h-[1.9rem] w-[1.9rem] shadow-md border rounded-full" alt="twilight toolkit logo" />
<h1 className="text-3xl font-bold text-gray-700 dark:text-gray-50">
Twilight Toolkit <span className="text-gray-400 dark:text-gray-300 font-normal">/</span>{' '}
<span className="text-gray-500 dark:text-gray-200 text-base font-normal">UI</span>
</h1>
</div>
<p className="pl-1">
A super opinionated UI library for React <i>(for now)</i>
</p>
</div>
</div>
)
}
export default About
-32
styles/base.css
.effect-pressing {
@apply active:!scale-[0.985] active:!translate-y-[0.5px] transition-transform duration-[50ms] ease-linear;
}
.label-group {
@apply flex flex-nowrap items-center rounded-md border dark:border-gray-600;
}
.label-group label {
@apply h-full;
}
.label-group label:only-child {
border-radius: calc(0.375rem - 1px);
}
.label-group label:not(:first-child),
.label-group label:not(:last-child) {
@apply rounded-none border-l dark:border-gray-600;
}
.label-group label:not(:only-child):first-child {
@apply rounded-tr-none rounded-br-none border-none;
border-top-left-radius: calc(0.375rem - 1px);
border-bottom-left-radius: calc(0.375rem - 1px);
}
.label-group label:not(:only-child):last-child {
@apply rounded-tl-none rounded-bl-none;
border-top-right-radius: calc(0.375rem - 1px);
border-bottom-right-radius: calc(0.375rem - 1px);
}
-3
styles/vendor.css
@tailwind base;
@tailwind components;
@tailwind utilities;
-292
tailwind.config.js
/* eslint-disable @typescript-eslint/no-var-requires */
/* eslint-disable prettier/prettier */
var flattenColorPalette =
require('tailwindcss/lib/util/flattenColorPalette').default
const colors = require('tailwindcss/colors')
module.exports = {
content: ['**/*.tsx'],
darkMode: 'class',
theme: {
extend: {
spacing: {
1: '3px',
2: '6px',
3: '9px',
4: '12px',
4.5: '1rem',
6: '18px',
7: '21px',
9: '27px',
10: '30px',
20: '60px',
readerOffset: '-47.5px',
searchOffset: 'calc((100% - 680px) / 2)',
aside: 'calc(100% - 6rem)',
},
colors: {
gbg: '#f6f7f8',
menu: '#ebeced',
green: colors.emerald,
yellow: colors.amber,
purple: colors.violet,
gray: colors.neutral,
},
boxShadow: {
header: '0 4px 8px rgba(0,0,0,.04)',
},
width: {
content: '680px',
page: '720px',
toc: '200px',
},
height: {
img: '240px',
},
minHeight: {
main: 'calc(100vh - 6.65rem)',
},
fontSize: {
1: '32px',
1.5: '23px',
2: '18px',
3: '15px',
4: '14px',
5: '12px',
listTitle: '26px',
label: '18px',
postTitle: '30px',
xl: '15px',
'2xl': '18px',
'3xl': '22.5px',
stats: '28px',
},
lineHeight: {
14: '1.4',
},
padding: {
pre: '0.32rem',
},
margin: {
'-82': '-220px',
},
animation: {
pointerIn: 'pointerIn running .25s forwards',
pointerOut: 'pointerOut running .25s forwards',
reader: 'moveUp ease-in-out .5s',
readerOut: 'moveDown ease-in-out .5s',
readerBg: 'opacityProgressIn ease-in-out .5s',
readerBgOut: 'opacityProgressOut ease-in-out .5s',
searchBgOut: 'opacityProgressOut ease-in-out .15s forwards',
search: '200ms ease 0s 1 normal none running search',
searchOut: '150ms ease 0s 1 normal forwards running searchOut',
kbar: '200ms ease 0s 1 normal none running kbar',
kbarOut: '200ms ease 0s 1 normal forwards running kbarOut',
kbarBg: '200ms ease 0s 1 normal none running opacityProgressIn',
kbarBgOut: '200ms ease 0s 1 normal forwards running opacityProgressOut',
kbarTransition: '200ms ease 0s 1 normal none running kbarTransition',
waveHand: 'wavingHand ease-in-out 1.5s 3',
waveHandAgain: 'wavingHand ease-in-out 1.5s infinite',
},
keyframes: {
pointerIn: {
'0%': {
transform: 'rotate(0deg)',
},
'100%': {
transform: 'rotate(-45deg)',
},
},
pointerOut: {
'0%': {
transform: 'rotate(-45deg)',
},
'100%': {
transform: 'rotate(0deg)',
},
},
moveUp: {
'0%': {
transform: 'translateY(100vh)',
},
'80%': {
transform: 'translateY(-5px)',
},
'100%': {
transform: 'translateY(0vh)',
},
},
moveDown: {
'0%': {
transform: 'translateY(0vh)',
},
'100%': {
transform: 'translateY(100vh)',
},
},
opacityProgressIn: {
'0%': {
opacity: '0',
},
'100%': {
opacity: '1',
},
},
opacityProgressOut: {
'0%': {
opacity: '1',
},
'100%': {
opacity: '0',
},
},
search: {
'0%': {
opacity: 0,
transform: 'scale(0.9, 0.9)',
},
'100%': {
opacity: 1,
transform: 'scale(1.0, 1.0)',
},
},
searchOut: {
'0%': {
opacity: 1,
transform: 'scale(1.0, 1.0)',
},
'100%': {
opacity: 0,
transform: 'scale(0.9, 0.9)',
},
},
kbar: {
'0%': {
opacity: 0,
transform: 'scale(0.95, 0.95)',
},
'100%': {
opacity: 1,
transform: 'scale(1.0, 1.0)',
},
},
kbarOut: {
'0%': {
opacity: 1,
transform: 'scale(1.0, 1.0)',
},
'100%': {
opacity: 0,
transform: 'scale(0.95, 0.95)',
},
},
kbarTransition: {
'0%': {
transform: 'scale(1)',
},
'50%': {
transform: 'scale(0.98)',
},
'100%': {
transform: 'scale(1)',
},
},
wavingHand: {
'0%': {
transform: 'none',
transformOrigin: '70% 70%',
},
'25%': {
transform: 'rotate3d(1, 1, 1, -15deg)',
transformOrigin: '70% 70%',
},
'50%': {
transform: 'rotate3d(1, 1, 1, 15deg)',
transformOrigin: '70% 70%',
},
'75%': {
transform: 'rotate3d(1, 1, 1, -15deg)',
transformOrigin: '70% 70%',
},
'100%': {
transform: 'none',
transformOrigin: '70% 70%',
},
},
},
transitionProperty: {
width: 'width',
},
typography: {
xl: {
css: {
fontSize: '16.2px',
color: 'rgba(33,37,41,0.95)',
a: {
color: '#1e87f0',
textDecoration: 'none',
fontWeight: 'normal',
'&:hover': {
textDecoration: 'underline',
},
},
blockquote: {
fontWeight: '400',
justifyItems: 'center',
},
h4: {
fontSize: '1.3em',
},
},
},
dark: {
css: {
fontSize: '16.2px',
a: {
color: colors.blue[500],
textDecoration: 'none',
fontWeight: 'normal',
'&:hover': {
textDecoration: 'underline',
},
},
blockquote: {
fontWeight: '400',
justifyItems: 'center',
},
h4: {
fontSize: '1.3em',
},
color: colors.white,
},
},
},
},
},
plugins: [
({ addUtilities, theme }) => {
const colors = flattenColorPalette(theme('borderColor'))
delete colors['default']
const colorMap = Object.keys(colors).map((color) => ({
[`.border-t-${color}`]: {
borderTopColor: colors[color],
},
[`.border-r-${color}`]: {
borderRightColor: colors[color],
},
[`.border-b-${color}`]: {
borderBottomColor: colors[color],
},
[`.border-l-${color}`]: {
borderLeftColor: colors[color],
},
}))
const utilities = Object.assign({}, ...colorMap)
addUtilities(utilities)
},
require('@tailwindcss/typography'),
],
}
-30
tsconfig.json
{
"compilerOptions": {
"target": "es2015",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"forceConsistentCasingInFileNames": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noImplicitAny": false,
"jsx": "react",
"baseUrl": "./",
"paths": {
"@f97/twilight-utils": ["../twilight-utils/src/index"]
},
"allowSyntheticDefaultImports": true,
"experimentalDecorators": true,
"noImplicitReturns": true,
"noImplicitThis": false,
"declaration": true,
"strictNullChecks": false,
"strict": true
},
"include": ["**/*.tsx", "**/*.ts", "./typings"],
"exclude": ["node_modules", "cypress"]
}
-1
typings/mdx.d.ts
declare module '*.mdx'
-5
vercel.json
{
"github": {
"silent": true
}
}
dist/index.js

Sorry, the diff of this file is too big to display