@mechane-ai/elements 0.10.0 → 0.12.0

package/dist/elements.css

@@ -1,23 +1,22 @@
 html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{width:var(--width);--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717;--border-radius:8px;box-sizing:border-box;z-index:999999999;outline:none;margin:0;padding:0;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;list-style:none;transition:transform .4s;position:fixed}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);opacity:0;transform:var(--y);touch-action:none;box-sizing:border-box;overflow-wrap:anywhere;outline:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;position:absolute}[data-sonner-toast][data-styled=true]{background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);width:var(--width);align-items:center;gap:6px;padding:16px;font-size:13px;display:flex;box-shadow:0 4px 12px #0000001a}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap));top:0}[data-sonner-toast][data-y-position=bottom]{--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap));bottom:0}[data-sonner-toast][data-styled=true] [data-description]{color:#3f3f3f;font-weight:400;line-height:1.4}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{color:inherit;font-weight:500;line-height:1.5}[data-sonner-toast][data-styled=true] [data-icon]{width:16px;height:16px;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;position:relative}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform-origin:50%;animation:.3s forwards sonner-fade-in;transform:scale(.8)}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}[data-sonner-toast][data-styled=true] [data-button]{height:24px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);cursor:pointer;border:none;border-radius:4px;outline:none;flex-shrink:0;align-items:center;padding-left:8px;padding-right:8px;font-size:12px;font-weight:500;transition:opacity .4s,box-shadow .2s;display:flex}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}[data-sonner-toast][data-styled=true] [data-close-button]{left:var(--toast-close-button-start);right:var(--toast-close-button-end);width:20px;height:20px;color:var(--normal-text);background:var(--normal-bg);border:1px solid var(--normal-border);transform:var(--toast-close-button-transform);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .1s,background .2s,border-color .2s;display:flex;position:absolute;top:0}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";z-index:-1;height:100%;position:absolute;left:-100%;right:-100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3)translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3)translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";height:calc(var(--gap) + 1px);width:100%;position:absolute;bottom:100%;left:0}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * .05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0px)) translateX(var(--swipe-amount-x,0px));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (width<=600px){[data-sonner-toaster]{right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%;position:fixed}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{width:calc(100% - var(--mobile-offset-left) * 2);left:0;right:0}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:#ecfdf3;--success-border:#bffcd9;--success-text:#008a2e;--info-bg:#f0f8ff;--info-border:#dde7fd;--info-text:#0973dc;--warning-bg:#fffcf0;--warning-border:#fbeeb1;--warning-text:#dc7609;--error-bg:#fff0f0;--error-border:#ffe0e1;--error-text:#e60000}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:#333;--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:#1f1f1f;--normal-border:#333;--normal-border-hover:#404040;--normal-text:var(--gray1);--success-bg:#001f0f;--success-border:#003d1c;--success-text:#59f3a6;--info-bg:#000d1f;--info-border:#19233e;--info-text:#5896f3;--warning-bg:#1d1f00;--warning-border:#2e2e00;--warning-text:#f3cf58;--error-bg:#2d0607;--error-border:#4d0408;--error-text:#ff9ea1}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);z-index:10;position:absolute;inset:0}.sonner-loading-wrapper[data-visible=false]{transform-origin:50%;animation:.2s forwards sonner-fade-out}.sonner-spinner{height:var(--size);width:var(--size);position:relative;top:50%;left:50%}.sonner-loading-bar{background:var(--gray11);border-radius:6px;width:24%;height:8%;animation:1.2s linear infinite sonner-spin;position:absolute;top:-3.9%;left:-10%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg)translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg)translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg)translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg)translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg)translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg)translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg)translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg)translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg)translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg)translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg)translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg)translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{transform-origin:50%;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8)translate(-50%,-50%)}
 /*$vite$:1*/
 @layer priority1 {
-  :root, .x1i152zt {
-    --x1asdyoo: 4px;
-    --xz1oyae: 6px;
-  }
-
   :root, .x1sjug0q {
-    --x1hdxzrk: 32px;
-    --xymjgzc: 36px;
+    --x14tmdi9: 32px;
     --x6uufy4: 44px;
     --x1ud0cvw: 16px;
     --xrzkwmd: 10px;
-    --xjz2qh5: 7px;
+    --xjz2qh5: 5px;
     --x1z0o8cd: 6px;
     --xxx3t85: 2px;
     --x9ngs59: .45;
   }
 
+  :root, .x1i152zt {
+    --x1asdyoo: 4px;
+    --xz1oyae: 6px;
+  }
+
   :root, .x102x4ow {
     --x1nlt3ga: #5178a8;
     --x5yb4il: #568b76;
@@ -83,34 +82,35 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
   }
 
   :root, .x6mvf7n {
-    --xervi70: #993029;
-    --x1scgmo8: #994a29;
-    --xu5wby9: #992949;
-    --x1lp5jki: #992968;
-    --x1y31bxi: #992990;
-    --xzwo5h9: #7f2999;
-    --xt4yqhf: #612999;
-    --x15jwn1l: #432999;
-    --x1mq9snr: #292999;
-    --x1uo55dg: #294799;
-    --xiuxd98: #296199;
-    --x1ge60hr: #277693;
-    --x30ad9v: #22797f;
-    --xjm3f38: #217b72;
-    --xclnw48: #217d63;
-    --x1deadh4: #217d51;
-    --xh5lcut: #227f3f;
-    --xhi6zkb: #227f2a;
-    --xwl956u: #327d21;
-    --xibm5mh: #4c7b21;
-    --xyheekc: #64751f;
-    --x1d3dkqv: #7b7021;
-    --xh8xsxd: #8d6725;
-    --x9u8ejr: #995829;
+    --xervi70: #e3291c;
+    --x1scgmo8: #e1571c;
+    --xu5wby9: #e31c54;
+    --x1lp5jki: #e31c8d;
+    --x1y31bxi: #e31cd2;
+    --xzwo5h9: #b51ce3;
+    --xt4yqhf: #801ce3;
+    --x15jwn1l: #4a1ce3;
+    --x1mq9snr: #1c1ce3;
+    --x1uo55dg: #1c51e3;
+    --xiuxd98: #1c80e3;
+    --x1ge60hr: #178db8;
+    --x30ad9v: #13919a;
+    --xjm3f38: #129487;
+    --xclnw48: #139671;
+    --x1deadh4: #139858;
+    --xh5lcut: #13983d;
+    --xhi6zkb: #13981e;
+    --xwl956u: #2b9813;
+    --xibm5mh: #519412;
+    --xyheekc: #748d11;
+    --x1d3dkqv: #948412;
+    --xh8xsxd: #b17816;
+    --x9u8ejr: #d1661a;
   }
 
   :root, .x1e8hs47 {
     --xfou7vv: 0 4px 16px #00000014;
+    --x1qr3jy8: inset 2px 0 currentColor;
   }
 
   :root, .xi13snk {
@@ -130,9 +130,14 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     --xumjr7l: cubic-bezier(.32, .72, 0, 1);
   }
 
+  :root, .x1vss23x {
+    --xnv5ly4: 16px;
+    --x1m0ogk9: 48px;
+    --xe6nmbs: 32px;
+  }
+
   :root, .xb205vt {
     --xyyn5jb: 240px;
-    --xrzfcxb: 48px;
     --x10l6e8v: 34px;
     --xx48xrz: 8px;
     --x1owne4c: 7px;
@@ -189,30 +194,30 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
   }
 
   .x1on89sr.x1on89sr, .x1on89sr.x1on89sr:root {
-    --xervi70: #e7938d;
-    --x1uo55dg: #8da5e7;
-    --xiuxd98: #8dbae7;
-    --x1ge60hr: #8dcfe7;
-    --x30ad9v: #8de1e7;
-    --xjm3f38: #8de7de;
-    --xclnw48: #8de7ce;
-    --x1deadh4: #8de7bc;
-    --xh5lcut: #8de7aa;
-    --xhi6zkb: #8de795;
-    --xwl956u: #9ee78d;
-    --x1scgmo8: #e7a88d;
-    --xibm5mh: #b9e78d;
-    --xyheekc: #d5e78d;
-    --x1d3dkqv: #e7dc8d;
-    --xh8xsxd: #e7c68d;
-    --x9u8ejr: #e7b38d;
-    --xu5wby9: #e78da7;
-    --x1lp5jki: #e78dc0;
-    --x1y31bxi: #e78ddf;
-    --xzwo5h9: #d28de7;
-    --xt4yqhf: #ba8de7;
-    --x15jwn1l: #a28de7;
-    --x1mq9snr: #8d8de7;
+    --xervi70: #f07d75;
+    --x1uo55dg: #7596f0;
+    --xiuxd98: #75b3f0;
+    --x1ge60hr: #75cff0;
+    --x30ad9v: #75e8f0;
+    --xjm3f38: #75f0e3;
+    --xclnw48: #75f0cd;
+    --x1deadh4: #75f0b5;
+    --xh5lcut: #75f09c;
+    --xhi6zkb: #75f080;
+    --xwl956u: #8cf075;
+    --x1scgmo8: #f09a75;
+    --xibm5mh: #b0f075;
+    --xyheekc: #d7f075;
+    --x1d3dkqv: #f0e175;
+    --xh8xsxd: #f0c375;
+    --x9u8ejr: #f0a875;
+    --xu5wby9: #f07598;
+    --x1lp5jki: #f075bb;
+    --x1y31bxi: #f075e6;
+    --xzwo5h9: #d375f0;
+    --xt4yqhf: #b375f0;
+    --x15jwn1l: #9275f0;
+    --x1mq9snr: #7575f0;
   }
 
   .x8g9w8d.x8g9w8d, .x8g9w8d.x8g9w8d:root {
@@ -269,6 +274,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     padding: var(--xjighox);
   }
 
+  .xg7ukam {
+    padding: var(--xnv5ly4);
+  }
+
   .x69ldcm {
     padding: var(--xxhyxt);
   }
@@ -395,6 +404,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     gap: var(--x1z0o8cd);
   }
 
