@mechane-ai/elements 0.11.0 → 0.12.0

package/dist/content/code.js

@@ -1 +1 @@
-export { t as CodeBlock } from "../code-block-B7xzM3tD.js";
+export { t as CodeBlock } from "../code-block-BjV2EFZS.js";

package/dist/content/diff.js

@@ -1,5 +1,5 @@
-import { E as e, _ as t, g as n } from "../src-D05isEh_.js";
-import { t as r } from "../code-block-B7xzM3tD.js";
+import { E as e, _ as t, g as n } from "../src-3gzujMhN.js";
+import { t as r } from "../code-block-BjV2EFZS.js";
 import { t as i } from "../viewer-styles-CpHqp5Qv.js";
 import * as a from "@stylexjs/stylex";
 import { useEffect as o, useState as s } from "react";
@@ -44,7 +44,7 @@ function m(n) {
 		let e = !0;
 		async function t() {
 			if (!A) try {
-				let t = await import("../pierre-diff--zsiHCCB.js"), n = t.prepareDiff(x);
+				let t = await import("../pierre-diff-sUAU-xeL.js"), n = t.prepareDiff(x);
 				e && w({
 					source: x,
 					Component: t.PierreDiff,

package/dist/content/link.js

@@ -1 +1 @@
-export { t as ContentLink } from "../content-link-CatGOrbo.js";
+export { t as ContentLink } from "../content-link-C460m-O7.js";

package/dist/content/markdown.js

@@ -1,5 +1,5 @@
-import { t as e } from "../code-block-B7xzM3tD.js";
-import { n as t, t as n } from "../content-link-CatGOrbo.js";
+import { t as e } from "../code-block-BjV2EFZS.js";
+import { n as t, t as n } from "../content-link-C460m-O7.js";
 import { t as r } from "../viewer-styles-CpHqp5Qv.js";
 import * as i from "@stylexjs/stylex";
 import { Children as a, createElement as o } from "react";

package/dist/content/tree.js

@@ -1,4 +1,4 @@
-import { E as e } from "../src-D05isEh_.js";
+import { E as e } from "../src-3gzujMhN.js";
 import { t } from "../viewer-styles-CpHqp5Qv.js";
 import * as n from "@stylexjs/stylex";
 import { useEffect as r, useState as i } from "react";
@@ -27,7 +27,7 @@ function d(l) {
 		let e = !0;
 		async function t() {
 			try {
-				let t = await import("../pierre-tree-D47uA7lb.js");
+				let t = await import("../pierre-tree-DKN2eGlZ.js");
 				e && f({
 					Component: t.PierreTree,
 					hasFailed: !1

package/dist/{content-link-CatGOrbo.js → content-link-C460m-O7.js}

@@ -1,4 +1,4 @@
-import { D as e } from "./src-D05isEh_.js";
+import { D as e } from "./src-3gzujMhN.js";
 import "@stylexjs/stylex";
 import { jsx as t } from "react/jsx-runtime";
 // packages/content/src/content-link.tsx

package/dist/content.js

@@ -1,7 +1,7 @@
-import { C as e, E as t, _ as n, g as r } from "./src-D05isEh_.js";
+import { C as e, E as t, _ as n, g as r } from "./src-3gzujMhN.js";
 import { t as i } from "./viewer-styles-CpHqp5Qv.js";
-import { t as a } from "./code-block-B7xzM3tD.js";
-import { t as o } from "./content-link-CatGOrbo.js";
+import { t as a } from "./code-block-BjV2EFZS.js";
+import { t as o } from "./content-link-C460m-O7.js";
 import * as s from "@stylexjs/stylex";
 import { useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -163,7 +163,6 @@ function O({ output: t, label: r, maxLines: a = 500, maxHeight: o = 320, isRunni
 				}), /* @__PURE__ */ p("div", {
 					...s.props(i.actions),
 					children: [/* @__PURE__ */ f(e, {
-						size: "sm",
 						variant: "ghost",
 						onClick: () => g(!h),
 						children: h ? "Pause following" : "Follow output"

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;
@@ -111,6 +110,7 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
 
   :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;
@@ -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 {
@@ -944,6 +965,10 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
     container-name: inspector;
   }
 
+  .x180ayaa {
+    container-name: setting;
+  }
+
   .x14ut1dr {
     container-name: toolbar;
   }
@@ -1164,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);
   }
 
-  .xf46oua {
-    grid-template-columns: repeat(auto-fill,minmax(var(--xymjgzc),1fr));
+  .x10yxpwy {
+    grid-template-columns: repeat(auto-fill,minmax(var(--x14tmdi9),1fr));
   }
 
   .xpuu00s {
@@ -1192,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;
   }
@@ -1208,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 {
@@ -1626,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;
   }
 
@@ -1856,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 {
@@ -2152,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 {
@@ -2168,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;
   }
@@ -2372,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 {
@@ -2408,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;
   }
@@ -2452,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;
   }
@@ -2512,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);
   }
@@ -2576,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;
   }
@@ -2616,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;
   }
@@ -2648,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 {
@@ -2664,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);
   }
@@ -2749,10 +2770,20 @@ html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--to
       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);
     }
@@ -2846,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;
@@ -2859,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);
     }
@@ -2960,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);
   }
@@ -2974,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);
   }
 
@@ -2982,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;
   }
 
@@ -2994,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;
   }
 
@@ -3009,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);
     }
@@ -3076,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);
   }
 }
@@ -3146,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 {
@@ -3162,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;
   }
@@ -3256,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 {
@@ -3328,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);

package/dist/feedback.js

@@ -1 +1 @@
-export { t as AsyncRegion, n as ContentReveal, d as EmptyState, s as Loading, a as Meter, f as Notice, o as Progress, c as Skeleton, l as SkeletonText, u as Spinner, r as Toaster, i as toast } from "./src-DXsGTJgv.js";
+export { t as AsyncRegion, c as ButtonPlaceholder, n as ContentReveal, p as EmptyState, l as FieldPlaceholder, s as Loading, a as Meter, m as Notice, o as Progress, u as Skeleton, d as SkeletonText, f as Spinner, r as Toaster, i as toast } from "./src-CI6KtN2w.js";