+  .xdz4d12 {
+    gap: var(--xe6nmbs);
+  }
+
   .xfko13i {
     gap: var(--xjighox);
   }
@@ -483,6 +496,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     padding-block: 0;
   }
 
+  .xmpbh3m {
+    padding-block: calc((var(--x1m0ogk9) - var(--x14tmdi9) - 1px) / 2);
+  }
+
   .x9w77qv {
     padding-block: var(--x153fiic);
   }
@@ -551,6 +568,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     padding-inline: var(--xjighox);
   }
 
+  .x1dc62k6 {
+    padding-inline: var(--xnv5ly4);
+  }
+
   .x1atzlso {
     padding-inline: var(--xrzkwmd);
   }
@@ -567,6 +588,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     text-decoration: none;
   }
 
+  .x1m9vbm4:is([data-invalid], [aria-invalid="true"]) {
+    border-color: #0000;
+  }
+
   .x1bn55bi[data-checked] {
     border-color: var(--x169lqhw);
   }
@@ -587,10 +612,6 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     gap: var(--x1iwxfi2);
   }
 
-  .x5tnr2x:has(input[aria-invalid="true"]) {
-    border-color: var(--x5peq9z);
-  }
-
   .xjf78fh:active {
     border-color: var(--x169lqhw);
   }
@@ -760,8 +781,8 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     box-decoration-break: clone;
   }
 
-  .x1jmj9dw {
-    box-shadow: inset 2px 0;
+  .xh3r7i3 {
+    box-shadow: var(--x1qr3jy8);
   }
 
   .x16hm2kh {
@@ -940,6 +961,14 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     column-gap: var(--x1qq5i99);
   }
 
+  .x9vvk8s {
+    container-name: inspector;
+  }
+
+  .x180ayaa {
+    container-name: setting;
+  }
+
   .x14ut1dr {
     container-name: toolbar;
   }
@@ -1132,6 +1161,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     grid-template-columns: 16px minmax(0, 1fr);
   }
 
+  .x4ruv2j {
+    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr);
+  }
+
   .xezdspq {
     grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
   }
@@ -1156,8 +1189,8 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     grid-template-columns: minmax(110px, 1fr) minmax(120px, 2fr) minmax(110px, 1fr);
   }
 
-  .x135t7h {
-    grid-template-columns: repeat(auto-fill,minmax(var(--x1hdxzrk),1fr));
+  .x10yxpwy {
+    grid-template-columns: repeat(auto-fill,minmax(var(--x14tmdi9),1fr));
   }
 
   .xpuu00s {
@@ -1184,6 +1217,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     justify-content: center;
   }
 
+  .x13a6bvl {
+    justify-content: flex-end;
+  }
+
   .x1nhvcw1 {
     justify-content: flex-start;
   }
@@ -1200,8 +1237,8 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     letter-spacing: var(--xgto76l);
   }
 
-  .x1hooi3c {
-    line-height: calc(var(--xymjgzc) - 2px);
+  .xasj1m4 {
+    line-height: calc(var(--x14tmdi9) - 2px);
   }
 
   .x15bjb6t {
@@ -1492,6 +1529,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     text-overflow: ellipsis;
   }
 
+  .xn80e1m {
+    text-transform: capitalize;
+  }
+
   .xda060z {
     text-underline-offset: 3px;
   }
@@ -1614,7 +1655,7 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     white-space: pre-wrap;
   }
 
-  .x1vjfegm {
+  .x4k8i88 {
     z-index: 1;
   }
 
@@ -1776,6 +1817,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     outline-offset: 2px;
   }
 
+  .x12ijfkc:focus-visible {
+    outline-offset: 4px;
+  }
+
   .x17c0hmk:focus-visible {
     outline-offset: calc(-1 * var(--xxx3t85));
   }
@@ -1840,8 +1885,12 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     white-space: normal;
   }
 
-  .x2ik7qb:has([data-close-button]) {
-    padding-inline-end: calc(var(--x1drqizm) + var(--x1hdxzrk));
+  .x18ssw31:has( > [role="switch"],  > [role="checkbox"]) {
+    justify-items: end;
+  }
+
+  .xx4ccz:has([data-close-button]) {
+    padding-inline-end: calc(var(--x1drqizm) + var(--x14tmdi9));
   }
 
   .xjl7jj:empty {
@@ -1916,6 +1965,16 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     text-decoration-line: underline;
   }
 
+  @container inspector (width <= 860px) {
+    .xdctr63.xdctr63 {
+      border-inline-start-width: 0;
+    }
+
+    .x1yamub6.x1yamub6 {
+      display: flex;
+    }
+  }
+
   @container (width <= 420px) {
     .x1mf2q18.x1mf2q18 {
       display: none;
@@ -1933,6 +1992,20 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
       grid-template-columns: minmax(0, 1fr);
     }
   }
+
+  @container inspector (width <= 860px) {
+    .x1y7acmc.x1y7acmc {
+      grid-template-columns: minmax(0, 1fr);
+    }
+
+    .xhuqrux.xhuqrux {
+      padding-inline-start: 0;
+    }
+
+    .x7cfggw.x7cfggw {
+      position: static;
+    }
+  }
 }
 
 @layer priority5 {
@@ -2008,6 +2081,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     border-top-style: solid;
   }
 
+  .x972fbf {
+    border-top-width: 0;
+  }
+
   .x178xt8z {
     border-top-width: 1px;
   }
@@ -2108,8 +2185,8 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     height: auto;
   }
 
-  .x1b7uu3i {
-    height: calc(100dvh - var(--xrzfcxb));
+  .x1r09gfs {
+    height: calc(100dvh - var(--x1m0ogk9));
   }
 
   .xz7qr2x {
@@ -2124,26 +2201,22 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     height: var(--x10l6e8v);
   }
 
+  .x1f9pz31 {
+    height: var(--x14tmdi9);
+  }
+
   .x1b1e0sl {
     height: var(--x1eh4a5a);
   }
 
-  .xabs2wf {
-    height: var(--x1hdxzrk);
+  .xnyqvp6 {
+    height: var(--x1m0ogk9);
   }
 
   .x18utl2x {
     height: var(--x1ud0cvw);
   }
 
-  .xcn9na3 {
-    height: var(--xrzfcxb);
-  }
-
-  .xoywjyl {
-    height: var(--xymjgzc);
-  }
-
   .xu96u03 {
     left: 0;
   }
@@ -2164,6 +2237,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     margin-bottom: var(--x1drqizm);
   }
 
+  .x1xxlxpq {
+    margin-bottom: var(--x1qq5i99);
+  }
+
   .x1jfksii {
     margin-bottom: var(--xxhyxt);
   }
@@ -2324,24 +2401,20 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     min-height: 35px;
   }
 
-  .x1wfpuok {
-    min-height: calc(var(--x1hdxzrk) - 2px);
-  }
-
-  .x13ilo0m {
-    min-height: calc(var(--xymjgzc) - 2px);
-  }
-
   .x1avwmir {
     min-height: var(--x10l6e8v);
   }
 
+  .x17tes2r {
+    min-height: var(--x14tmdi9);
+  }
+
   .x16exltd {
     min-height: var(--x1eh4a5a);
   }
 
-  .xaeotn9 {
-    min-height: var(--x1hdxzrk);
+  .x1oec0jp {
+    min-height: var(--x1m0ogk9);
   }
 
   .x1f6qilh {
@@ -2360,18 +2433,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     min-height: var(--xmfa1iy);
   }
 
-  .x1uey4wk {
-    min-height: var(--xymjgzc);
-  }
-
   .xeuugli {
     min-width: 0;
   }
 
-  .x1cxjkq6 {
-    min-width: 12ch;
-  }
-
   .xfb3i0g {
     min-width: 180px;
   }
@@ -2404,18 +2469,14 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     min-width: var(--x-minWidth);
   }
 
-  .x1udcv4t {
-    min-width: var(--x1hdxzrk);
+  .x16opp91 {
+    min-width: var(--x14tmdi9);
   }
 
   .x1df8dnd {
     min-width: var(--x6uufy4);
   }
 
-  .xelkyza {
-    min-width: var(--xymjgzc);
-  }
-
   .xw2csxc {
     overflow-x: auto;
   }
@@ -2448,6 +2509,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     padding-bottom: var(--xxhyxt);
   }
 
+  .xexx8yu {
+    padding-top: 0;
+  }
+
   .x14y0u4g {
     padding-top: var(--x13hs181);
   }
@@ -2460,6 +2525,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     padding-top: var(--xjighox);
   }
 
+  .x10d9x1d {
+    padding-top: var(--xnv5ly4);
+  }
+
   .x3bg4vu {
     padding-top: var(--xxhyxt);
   }
@@ -2468,6 +2537,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     right: 0;
   }
 
+  .x14ijc3v {
+    scroll-margin-top: var(--x1qq5i99);
+  }
+
   .x13vifvy {
     top: 0;
   }
@@ -2484,6 +2557,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     top: var(--x1drqizm);
   }
 
+  .xqfmuo8 {
+    top: var(--x1qq5i99);
+  }
+
   .x1m7q2ru {
     top: var(--x1xijsos);
   }
@@ -2516,6 +2593,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     width: 16px;
   }
 
+  .x1so1ns2 {
+    width: 192px;
+  }
+
   .x1i1rx1s {
     width: 1px;
   }
@@ -2556,6 +2637,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     width: 6px;
   }
 
+  .x1d7z9mz {
+    width: 76px;
+  }
+
   .x1xc55vz {
     width: 8px;
   }
@@ -2588,8 +2673,12 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     width: var(--x-width);
   }
 
-  .x1ucso6f {
-    width: var(--x1hdxzrk);
+  .x9c6wpo {
+    width: var(--x14tmdi9);
+  }
+
+  .x14j3e4g {
+    width: var(--x1m0ogk9);
   }
 
   .xtwnzbg {
@@ -2604,14 +2693,6 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     width: var(--x7ukacq);
   }
 
-  .xrlepb6 {
-    width: var(--xrzfcxb);
-  }
-
-  .xifnfrx {
-    width: var(--xymjgzc);
-  }
-
   .x68ju84 {
     width: var(--xyyn5jb);
   }
@@ -2679,10 +2760,30 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
   .x15x95ik:empty {
     min-height: 0;
   }
+
+  @container inspector (width <= 860px) {
+    .x1mg79u0.x1mg79u0 {
+      border-top-width: 1px;
+    }
+
+    .xdz7uhd.xdz7uhd {
+      padding-top: var(--x1qq5i99);
+    }
+  }
+
+  @container setting (width <= 480px) {
+    .x2nl74q.x2nl74q {
+      width: 100%;
+    }
+  }
 }
 
 @layer priority6 {
   @media (pointer: coarse) {
+    .xp0u5rt.xp0u5rt {
+      padding-block: calc((var(--x1m0ogk9) - var(--x6uufy4) - 1px) / 2);
+    }
+
     .x8tdk5q.x8tdk5q {
       padding-block: var(--x1drqizm);
     }
@@ -2776,6 +2877,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     }
   }
 
+  .xarstr8:after {
+    inset: 0;
+  }
+
   @media (width <= 800px) {
     .x1l31gyv.x1l31gyv {
       justify-content: flex-start;
@@ -2789,6 +2894,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
   }
 
   @media (pointer: coarse) {
+    .xcohu5a.xcohu5a {
+      line-height: calc(var(--x6uufy4) - 2px);
+    }
+
     .x1m5v4a8.x1m5v4a8 {
       line-height: var(--x6uufy4);
     }
@@ -2890,6 +2999,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     border-color: var(--x24btp3);
   }
 
+  .x10z0kkz:after {
+    border-color: var(--xe11pje);
+  }
+
   .x1i3c8xy::file-selector-button {
     border-color: var(--xe11pje);
   }
@@ -2904,7 +3017,11 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     border-radius: 50%;
   }
 
-  .x3zhmzl:before {
+  .x1k48kgn:after {
+    border-radius: inherit;
+  }
+
+  .x3zhmzl:before, .xt0q9np:after {
     border-radius: var(--x1asdyoo);
   }
 
@@ -2912,7 +3029,7 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     border-style: solid;
   }
 
-  .x1fo1fc9:before {
+  .x1fo1fc9:before, .x86avzo:after {
     border-style: solid;
   }
 
@@ -2924,7 +3041,7 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     border-width: 0;
   }
 
-  .xz8fyzm:before {
+  .x5hscyn:after, .xz8fyzm:before {
     border-width: 1px;
   }
 
@@ -2939,10 +3056,6 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
   }
 
   @media (pointer: coarse) {
-    .x1d31pdt.x1d31pdt {
-      min-height: calc(var(--x6uufy4) - 2px);
-    }
-
     .xwu7q15.xwu7q15 {
       min-height: var(--x6uufy4);
     }
@@ -3006,7 +3119,7 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     border-color: var(--x169lqhw);
   }
 
-  .xj24zxs[data-invalid]:before {
+  .xj24zxs[data-invalid]:before, .xzggfk3:has(input[aria-invalid="true"]):after {
     border-color: var(--x5peq9z);
   }
 }
@@ -3076,8 +3189,8 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     font-size: var(--x105xqs);
   }
 
-  .xu9phsb::file-selector-button {
-    font-weight: var(--x1nq3oar);
+  .x2hdjra::file-selector-button {
+    font-weight: var(--x15yhtsr);
   }
 
   .x1682cnc:before {
@@ -3092,6 +3205,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     margin-inline-end: var(--xxhyxt);
   }
 
+  .x2q1x1w:after {
+    pointer-events: none;
+  }
+
   .x1hmns74:before, .x1j6awrg:after {
     position: absolute;
   }
@@ -3186,8 +3303,8 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     left: 50%;
   }
 
-  .x1x0spo9::file-selector-button {
-    min-height: calc(var(--xymjgzc) - 2px);
+  .x1rcvzx2::file-selector-button {
+    min-height: calc(var(--x14tmdi9) - 2px);
   }
 
   .xnbfe2x:after {
@@ -3258,6 +3375,12 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     }
   }
 
+  @media (pointer: coarse) {
+    .x1q9lj7y.x1q9lj7y::file-selector-button {
+      font-size: var(--x18ymnwu);
+    }
+  }
+
   @media (hover: hover) and (pointer: fine) {
     .x16c0vys.x16c0vys:hover:is([data-checked], [data-indeterminate]):not([data-disabled]):before, .xsfizjh.xsfizjh:hover:not([data-disabled]):before {
       background-color: var(--x1umbgym);