@dvina/widget-kit 0.0.36 → 0.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export const tokensCss = "@layer dvina-tokens,theme,base,dvina,components,utilities;@layer dvina-tokens{:root{color-scheme:light;--dv-font-offset: 0px;--dv-font-text: \"Inter\", sans-serif;--dv-font-heading: \"Inter Tight\", \"Inter\", sans-serif;--dv-font-display: \"Manrope\", system-ui, sans-serif;--dv-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--dv-text-xs: calc(var(--dv-font-offset) + .75rem);--dv-text-xs-leading: calc(16 / 12);--dv-text-s: calc(var(--dv-font-offset) + .8125rem);--dv-text-s-leading: calc(20 / 13);--dv-text-m: calc(var(--dv-font-offset) + .9375rem);--dv-text-m-leading: calc(22 / 15);--dv-text-l: calc(var(--dv-font-offset) + 1.0625rem);--dv-text-l-leading: calc(28 / 17);--dv-ui-xs: calc(var(--dv-font-offset) + .75rem);--dv-ui-s: calc(var(--dv-font-offset) + .8125rem);--dv-ui-m: calc(var(--dv-font-offset) + 1rem);--dv-ui-l: calc(var(--dv-font-offset) + 1.0625rem);--dv-caption: calc(var(--dv-font-offset) + .65rem);--dv-display: calc(var(--dv-font-offset) + 1.875rem);--dv-display-leading: 1.08;--dv-page: #fff;--dv-panel: color-mix(in srgb, #fff, #f3f3f3 35%);--dv-surface: #fff;--dv-surface-muted: #f3f3f3;--dv-surface-sunk: color-mix(in srgb, #fff, #f3f3f3 50%);--dv-fill: rgba(0, 0, 0, .04);--dv-fill-hover: rgba(0, 0, 0, .05);--dv-fill-strong: rgba(0, 0, 0, .08);--dv-glass: color-mix(in srgb, color-mix(in srgb, #fff, #f3f3f3 50%), transparent 30%);--dv-glass-tint: color-mix(in srgb, color-mix(in srgb, #fff, #f3f3f3 50%), transparent 30%);--dv-popover: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, #fff, #f3f3f3 50%), transparent 30%) 75%, #fff);--dv-segment-puck: #e7e7e9;--dv-switch-on: rgba(0, 0, 0, .82);--dv-text: rgb(46 46 46);--dv-text-muted: rgb(107 109 128);--dv-text-faint: rgb(127 127 127);--dv-link: #0a6e8c;--dv-link-hover: #085a73;--dv-border: rgba(0, 0, 0, .075);--dv-border-strong: rgba(0, 0, 0, .1);--dv-border-hover: rgba(0, 0, 0, .16);--dv-ring: rgba(51, 51, 51, .64);--dv-accent: rgba(0, 0, 0, .82);--dv-accent-hover: rgba(0, 0, 0, .9);--dv-on-accent: #fff;--dv-brand: #4c99f6;--dv-on-brand: rgb(255 255 255);--dv-positive: rgb(74 201 155);--dv-positive-pale: rgba(74, 201, 155, .12);--dv-positive-text: color-mix(in srgb, rgb(74 201 155) 35%, rgb(46 46 46));--dv-negative: #ff3b30;--dv-negative-pale: rgb(255 59 48 / .08);--dv-negative-text: color-mix(in srgb, #ff3b30 35%, rgb(46 46 46));--dv-warning: rgb(255 199 0);--dv-warning-pale: rgba(255, 199, 0, .12);--dv-warning-text: #946200;--dv-info: rgb(112 182 246);--dv-info-pale: rgba(126, 190, 247, .3);--dv-info-text: color-mix(in srgb, rgb(112 182 246) 35%, rgb(46 46 46));--dv-highlight: rgba(255, 199, 0, .12);--dv-chart-1: #4c99f6;--dv-red: #ff3b30;--dv-orange: #ff9500;--dv-yellow: #ffcc00;--dv-green: #34c759;--dv-teal: #30b0c7;--dv-blue: #0084f7;--dv-indigo: #5856d6;--dv-purple: #af52de;--dv-pink: #ff2d55;--dv-gray: #8e8e93;--dv-radius-xs: calc(.75rem - 8px) ;--dv-radius-s: calc(.75rem - 4px) ;--dv-radius-m: .75rem;--dv-radius-l: 1.5rem ;--dv-radius-pill: 999px;--dv-stroke: 1.6px;--dv-space-1: .25rem;--dv-space-2: .5rem;--dv-space-3: .75rem;--dv-space-4: 1rem;--dv-space-5: 1.25rem;--dv-space-6: 1.5rem;--dv-space-8: 2rem;--dv-space-10: 2.5rem;--dv-control-s: 2rem;--dv-control-m: 2.75rem;--dv-control-l: 3.5rem;--dv-disabled-opacity: .5;--dv-shadow-surface: 0px 0px 0px 1px rgb(0 0 0 / .055);--dv-shadow-control: 0px 0px 0px 1px rgb(0 0 0 / .055), 0px 1px 1px -.5px rgb(0 0 0 / .055);--dv-shadow-raised: 0 .25rem 1.25rem rgba(0, 0, 0, .1);--dv-duration: .1s;--dv-duration-slow: calc(.1s / .6);--dv-ease: cubic-bezier(.2, 0, .4, .9);--dv-ease-emphasized: cubic-bezier(.22, 1, .36, 1);--dv-ease-soft: cubic-bezier(.2, .8, .2, 1);--dv-chart-2: #50cca2;--dv-chart-3: #ccac53;--dv-chart-4: #cc7485;--dv-chart-5: #93a4cc;--dv-chart-6: #cccc2e;--dv-chart-7: #3cc2a8;--dv-chart-8: #cca569}:root[data-theme-mode=dark]{color-scheme:dark;--dv-page: #0a0a0a;--dv-panel: color-mix(in srgb, #0a0a0a, #222324 35%);--dv-surface: #292929;--dv-surface-muted: #222324;--dv-surface-sunk: #222324;--dv-fill: rgba(255, 255, 255, .08);--dv-fill-hover: rgba(255, 255, 255, .05);--dv-fill-strong: rgba(255, 255, 255, .24);--dv-glass: color-mix(in srgb, color-mix(in srgb, #0a0a0a, #222324 50%), transparent 15%);--dv-glass-tint: color-mix(in srgb, #2f3133, transparent 40%);--dv-popover: color-mix(in srgb, color-mix(in srgb, #2f3133, transparent 40%) 70%, #0a0a0a);--dv-segment-puck: #3a3a3c;--dv-switch-on: #4591f7;--dv-text: rgb(230 230 230);--dv-text-muted: rgb(186 186 186);--dv-text-faint: rgb(133 133 133);--dv-link: #7098be;--dv-link-hover: #6093c4;--dv-border: rgba(206, 206, 206, .075);--dv-border-strong: rgba(255, 255, 255, .1);--dv-border-hover: rgba(255, 255, 255, .15);--dv-ring: rgba(255, 255, 255, .64);--dv-accent: #ededed;--dv-accent-hover: #fff;--dv-on-accent: #0a0a0a;--dv-brand: #4591f7;--dv-positive-pale: rgba(74, 201, 155, .32);--dv-positive-text: color-mix(in srgb, rgb(74 201 155) 100%, rgb(230 230 230));--dv-negative: #ff453a;--dv-negative-pale: rgb(255 69 58 / .2);--dv-negative-text: color-mix(in srgb, #ff453a 100%, rgb(230 230 230));--dv-warning-pale: rgba(255, 199, 0, .32);--dv-warning-text: rgb(255 199 0);--dv-info-pale: rgba(102, 141, 176, .3);--dv-info-text: color-mix(in srgb, rgb(112 182 246) 100%, rgb(230 230 230));--dv-highlight: rgba(255, 199, 0, .32);--dv-chart-1: #4591f7;--dv-red: #ff453a;--dv-orange: #ff9f0a;--dv-yellow: #ffd60a;--dv-green: #30d158;--dv-teal: #40c8e0;--dv-blue: #0292ff;--dv-indigo: #5e5ce6;--dv-purple: #bf5af2;--dv-pink: #ff375f;--dv-gray: #98989d;--dv-shadow-surface: inset 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .02), 0 0 0 1px rgba(0, 0, 0, .12), 0 1px 1px -.5px rgba(0, 0, 0, .18), 0 3px 3px -1.5px rgba(0, 0, 0, .18);--dv-shadow-control: inset 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .04), 0 0 0 1px rgba(0, 0, 0, .14), 0 1px 1px -.5px rgba(0, 0, 0, .18), 0 3px 3px -1.5px rgba(0, 0, 0, .18), 0 6px 6px -3px rgba(0, 0, 0, .18);--dv-shadow-raised: inset 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .04), 0 0 0 1px rgba(0, 0, 0, .14), 0 1px 1px -.5px rgba(0, 0, 0, .18), 0 3px 3px -1.5px rgba(0, 0, 0, .18), 0 6px 6px -3px rgba(0, 0, 0, .18);--dv-chart-2: #b5ead7;--dv-chart-3: #ffdfba;--dv-chart-4: #ffb3ba;--dv-chart-5: #c7ceea;--dv-chart-6: #ffffba;--dv-chart-7: #a1d9ce;--dv-chart-8: #ffdac1}@media(prefers-color-scheme:dark){:root:not([data-theme-mode]){color-scheme:dark;--dv-page: #0a0a0a;--dv-panel: color-mix(in srgb, #0a0a0a, #222324 35%);--dv-surface: #292929;--dv-surface-muted: #222324;--dv-surface-sunk: #222324;--dv-fill: rgba(255, 255, 255, .08);--dv-fill-hover: rgba(255, 255, 255, .05);--dv-fill-strong: rgba(255, 255, 255, .24);--dv-glass: color-mix(in srgb, color-mix(in srgb, #0a0a0a, #222324 50%), transparent 15%);--dv-glass-tint: color-mix(in srgb, #2f3133, transparent 40%);--dv-popover: color-mix(in srgb, color-mix(in srgb, #2f3133, transparent 40%) 70%, #0a0a0a);--dv-segment-puck: #3a3a3c;--dv-switch-on: #4591f7;--dv-text: rgb(230 230 230);--dv-text-muted: rgb(186 186 186);--dv-text-faint: rgb(133 133 133);--dv-link: #7098be;--dv-link-hover: #6093c4;--dv-border: rgba(206, 206, 206, .075);--dv-border-strong: rgba(255, 255, 255, .1);--dv-border-hover: rgba(255, 255, 255, .15);--dv-ring: rgba(255, 255, 255, .64);--dv-accent: #ededed;--dv-accent-hover: #fff;--dv-on-accent: #0a0a0a;--dv-brand: #4591f7;--dv-positive-pale: rgba(74, 201, 155, .32);--dv-positive-text: color-mix(in srgb, rgb(74 201 155) 100%, rgb(230 230 230));--dv-negative: #ff453a;--dv-negative-pale: rgb(255 69 58 / .2);--dv-negative-text: color-mix(in srgb, #ff453a 100%, rgb(230 230 230));--dv-warning-pale: rgba(255, 199, 0, .32);--dv-warning-text: rgb(255 199 0);--dv-info-pale: rgba(102, 141, 176, .3);--dv-info-text: color-mix(in srgb, rgb(112 182 246) 100%, rgb(230 230 230));--dv-highlight: rgba(255, 199, 0, .32);--dv-chart-1: #4591f7;--dv-red: #ff453a;--dv-orange: #ff9f0a;--dv-yellow: #ffd60a;--dv-green: #30d158;--dv-teal: #40c8e0;--dv-blue: #0292ff;--dv-indigo: #5e5ce6;--dv-purple: #bf5af2;--dv-pink: #ff375f;--dv-gray: #98989d;--dv-shadow-surface: inset 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .02), 0 0 0 1px rgba(0, 0, 0, .12), 0 1px 1px -.5px rgba(0, 0, 0, .18), 0 3px 3px -1.5px rgba(0, 0, 0, .18);--dv-shadow-control: inset 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .04), 0 0 0 1px rgba(0, 0, 0, .14), 0 1px 1px -.5px rgba(0, 0, 0, .18), 0 3px 3px -1.5px rgba(0, 0, 0, .18), 0 6px 6px -3px rgba(0, 0, 0, .18);--dv-shadow-raised: inset 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .04), 0 0 0 1px rgba(0, 0, 0, .14), 0 1px 1px -.5px rgba(0, 0, 0, .18), 0 3px 3px -1.5px rgba(0, 0, 0, .18), 0 6px 6px -3px rgba(0, 0, 0, .18);--dv-chart-2: #b5ead7;--dv-chart-3: #ffdfba;--dv-chart-4: #ffb3ba;--dv-chart-5: #c7ceea;--dv-chart-6: #ffffba;--dv-chart-7: #a1d9ce;--dv-chart-8: #ffdac1}}@media not (min-width:48rem){:root{--dv-text-m: calc(var(--dv-font-offset) + .875rem);--dv-text-m-leading: calc(20 / 14)}}}\n";
2
- export const kitCss = "@layer dvina-tokens,theme,base,dvina,components,utilities;@import\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..700;1,14..32,400..700&family=Inter+Tight:wght@500..700&family=Manrope:wght@600..800&display=swap\";@layer dvina{:root{--dv-control: var(--dv-control-s);--dv-gap: var(--dv-space-4);-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(pointer:coarse){:root{--dv-control: calc(var(--dv-control-s) + var(--dv-space-2))}}*,*:before,*:after{box-sizing:border-box}html{color:var(--dv-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"cv11\",\"ss01\";-webkit-tap-highlight-color:transparent}body{margin:0;font:400 var(--dv-text-m) / var(--dv-text-m-leading) var(--dv-font-text)}:root[data-widget-layout=inline] body{background:transparent;padding:2px}:root[data-widget-layout=panel] body,:root:not([data-widget-layout]) body{background:var(--dv-panel);padding:var(--dv-space-6) var(--dv-space-5)}:root:not([data-widget-layout]) body{max-width:60rem;margin-inline:auto}body>*+*{margin-top:var(--dv-gap)}h1,h2,h3,h4,p,ul,ol,dl,figure,blockquote,pre,table{margin:0}h1,h2,h3,h4{font-family:var(--dv-font-heading);color:var(--dv-text);text-wrap:balance;letter-spacing:-.01em}h1{font-size:calc(var(--dv-font-offset) + 1.25rem);line-height:1.2;font-weight:650}h2{font-size:var(--dv-ui-l);line-height:1.3;font-weight:600}h3{font-size:var(--dv-text-m);line-height:var(--dv-text-m-leading);font-weight:600}h4{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);font-weight:600;color:var(--dv-text-muted)}p{text-wrap:pretty}small,figcaption,caption{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}strong,b{font-weight:600}a{color:var(--dv-link);text-decoration:none}a:hover{color:var(--dv-link-hover);text-decoration:underline;text-underline-offset:.15em}ul,ol{padding-left:1.25em}li+li{margin-top:var(--dv-space-1)}li::marker{color:var(--dv-text-faint)}hr{border:0;border-top:1px solid var(--dv-border);margin:var(--dv-space-4) 0}code,kbd,pre,samp{font-family:var(--dv-font-mono);font-size:.875em}code{padding:.1em .35em;border-radius:var(--dv-radius-xs);background:var(--dv-fill)}pre{padding:var(--dv-space-3) var(--dv-space-4);border-radius:var(--dv-radius-m);background:var(--dv-surface-sunk);overflow-x:auto;line-height:1.55}pre code{padding:0;background:none;font-size:inherit}kbd{display:inline-block;min-width:1.6em;padding:.05em .4em;border-radius:var(--dv-radius-xs);background:var(--dv-surface);box-shadow:var(--dv-shadow-control);text-align:center;font-size:var(--dv-ui-xs)}blockquote{padding-left:var(--dv-space-4);border-left:3px solid var(--dv-border-strong);color:var(--dv-text-muted)}mark{background:var(--dv-highlight);color:inherit;border-radius:3px;padding:0 .15em}img,svg,video,canvas{max-width:100%}img,video{height:auto;border-radius:var(--dv-radius-m)}table{width:100%;border-collapse:collapse;font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);font-variant-numeric:tabular-nums}th,td{padding:var(--dv-space-2) var(--dv-space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--dv-border)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}th{font-weight:500;color:var(--dv-text-muted);white-space:nowrap}tbody tr:last-child td{border-bottom:0}tfoot td{font-weight:600;border-top:1px solid var(--dv-border-strong);border-bottom:0}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--dv-space-2);height:var(--dv-control);padding:0 calc(var(--dv-control) / 2);border:0;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong);color:var(--dv-text);font:500 var(--dv-ui-s) / 1 var(--dv-font-text);white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dv-duration) var(--dv-ease),transform var(--dv-duration) var(--dv-ease),opacity var(--dv-duration) var(--dv-ease)}button:hover,.button:hover{background:color-mix(in srgb,var(--dv-fill-strong),var(--dv-text) 6%);color:var(--dv-text);text-decoration:none}button:active,.button:active{transform:scale(.97)}button.primary,.button.primary{background:var(--dv-accent);color:var(--dv-on-accent)}button.primary:hover,.button.primary:hover{background:var(--dv-accent-hover);color:var(--dv-on-accent)}button.ghost,.button.ghost{background:transparent}button.ghost:hover,.button.ghost:hover{background:var(--dv-fill)}button.danger,.button.danger{background:var(--dv-negative-pale);color:var(--dv-negative-text)}button.small,.button.small{height:calc(var(--dv-control) - var(--dv-space-2));padding:0 var(--dv-space-3);font-size:var(--dv-ui-xs)}button.large,.button.large{height:calc(var(--dv-control) + var(--dv-space-2));padding:0 var(--dv-space-5);font-size:var(--dv-ui-m)}button.icon,.button.icon{width:var(--dv-control);padding:0}button:disabled,.button[aria-disabled=true]{opacity:var(--dv-disabled-opacity);pointer-events:none}:focus-visible{outline:2px solid var(--dv-ring);outline-offset:2px}label{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea{width:100%;min-width:0;height:var(--dv-control);padding:0 var(--dv-space-3);border:1px solid var(--dv-border-strong);border-radius:var(--dv-radius-s);background:var(--dv-surface);color:var(--dv-text);font:400 var(--dv-ui-s) / 1.3 var(--dv-font-text);transition:border-color var(--dv-duration) var(--dv-ease)}textarea{height:auto;min-height:calc(var(--dv-control) * 2.5);padding:var(--dv-space-2) var(--dv-space-3);resize:vertical;line-height:var(--dv-text-s-leading)}input:hover,select:hover,textarea:hover{border-color:var(--dv-border-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--dv-ring)}::placeholder{color:var(--dv-text-faint)}select{-webkit-appearance:none;appearance:none;padding-right:calc(var(--dv-space-3) + 1rem);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6.5 3 3 3-3'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right var(--dv-space-2) center}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;flex:none;display:inline-grid;place-content:center;width:1.125rem;height:1.125rem;margin:0;vertical-align:-.2em;border:1.5px solid var(--dv-border-hover);border-radius:.3125rem;background:var(--dv-surface);cursor:pointer;transition:background-color var(--dv-duration) var(--dv-ease),border-color var(--dv-duration) var(--dv-ease)}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--dv-accent);background:var(--dv-accent)}input[type=checkbox]:checked:after{content:\"\";width:.625rem;height:.625rem;background:var(--dv-on-accent);clip-path:polygon(14% 44%,0 65%,43% 100%,100% 22%,84% 7%,41% 66%)}input[type=radio]:checked:after{content:\"\";width:.4375rem;height:.4375rem;border-radius:50%;background:var(--dv-on-accent)}input[type=checkbox][role=switch]{width:2.375rem;height:1.375rem;padding:2px;place-content:center start;border:0;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong)}input[type=checkbox][role=switch]:after{content:\"\";width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;clip-path:none;box-shadow:0 1px 3px #0003;transition:translate var(--dv-duration-slow) var(--dv-ease-emphasized)}input[type=checkbox][role=switch]:checked{background:var(--dv-switch-on)}input[type=checkbox][role=switch]:checked:after{translate:1rem 0}:where(label:has(>input[type=checkbox],>input[type=radio])){display:inline-flex;align-items:center;gap:var(--dv-space-2);color:var(--dv-text);font-size:var(--dv-ui-s);cursor:pointer}input[type=range]{--fill: 50%;-webkit-appearance:none;appearance:none;width:100%;height:1.5rem;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--dv-accent) var(--fill),var(--dv-fill-strong) var(--fill))}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--dv-fill-strong)}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--dv-accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--dv-ring)}output{font-variant-numeric:tabular-nums;font-weight:600}progress,meter{-webkit-appearance:none;appearance:none;width:100%;height:6px;border:0;border-radius:3px;background:var(--dv-fill-strong);overflow:hidden}progress::-webkit-progress-bar{background:var(--dv-fill-strong)}progress::-webkit-progress-value{border-radius:3px;background:var(--dv-accent)}progress::-moz-progress-bar{border-radius:3px;background:var(--dv-accent)}meter::-webkit-meter-bar{border:0;background:var(--dv-fill-strong)}meter::-webkit-meter-optimum-value{background:var(--dv-positive)}meter::-webkit-meter-suboptimum-value{background:var(--dv-warning)}meter::-webkit-meter-even-less-good-value{background:var(--dv-negative)}details{border-bottom:1px solid var(--dv-border)}summary{display:flex;align-items:center;justify-content:space-between;gap:var(--dv-space-3);padding:var(--dv-space-3) 0;font-weight:500;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:\"\";flex:none;width:.5rem;height:.5rem;border-right:1.5px solid var(--dv-text-faint);border-bottom:1.5px solid var(--dv-text-faint);rotate:45deg;translate:0 -2px;transition:rotate var(--dv-duration-slow) var(--dv-ease-emphasized)}details[open]>summary:after{rotate:225deg;translate:0 2px}details>:not(summary){padding-bottom:var(--dv-space-3);color:var(--dv-text-muted)}fieldset{margin:0;padding:0;border:0}legend{padding:0;margin-bottom:var(--dv-space-2);font-size:var(--dv-text-s);color:var(--dv-text-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}.stack{display:flex;flex-direction:column;gap:var(--dv-gap)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dv-space-2)}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.top{align-items:flex-start}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min, 10rem),100%),1fr));gap:var(--dv-gap)}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media not (min-width:36rem){.grid.cols-3{grid-template-columns:minmax(0,1fr)}.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid:is(.cols-2,.cols-4)>:last-child:nth-child(odd){grid-column:1 / -1}}.gap-s{--dv-gap: var(--dv-space-2)}.gap-l{--dv-gap: var(--dv-space-5)}.grow{flex:1 1 0;min-width:0}.card{display:flex;flex-direction:column;gap:var(--dv-gap);padding:var(--dv-space-4);border-radius:var(--dv-radius-l);background:var(--dv-surface);box-shadow:var(--dv-shadow-surface);min-width:0}.card>*+*{margin-top:0}.card.sunk{background:var(--dv-fill);box-shadow:none}.card.glass{background:var(--dv-glass);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:var(--dv-shadow-surface),inset 0 1px #ffffff1f}.card.flat{padding:0;background:none;box-shadow:none}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--dv-space-3)}.card-head>div>*+*{margin-top:.125rem}.card-title{font:600 var(--dv-ui-m) / 1.3 var(--dv-font-heading);letter-spacing:-.01em}.card-subtitle,.muted{color:var(--dv-text-muted)}.card-subtitle{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.faint{color:var(--dv-text-faint)}.small{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.caption{font-size:var(--dv-ui-xs);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--dv-text-faint)}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.stat{display:flex;flex-direction:column;gap:var(--dv-space-1);min-width:0}.stat>*+*{margin-top:0}.stat-label{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}.stat-value{font:700 var(--dv-display) / var(--dv-display-leading) var(--dv-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat.small .stat-value{font-size:calc(var(--dv-font-offset) + 1.375rem)}.stat-delta{font-size:var(--dv-ui-xs);font-weight:500;color:var(--dv-text-muted)}.stat-delta.up,.positive-text{color:var(--dv-positive-text)}.stat-delta.down,.negative-text{color:var(--dv-negative-text)}.badge{display:inline-flex;align-items:center;gap:.25rem;height:1.375rem;padding:0 .5rem;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong);color:var(--dv-text);font:500 var(--dv-ui-xs) / 1 var(--dv-font-text);white-space:nowrap;vertical-align:middle}.badge.positive{background:var(--dv-positive-pale);color:var(--dv-positive-text)}.badge.negative{background:var(--dv-negative-pale);color:var(--dv-negative-text)}.badge.warning{background:var(--dv-warning-pale);color:var(--dv-warning-text)}.badge.info{background:var(--dv-info-pale);color:var(--dv-info-text)}.badge.outline{background:none;box-shadow:inset 0 0 0 1px var(--dv-border-strong)}.callout{display:flex;gap:var(--dv-space-3);padding:var(--dv-space-3) var(--dv-space-4);border-radius:var(--dv-radius-m);background:var(--dv-fill);font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.callout>svg{flex:none;width:1.125rem;height:1.125rem;margin-top:.0625rem}.callout strong{display:block}.callout.info{background:var(--dv-info-pale)}.callout.positive{background:var(--dv-positive-pale)}.callout.warning{background:var(--dv-warning-pale)}.callout.negative{background:var(--dv-negative-pale)}.callout.info>svg,.callout.info strong{color:var(--dv-info-text)}.callout.positive>svg,.callout.positive strong{color:var(--dv-positive-text)}.callout.warning>svg,.callout.warning strong{color:var(--dv-warning-text)}.callout.negative>svg,.callout.negative strong{color:var(--dv-negative-text)}.segmented{display:inline-flex;padding:2px;gap:2px;border-radius:var(--dv-radius-pill);background:var(--dv-surface);box-shadow:var(--dv-shadow-control);max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented>button,.segmented>label{flex:1 0 auto;height:calc(var(--dv-control) - 4px);padding:0 var(--dv-space-3);border-radius:var(--dv-radius-pill);background:transparent;color:var(--dv-text-muted);font:500 var(--dv-ui-s) / 1 var(--dv-font-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--dv-duration) var(--dv-ease),color var(--dv-duration) var(--dv-ease)}.segmented>button:hover,.segmented>label:hover{background:transparent;color:var(--dv-text)}.segmented>button:active{transform:none}.segmented>label>input{position:absolute;opacity:0;pointer-events:none}.segmented>button[aria-pressed=true],.segmented>button[aria-selected=true],.segmented>label:has(>input:checked){background:var(--dv-segment-puck);color:var(--dv-text);box-shadow:0 1px 2px #00000014}.segmented.block{display:flex}.tabs{display:flex;gap:var(--dv-space-5);border-bottom:1px solid var(--dv-border);overflow-x:auto;scrollbar-width:none}.tabs>button{height:auto;padding:var(--dv-space-2) 0;border-radius:0;background:none;color:var(--dv-text-muted);box-shadow:inset 0 -2px 0 transparent}.tabs>button:hover{background:none;color:var(--dv-text)}.tabs>button:active{transform:none}.tabs>button[aria-selected=true]{color:var(--dv-text);box-shadow:inset 0 -2px 0 var(--dv-accent)}.progress{--value: 0;--tone: var(--dv-accent);position:relative;height:6px;border-radius:3px;background:var(--dv-fill-strong);overflow:hidden}.progress:after{content:\"\";position:absolute;inset:0 auto 0 0;width:calc(var(--value) * 1%);border-radius:inherit;background:var(--tone);transition:width var(--dv-duration-slow) var(--dv-ease-emphasized)}.progress.positive{--tone: var(--dv-positive)}.progress.warning{--tone: var(--dv-warning)}.progress.negative{--tone: var(--dv-negative)}.progress.info{--tone: var(--dv-info)}.list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.list>*+*{margin-top:0}.list-row{display:flex;align-items:center;gap:var(--dv-space-3);min-height:calc(var(--dv-control) + var(--dv-space-3));padding:var(--dv-space-2) 0;border-bottom:1px solid var(--dv-border);color:inherit;font-size:inherit;line-height:inherit;text-decoration:none}.list-row:last-child{border-bottom:0}a.list-row:hover,button.list-row:hover{color:inherit;text-decoration:none}button.list-row{width:100%;height:auto;border-radius:0;background:none;font:inherit;text-align:left;justify-content:flex-start}button.list-row:active{transform:none}.list-row>.grow>*+*{margin-top:.125rem}.list-title{font-weight:500}.list-subtitle{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}.tile{--hue: var(--dv-gray);flex:none;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--dv-radius-m);background:color-mix(in srgb,var(--hue) 16%,transparent);color:var(--hue)}.tile>svg{width:1.25rem;height:1.25rem}.steps{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;counter-reset:step}.steps>li{position:relative;margin:0;padding:0 0 var(--dv-space-4) calc(1.5rem + var(--dv-space-3));counter-increment:step}.steps>li:last-child{padding-bottom:0}.steps>li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--dv-fill-strong);font:600 var(--dv-ui-xs) / 1 var(--dv-font-text);color:var(--dv-text)}.steps>li:after{content:\"\";position:absolute;left:calc(.75rem - .5px);top:1.75rem;bottom:.25rem;width:1px;background:var(--dv-border-strong)}.steps>li:last-child:after{display:none}.steps>li.done:before{content:\"\\2713\";background:var(--dv-positive);color:#fff}.steps>li.current:before{background:var(--dv-accent);color:var(--dv-on-accent)}.steps>li>strong{display:block;line-height:1.5rem}.steps>li>p{color:var(--dv-text-muted);font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.field{display:flex;flex-direction:column;gap:var(--dv-space-1)}.field>*+*{margin-top:0}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dv-space-2)}.field-head output{font-size:var(--dv-ui-s)}.pairs{display:grid;grid-template-columns:auto 1fr;gap:var(--dv-space-2) var(--dv-space-4);margin:0;font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.pairs>dt{color:var(--dv-text-muted)}.pairs>dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.chart{position:relative;width:100%;height:var(--chart-height, 15rem)}.chart>canvas{position:absolute;inset:0}.divider{height:1px;background:var(--dv-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}svg.icon{flex:none;width:1.15em;height:1.15em;vertical-align:-.2em;stroke-width:1.75}i[data-icon]{display:inline-block;width:1.15em;height:1.15em}:where(.dialog,.popover,.menu,.tooltip,.toasts){position:absolute;z-index:20}.dialog,.dialog-scrim,.popover,.menu,.tooltip,.toasts,.dv-overlay-spacer{margin:0}.popover[hidden],.menu[hidden]{display:none}.dialog-scrim{position:absolute;inset:0 0 auto;z-index:19;background:#00000052;transition:opacity var(--dv-duration-slow) var(--dv-ease)}.dialog-scrim[data-state=closed]{opacity:0}.dialog{display:flex;flex-direction:column;gap:var(--dv-space-3);width:min(26rem,calc(100vw - 2rem));max-width:none;padding:var(--dv-space-5);border:0;border-radius:calc(var(--dv-radius-l) + .25rem);background:var(--dv-surface);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 1.5rem 3rem #0000002e;transition:opacity var(--dv-duration-slow) var(--dv-ease),scale var(--dv-duration-slow) var(--dv-ease-emphasized)}.dialog:not([open]):not([data-state]){display:none}.dialog>*+*{margin-top:0}.dialog h2,.dialog h3,.dialog-title{font:600 var(--dv-ui-l) / 1.3 var(--dv-font-heading)}.dialog p,.dialog-description{color:var(--dv-text-muted)}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--dv-space-2);margin-top:var(--dv-space-2)}@media not (min-width:36rem){.dialog-actions>*{flex:1 1 0}}:where(.popover,.menu){min-width:12rem;max-width:min(20rem,calc(100vw - 1rem));border-radius:var(--dv-radius-l);background:var(--dv-popover);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 0 0 1px var(--dv-border);transition:opacity var(--dv-duration) var(--dv-ease),scale var(--dv-duration-slow) var(--dv-ease-emphasized)}.popover{display:flex;flex-direction:column;gap:var(--dv-space-3);padding:var(--dv-space-4)}.popover>*+*{margin-top:0}.menu{display:flex;flex-direction:column;padding:var(--dv-space-1)}.menu>:where(button,a){justify-content:flex-start;gap:var(--dv-space-2);width:100%;height:calc(var(--dv-control) - .25rem);padding:0 var(--dv-space-3);border-radius:var(--dv-radius-s);background:transparent;color:var(--dv-text);font:400 var(--dv-ui-s) / 1 var(--dv-font-text);text-align:left;text-decoration:none}.menu>:where(button,a):is(:hover,:focus-visible){background:var(--dv-fill-strong);color:var(--dv-text);outline:none;text-decoration:none}.menu>:where(button,a):active{transform:none}.menu>:where(button,a)>svg{color:var(--dv-text-muted)}.menu>:is(button,a).danger,.menu>:is(button,a).danger>svg{background:transparent;color:var(--dv-negative-text)}.menu>:is(button,a).danger:is(:hover,:focus-visible){background:var(--dv-negative-pale)}.menu>:where(button,a)>kbd,.menu>:where(button,a)>.shortcut{margin-left:auto;color:var(--dv-text-faint);font-size:var(--dv-ui-xs)}.menu>hr{margin:var(--dv-space-1) var(--dv-space-2);border-top-color:var(--dv-border-strong)}.menu-label{padding:var(--dv-space-2) var(--dv-space-3) var(--dv-space-1);color:var(--dv-text-faint);font:500 var(--dv-ui-xs) / 1.2 var(--dv-font-text)}.tooltip{max-width:16rem;padding:.3125rem .5rem;border-radius:var(--dv-radius-s);background:color-mix(in srgb,var(--dv-text) 92%,transparent);color:var(--dv-surface);font:500 var(--dv-ui-xs) / 1.3 var(--dv-font-text);pointer-events:none;transition:opacity var(--dv-duration) var(--dv-ease)}.toasts{display:flex;flex-direction:column;align-items:center;gap:var(--dv-space-2);width:max-content;max-width:calc(100vw - 1rem);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--dv-space-2);min-height:calc(var(--dv-control) + .25rem);padding:var(--dv-space-2) var(--dv-space-2) var(--dv-space-2) var(--dv-space-4);border-radius:var(--dv-radius-pill);background:var(--dv-popover);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 0 0 1px var(--dv-border);font:500 var(--dv-ui-s) / 1.3 var(--dv-font-text);pointer-events:auto;transition:opacity var(--dv-duration-slow) var(--dv-ease),translate var(--dv-duration-slow) var(--dv-ease-emphasized)}.toast:not(:has(>button)){padding-right:var(--dv-space-4)}.toast>svg{flex:none;width:1.125rem;height:1.125rem}.toast.positive>svg{color:var(--dv-positive)}.toast.negative>svg{color:var(--dv-negative)}.toast.warning>svg{color:var(--dv-warning)}.toast.info>svg{color:var(--dv-info)}.toast[data-state=closed]{opacity:0;translate:0 .5rem}:where(.dialog,.popover,.menu)[data-state=closed]{opacity:0;scale:.96}.tooltip[data-state=closed]{opacity:0}svg text,svg .t{fill:var(--dv-text);font-family:var(--dv-font-text);font-size:13px;dominant-baseline:middle}svg .t-s{font-size:11px}svg .t-m{fill:var(--dv-text-muted)}svg .t-b{font-weight:600}svg .t-h{font-family:var(--dv-font-heading);font-size:15px;font-weight:600}svg .node{fill:var(--dv-surface);stroke:var(--dv-border-strong);stroke-width:1}svg .node.sunk{fill:var(--dv-surface-sunk);stroke:none}svg .edge,svg .arrow{fill:none;stroke:var(--dv-text-faint);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}svg .edge.dashed,svg .arrow.dashed{stroke-dasharray:4 4}svg .dot{fill:var(--dv-text-faint)}svg #dv-arrow path{fill:var(--dv-text-faint)}svg [class*=c-]{--hue: var(--dv-gray)}svg .c-red{--hue: var(--dv-red)}svg .c-orange{--hue: var(--dv-orange)}svg .c-yellow{--hue: var(--dv-yellow)}svg .c-green{--hue: var(--dv-green)}svg .c-teal{--hue: var(--dv-teal)}svg .c-blue{--hue: var(--dv-blue)}svg .c-indigo{--hue: var(--dv-indigo)}svg .c-purple{--hue: var(--dv-purple)}svg .c-pink{--hue: var(--dv-pink)}svg .c-gray{--hue: var(--dv-gray)}svg .node[class*=c-],svg [class*=c-] .node{fill:color-mix(in srgb,var(--hue) 14%,var(--dv-surface));stroke:color-mix(in srgb,var(--hue) 55%,transparent)}svg .edge[class*=c-],svg .arrow[class*=c-],svg [class*=c-] .edge,svg [class*=c-] .arrow{stroke:var(--hue)}svg text[class*=c-],svg [class*=c-] text{fill:color-mix(in srgb,var(--hue) 70%,var(--dv-text))}svg [class*=c-] .t-m{fill:var(--dv-text-muted)}svg .fill[class*=c-],svg [class*=c-] .fill{fill:var(--hue);stroke:none}.hue-red{--hue: var(--dv-red)}.hue-orange{--hue: var(--dv-orange)}.hue-yellow{--hue: var(--dv-yellow)}.hue-green{--hue: var(--dv-green)}.hue-teal{--hue: var(--dv-teal)}.hue-blue{--hue: var(--dv-blue)}.hue-indigo{--hue: var(--dv-indigo)}.hue-purple{--hue: var(--dv-purple)}.hue-pink{--hue: var(--dv-pink)}.hue-gray{--hue: var(--dv-gray)}}\n";
2
+ export const kitCss = "@layer dvina-tokens,theme,base,dvina,components,utilities;@import\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..700;1,14..32,400..700&family=Inter+Tight:wght@500..700&family=Manrope:wght@600..800&display=swap\";@layer dvina{:root{--dv-control: var(--dv-control-s);--dv-gap: var(--dv-space-4);-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(pointer:coarse){:root{--dv-control: calc(var(--dv-control-s) + var(--dv-space-2))}}*,*:before,*:after{box-sizing:border-box}html{color:var(--dv-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"cv11\",\"ss01\";-webkit-tap-highlight-color:transparent}body{margin:0;font:400 var(--dv-text-m) / var(--dv-text-m-leading) var(--dv-font-text)}:root[data-widget-layout=inline] body{background:transparent;padding:2px 2px 5px}:root[data-widget-layout=panel] body,:root:not([data-widget-layout]) body{background:var(--dv-panel);padding:var(--dv-space-6) var(--dv-space-5)}:root:not([data-widget-layout]) body{max-width:60rem;margin-inline:auto}body>*+*{margin-top:var(--dv-gap)}h1,h2,h3,h4,p,ul,ol,dl,figure,blockquote,pre,table{margin:0}h1,h2,h3,h4{font-family:var(--dv-font-heading);color:var(--dv-text);text-wrap:balance;letter-spacing:-.01em}h1{font-size:calc(var(--dv-font-offset) + 1.25rem);line-height:1.2;font-weight:650}h2{font-size:var(--dv-ui-l);line-height:1.3;font-weight:600}h3{font-size:var(--dv-text-m);line-height:var(--dv-text-m-leading);font-weight:600}h4{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);font-weight:600;color:var(--dv-text-muted)}p{text-wrap:pretty}small,figcaption,caption{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}strong,b{font-weight:600}a{color:var(--dv-link);text-decoration:none}a:hover{color:var(--dv-link-hover);text-decoration:underline;text-underline-offset:.15em}ul,ol{padding-left:1.25em}li+li{margin-top:var(--dv-space-1)}li::marker{color:var(--dv-text-faint)}hr{border:0;border-top:1px solid var(--dv-border);margin:var(--dv-space-4) 0}code,kbd,pre,samp{font-family:var(--dv-font-mono);font-size:.875em}code{padding:.1em .35em;border-radius:var(--dv-radius-xs);background:var(--dv-fill)}pre{padding:var(--dv-space-3) var(--dv-space-4);border-radius:var(--dv-radius-m);background:var(--dv-surface-sunk);overflow-x:auto;line-height:1.55}pre code{padding:0;background:none;font-size:inherit}kbd{display:inline-block;min-width:1.6em;padding:.05em .4em;border-radius:var(--dv-radius-xs);background:var(--dv-surface);box-shadow:var(--dv-shadow-control);text-align:center;font-size:var(--dv-ui-xs)}blockquote{padding-left:var(--dv-space-4);border-left:3px solid var(--dv-border-strong);color:var(--dv-text-muted)}mark{background:var(--dv-highlight);color:inherit;border-radius:3px;padding:0 .15em}img,svg,video,canvas{max-width:100%}img,video{height:auto;border-radius:var(--dv-radius-m)}table{width:100%;border-collapse:collapse;font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);font-variant-numeric:tabular-nums}th,td{padding:var(--dv-space-2) var(--dv-space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--dv-border)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}th{font-weight:500;color:var(--dv-text-muted);white-space:nowrap}tbody tr:last-child td{border-bottom:0}tfoot td{font-weight:600;border-top:1px solid var(--dv-border-strong);border-bottom:0}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--dv-space-2);height:var(--dv-control);padding:0 calc(var(--dv-control) / 2);border:0;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong);color:var(--dv-text);font:500 var(--dv-ui-s) / 1 var(--dv-font-text);white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dv-duration) var(--dv-ease),transform var(--dv-duration) var(--dv-ease),opacity var(--dv-duration) var(--dv-ease)}button:hover,.button:hover{background:color-mix(in srgb,var(--dv-fill-strong),var(--dv-text) 6%);color:var(--dv-text);text-decoration:none}button:active,.button:active{transform:scale(.97)}button.primary,.button.primary{background:var(--dv-accent);color:var(--dv-on-accent)}button.primary:hover,.button.primary:hover{background:var(--dv-accent-hover);color:var(--dv-on-accent)}button.ghost,.button.ghost{background:transparent}button.ghost:hover,.button.ghost:hover{background:var(--dv-fill)}button.danger,.button.danger{background:var(--dv-negative-pale);color:var(--dv-negative-text)}button.small,.button.small{height:calc(var(--dv-control) - var(--dv-space-2));padding:0 var(--dv-space-3);font-size:var(--dv-ui-xs)}button.large,.button.large{height:calc(var(--dv-control) + var(--dv-space-2));padding:0 var(--dv-space-5);font-size:var(--dv-ui-m)}button.icon,.button.icon{width:var(--dv-control);padding:0}button:disabled,.button[aria-disabled=true]{opacity:var(--dv-disabled-opacity);pointer-events:none}:focus-visible{outline:2px solid var(--dv-ring);outline-offset:2px}label{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea{width:100%;min-width:0;height:var(--dv-control);padding:0 var(--dv-space-3);border:1px solid var(--dv-border-strong);border-radius:var(--dv-radius-s);background:var(--dv-surface);color:var(--dv-text);font:400 var(--dv-ui-s) / 1.3 var(--dv-font-text);transition:border-color var(--dv-duration) var(--dv-ease)}textarea{height:auto;min-height:calc(var(--dv-control) * 2.5);padding:var(--dv-space-2) var(--dv-space-3);resize:vertical;line-height:var(--dv-text-s-leading)}input:hover,select:hover,textarea:hover{border-color:var(--dv-border-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--dv-ring)}::placeholder{color:var(--dv-text-faint)}select{-webkit-appearance:none;appearance:none;padding-right:calc(var(--dv-space-3) + 1rem);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6.5 3 3 3-3'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right var(--dv-space-2) center}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;flex:none;display:inline-grid;place-content:center;width:1.125rem;height:1.125rem;margin:0;vertical-align:-.2em;border:1.5px solid var(--dv-border-hover);border-radius:.3125rem;background:var(--dv-surface);cursor:pointer;transition:background-color var(--dv-duration) var(--dv-ease),border-color var(--dv-duration) var(--dv-ease)}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--dv-accent);background:var(--dv-accent)}input[type=checkbox]:checked:after{content:\"\";width:.625rem;height:.625rem;background:var(--dv-on-accent);clip-path:polygon(14% 44%,0 65%,43% 100%,100% 22%,84% 7%,41% 66%)}input[type=radio]:checked:after{content:\"\";width:.4375rem;height:.4375rem;border-radius:50%;background:var(--dv-on-accent)}input[type=checkbox][role=switch]{width:2.375rem;height:1.375rem;padding:2px;place-content:center start;border:0;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong)}input[type=checkbox][role=switch]:after{content:\"\";width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;clip-path:none;box-shadow:0 1px 3px #0003;transition:translate var(--dv-duration-slow) var(--dv-ease-emphasized)}input[type=checkbox][role=switch]:checked{background:var(--dv-switch-on)}input[type=checkbox][role=switch]:checked:after{translate:1rem 0}:where(label:has(>input[type=checkbox],>input[type=radio])){display:inline-flex;align-items:center;gap:var(--dv-space-2);color:var(--dv-text);font-size:var(--dv-ui-s);cursor:pointer}input[type=range]{--fill: 50%;-webkit-appearance:none;appearance:none;width:100%;height:1.5rem;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--dv-accent) var(--fill),var(--dv-fill-strong) var(--fill))}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--dv-fill-strong)}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--dv-accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--dv-ring)}output{font-variant-numeric:tabular-nums;font-weight:600}progress,meter{-webkit-appearance:none;appearance:none;width:100%;height:6px;border:0;border-radius:3px;background:var(--dv-fill-strong);overflow:hidden}progress::-webkit-progress-bar{background:var(--dv-fill-strong)}progress::-webkit-progress-value{border-radius:3px;background:var(--dv-accent)}progress::-moz-progress-bar{border-radius:3px;background:var(--dv-accent)}meter::-webkit-meter-bar{border:0;background:var(--dv-fill-strong)}meter::-webkit-meter-optimum-value{background:var(--dv-positive)}meter::-webkit-meter-suboptimum-value{background:var(--dv-warning)}meter::-webkit-meter-even-less-good-value{background:var(--dv-negative)}details{border-bottom:1px solid var(--dv-border)}summary{display:flex;align-items:center;justify-content:space-between;gap:var(--dv-space-3);padding:var(--dv-space-3) 0;font-weight:500;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:\"\";flex:none;width:.5rem;height:.5rem;border-right:1.5px solid var(--dv-text-faint);border-bottom:1.5px solid var(--dv-text-faint);rotate:45deg;translate:0 -2px;transition:rotate var(--dv-duration-slow) var(--dv-ease-emphasized)}details[open]>summary:after{rotate:225deg;translate:0 2px}details>:not(summary){padding-bottom:var(--dv-space-3);color:var(--dv-text-muted)}fieldset{margin:0;padding:0;border:0}legend{padding:0;margin-bottom:var(--dv-space-2);font-size:var(--dv-text-s);color:var(--dv-text-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}.stack{display:flex;flex-direction:column;gap:var(--dv-gap)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dv-space-2)}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.top{align-items:flex-start}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min, 10rem),100%),1fr));gap:var(--dv-gap)}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media not (min-width:36rem){.grid.cols-3{grid-template-columns:minmax(0,1fr)}.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid:is(.cols-2,.cols-4)>:last-child:nth-child(odd){grid-column:1 / -1}}.gap-s{--dv-gap: var(--dv-space-2)}.gap-l{--dv-gap: var(--dv-space-5)}.grow{flex:1 1 0;min-width:0}.card{display:flex;flex-direction:column;gap:var(--dv-gap);padding:var(--dv-space-4);border-radius:var(--dv-radius-l);background:var(--dv-surface);box-shadow:var(--dv-shadow-surface);min-width:0}.card>*+*{margin-top:0}.card.sunk{background:var(--dv-fill);box-shadow:none}.card.glass{background:var(--dv-glass);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:var(--dv-shadow-surface),inset 0 1px #ffffff1f}.card.flat{padding:0;background:none;box-shadow:none}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--dv-space-3)}.card-head>div>*+*{margin-top:.125rem}.card-title{font:600 var(--dv-ui-m) / 1.3 var(--dv-font-heading);letter-spacing:-.01em}.card-subtitle,.muted{color:var(--dv-text-muted)}.card-subtitle{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.faint{color:var(--dv-text-faint)}.small{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.caption{font-size:var(--dv-ui-xs);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--dv-text-faint)}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.stat{display:flex;flex-direction:column;gap:var(--dv-space-1);min-width:0}.stat>*+*{margin-top:0}.stat-label{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}.stat-value{font:700 var(--dv-display) / var(--dv-display-leading) var(--dv-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat.small .stat-value{font-size:calc(var(--dv-font-offset) + 1.375rem)}.stat-delta{font-size:var(--dv-ui-xs);font-weight:500;color:var(--dv-text-muted)}.stat-delta.up,.positive-text{color:var(--dv-positive-text)}.stat-delta.down,.negative-text{color:var(--dv-negative-text)}.badge{display:inline-flex;align-items:center;gap:.25rem;height:1.375rem;padding:0 .5rem;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong);color:var(--dv-text);font:500 var(--dv-ui-xs) / 1 var(--dv-font-text);white-space:nowrap;vertical-align:middle}.badge.positive{background:var(--dv-positive-pale);color:var(--dv-positive-text)}.badge.negative{background:var(--dv-negative-pale);color:var(--dv-negative-text)}.badge.warning{background:var(--dv-warning-pale);color:var(--dv-warning-text)}.badge.info{background:var(--dv-info-pale);color:var(--dv-info-text)}.badge.outline{background:none;box-shadow:inset 0 0 0 1px var(--dv-border-strong)}.callout{display:flex;gap:var(--dv-space-3);padding:var(--dv-space-3) var(--dv-space-4);border-radius:var(--dv-radius-m);background:var(--dv-fill);font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.callout>svg{flex:none;width:1.125rem;height:1.125rem;margin-top:.0625rem}.callout strong{display:block}.callout.info{background:var(--dv-info-pale)}.callout.positive{background:var(--dv-positive-pale)}.callout.warning{background:var(--dv-warning-pale)}.callout.negative{background:var(--dv-negative-pale)}.callout.info>svg,.callout.info strong{color:var(--dv-info-text)}.callout.positive>svg,.callout.positive strong{color:var(--dv-positive-text)}.callout.warning>svg,.callout.warning strong{color:var(--dv-warning-text)}.callout.negative>svg,.callout.negative strong{color:var(--dv-negative-text)}.segmented{display:inline-flex;padding:2px;gap:2px;border-radius:var(--dv-radius-pill);background:var(--dv-surface);box-shadow:var(--dv-shadow-control);max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented>button,.segmented>label{flex:1 0 auto;height:calc(var(--dv-control) - 4px);padding:0 var(--dv-space-3);border-radius:var(--dv-radius-pill);background:transparent;color:var(--dv-text-muted);font:500 var(--dv-ui-s) / 1 var(--dv-font-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--dv-duration) var(--dv-ease),color var(--dv-duration) var(--dv-ease)}.segmented>button:hover,.segmented>label:hover{background:transparent;color:var(--dv-text)}.segmented>button:active{transform:none}.segmented>label>input{position:absolute;opacity:0;pointer-events:none}.segmented>button[aria-pressed=true],.segmented>button[aria-selected=true],.segmented>label:has(>input:checked){background:var(--dv-segment-puck);color:var(--dv-text);box-shadow:0 1px 2px #00000014}.segmented.block{display:flex}.tabs{display:flex;gap:var(--dv-space-5);border-bottom:1px solid var(--dv-border);overflow-x:auto;scrollbar-width:none}.tabs>button{height:auto;padding:var(--dv-space-2) 0;border-radius:0;background:none;color:var(--dv-text-muted);box-shadow:inset 0 -2px 0 transparent}.tabs>button:hover{background:none;color:var(--dv-text)}.tabs>button:active{transform:none}.tabs>button[aria-selected=true]{color:var(--dv-text);box-shadow:inset 0 -2px 0 var(--dv-accent)}.progress{--value: 0;--tone: var(--dv-accent);position:relative;height:6px;border-radius:3px;background:var(--dv-fill-strong);overflow:hidden}.progress:after{content:\"\";position:absolute;inset:0 auto 0 0;width:calc(var(--value) * 1%);border-radius:inherit;background:var(--tone);transition:width var(--dv-duration-slow) var(--dv-ease-emphasized)}.progress.positive{--tone: var(--dv-positive)}.progress.warning{--tone: var(--dv-warning)}.progress.negative{--tone: var(--dv-negative)}.progress.info{--tone: var(--dv-info)}.list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.list>*+*{margin-top:0}.list-row{display:flex;align-items:center;gap:var(--dv-space-3);min-height:calc(var(--dv-control) + var(--dv-space-3));padding:var(--dv-space-2) 0;border-bottom:1px solid var(--dv-border);color:inherit;font-size:inherit;line-height:inherit;text-decoration:none}.list-row:last-child{border-bottom:0}a.list-row:hover,button.list-row:hover{color:inherit;text-decoration:none}button.list-row{width:100%;height:auto;border-radius:0;background:none;font:inherit;text-align:left;justify-content:flex-start}button.list-row:active{transform:none}.list-row>.grow>*+*{margin-top:.125rem}.list-title{font-weight:500}.list-subtitle{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}.tile{--hue: var(--dv-gray);flex:none;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--dv-radius-m);background:color-mix(in srgb,var(--hue) 16%,transparent);color:var(--hue)}.tile>svg{width:1.25rem;height:1.25rem}.steps{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;counter-reset:step}.steps>li{position:relative;margin:0;padding:0 0 var(--dv-space-4) calc(1.5rem + var(--dv-space-3));counter-increment:step}.steps>li:last-child{padding-bottom:0}.steps>li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--dv-fill-strong);font:600 var(--dv-ui-xs) / 1 var(--dv-font-text);color:var(--dv-text)}.steps>li:after{content:\"\";position:absolute;left:calc(.75rem - .5px);top:1.75rem;bottom:.25rem;width:1px;background:var(--dv-border-strong)}.steps>li:last-child:after{display:none}.steps>li.done:before{content:\"\\2713\";background:var(--dv-positive);color:#fff}.steps>li.current:before{background:var(--dv-accent);color:var(--dv-on-accent)}.steps>li>strong{display:block;line-height:1.5rem}.steps>li>p{color:var(--dv-text-muted);font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.field{display:flex;flex-direction:column;gap:var(--dv-space-1)}.field>*+*{margin-top:0}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dv-space-2)}.field-head output{font-size:var(--dv-ui-s)}.pairs{display:grid;grid-template-columns:auto 1fr;gap:var(--dv-space-2) var(--dv-space-4);margin:0;font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.pairs>dt{color:var(--dv-text-muted)}.pairs>dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.chart{position:relative;width:100%;height:var(--chart-height, 15rem)}.chart>canvas{position:absolute;inset:0}.divider{height:1px;background:var(--dv-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}svg.icon{flex:none;width:1.15em;height:1.15em;vertical-align:-.2em;stroke-width:1.75}i[data-icon]{display:inline-block;width:1.15em;height:1.15em}:where(.dialog,.popover,.menu,.tooltip,.toasts){position:absolute;z-index:20}.dialog,.dialog-scrim,.popover,.menu,.tooltip,.toasts,.dv-overlay-spacer{margin:0}.popover[hidden],.menu[hidden]{display:none}.dialog-scrim{position:absolute;inset:0 0 auto;z-index:19;background:#00000052;transition:opacity var(--dv-duration-slow) var(--dv-ease)}.dialog-scrim[data-state=closed]{opacity:0}.dialog{display:flex;flex-direction:column;gap:var(--dv-space-3);width:min(26rem,calc(100vw - 2rem));max-width:none;padding:var(--dv-space-5);border:0;border-radius:calc(var(--dv-radius-l) + .25rem);background:var(--dv-surface);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 1.5rem 3rem #0000002e;transition:opacity var(--dv-duration-slow) var(--dv-ease),scale var(--dv-duration-slow) var(--dv-ease-emphasized)}.dialog:not([open]):not([data-state]){display:none}.dialog>*+*{margin-top:0}.dialog h2,.dialog h3,.dialog-title{font:600 var(--dv-ui-l) / 1.3 var(--dv-font-heading)}.dialog p,.dialog-description{color:var(--dv-text-muted)}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--dv-space-2);margin-top:var(--dv-space-2)}@media not (min-width:36rem){.dialog-actions>*{flex:1 1 0}}:where(.popover,.menu){min-width:12rem;max-width:min(20rem,calc(100vw - 1rem));border-radius:var(--dv-radius-l);background:var(--dv-popover);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 0 0 1px var(--dv-border);transition:opacity var(--dv-duration) var(--dv-ease),scale var(--dv-duration-slow) var(--dv-ease-emphasized)}.popover{display:flex;flex-direction:column;gap:var(--dv-space-3);padding:var(--dv-space-4)}.popover>*+*{margin-top:0}.menu{display:flex;flex-direction:column;padding:var(--dv-space-1)}.menu>:where(button,a){justify-content:flex-start;gap:var(--dv-space-2);width:100%;height:calc(var(--dv-control) - .25rem);padding:0 var(--dv-space-3);border-radius:var(--dv-radius-s);background:transparent;color:var(--dv-text);font:400 var(--dv-ui-s) / 1 var(--dv-font-text);text-align:left;text-decoration:none}.menu>:where(button,a):is(:hover,:focus-visible){background:var(--dv-fill-strong);color:var(--dv-text);outline:none;text-decoration:none}.menu>:where(button,a):active{transform:none}.menu>:where(button,a)>svg{color:var(--dv-text-muted)}.menu>:is(button,a).danger,.menu>:is(button,a).danger>svg{background:transparent;color:var(--dv-negative-text)}.menu>:is(button,a).danger:is(:hover,:focus-visible){background:var(--dv-negative-pale)}.menu>:where(button,a)>kbd,.menu>:where(button,a)>.shortcut{margin-left:auto;color:var(--dv-text-faint);font-size:var(--dv-ui-xs)}.menu>hr{margin:var(--dv-space-1) var(--dv-space-2);border-top-color:var(--dv-border-strong)}.menu-label{padding:var(--dv-space-2) var(--dv-space-3) var(--dv-space-1);color:var(--dv-text-faint);font:500 var(--dv-ui-xs) / 1.2 var(--dv-font-text)}.tooltip{max-width:16rem;padding:.3125rem .5rem;border-radius:var(--dv-radius-s);background:color-mix(in srgb,var(--dv-text) 92%,transparent);color:var(--dv-surface);font:500 var(--dv-ui-xs) / 1.3 var(--dv-font-text);pointer-events:none;transition:opacity var(--dv-duration) var(--dv-ease)}.toasts{display:flex;flex-direction:column;align-items:center;gap:var(--dv-space-2);width:max-content;max-width:calc(100vw - 1rem);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--dv-space-2);min-height:calc(var(--dv-control) + .25rem);padding:var(--dv-space-2) var(--dv-space-2) var(--dv-space-2) var(--dv-space-4);border-radius:var(--dv-radius-pill);background:var(--dv-popover);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 0 0 1px var(--dv-border);font:500 var(--dv-ui-s) / 1.3 var(--dv-font-text);pointer-events:auto;transition:opacity var(--dv-duration-slow) var(--dv-ease),translate var(--dv-duration-slow) var(--dv-ease-emphasized)}.toast:not(:has(>button)){padding-right:var(--dv-space-4)}.toast>svg{flex:none;width:1.125rem;height:1.125rem}.toast.positive>svg{color:var(--dv-positive)}.toast.negative>svg{color:var(--dv-negative)}.toast.warning>svg{color:var(--dv-warning)}.toast.info>svg{color:var(--dv-info)}.toast[data-state=closed]{opacity:0;translate:0 .5rem}:where(.dialog,.popover,.menu)[data-state=closed]{opacity:0;scale:.96}.tooltip[data-state=closed]{opacity:0}svg text,svg .t{fill:var(--dv-text);font-family:var(--dv-font-text);font-size:13px;dominant-baseline:middle}svg .t-s{font-size:11px}svg .t-m{fill:var(--dv-text-muted)}svg .t-b{font-weight:600}svg .t-h{font-family:var(--dv-font-heading);font-size:15px;font-weight:600}svg .node{fill:var(--dv-surface);stroke:var(--dv-border-strong);stroke-width:1}svg .node.sunk{fill:var(--dv-surface-sunk);stroke:none}svg .edge,svg .arrow{fill:none;stroke:var(--dv-text-faint);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}svg .edge.dashed,svg .arrow.dashed{stroke-dasharray:4 4}svg .dot{fill:var(--dv-text-faint)}svg #dv-arrow path{fill:var(--dv-text-faint)}svg [class*=c-]{--hue: var(--dv-gray)}svg .c-red{--hue: var(--dv-red)}svg .c-orange{--hue: var(--dv-orange)}svg .c-yellow{--hue: var(--dv-yellow)}svg .c-green{--hue: var(--dv-green)}svg .c-teal{--hue: var(--dv-teal)}svg .c-blue{--hue: var(--dv-blue)}svg .c-indigo{--hue: var(--dv-indigo)}svg .c-purple{--hue: var(--dv-purple)}svg .c-pink{--hue: var(--dv-pink)}svg .c-gray{--hue: var(--dv-gray)}svg .node[class*=c-],svg [class*=c-] .node{fill:color-mix(in srgb,var(--hue) 14%,var(--dv-surface));stroke:color-mix(in srgb,var(--hue) 55%,transparent)}svg .edge[class*=c-],svg .arrow[class*=c-],svg [class*=c-] .edge,svg [class*=c-] .arrow{stroke:var(--hue)}svg text[class*=c-],svg [class*=c-] text{fill:color-mix(in srgb,var(--hue) 70%,var(--dv-text))}svg [class*=c-] .t-m{fill:var(--dv-text-muted)}svg .fill[class*=c-],svg [class*=c-] .fill{fill:var(--hue);stroke:none}.hue-red{--hue: var(--dv-red)}.hue-orange{--hue: var(--dv-orange)}.hue-yellow{--hue: var(--dv-yellow)}.hue-green{--hue: var(--dv-green)}.hue-teal{--hue: var(--dv-teal)}.hue-blue{--hue: var(--dv-blue)}.hue-indigo{--hue: var(--dv-indigo)}.hue-purple{--hue: var(--dv-purple)}.hue-pink{--hue: var(--dv-pink)}.hue-gray{--hue: var(--dv-gray)}}\n";
3
3
  export const kitScript = "\"use strict\";(()=>{var E1=\"dvina-artifact-renderer:theme\";function f(t){let e=document.createElement(\"span\");e.style.color=`var(${t})`,e.style.display=\"none\",document.documentElement.appendChild(e);let a=getComputedStyle(e).color;return e.remove(),a}function u(){let t=getComputedStyle(document.documentElement);return{series:Array.from({length:8},(e,a)=>f(`--dv-chart-${a+1}`)),text:f(\"--dv-text\"),muted:f(\"--dv-text-muted\"),grid:f(\"--dv-border\"),surface:f(\"--dv-surface\"),font:t.getPropertyValue(\"--dv-font-text\").trim()||\"Inter, sans-serif\"}}var A=null;function U(t){let e=u(),a=t.defaults;a.font={...a.font,family:e.font,size:12},a.color=e.muted,a.borderColor=e.grid,a.maintainAspectRatio=!1;let n=window.matchMedia?.(\"(prefers-reduced-motion: reduce)\").matches;a.animation=n?!1:{...a.animation??{},duration:400},a.elements=a.elements??{},a.elements.bar={...a.elements.bar,borderRadius:6,borderSkipped:!1},a.datasets=a.datasets??{},a.datasets.radar={...a.datasets.radar,tension:0},a.datasets.bar={...a.datasets.bar,maxBarThickness:32,categoryPercentage:.7,barPercentage:.85},a.elements.line={...a.elements.line,tension:.35,borderWidth:2},a.elements.point={...a.elements.point,radius:0,hoverRadius:4},a.elements.arc={...a.elements.arc,borderWidth:0},a.plugins=a.plugins??{},a.plugins.legend={...a.plugins.legend,position:\"top\",align:\"start\",labels:{...a.plugins.legend?.labels,usePointStyle:!0,pointStyle:\"circle\",boxWidth:6,boxHeight:6,padding:14,font:{size:11}}},a.plugins.tooltip={...a.plugins.tooltip,backgroundColor:e.surface,titleColor:e.text,bodyColor:e.text,borderColor:e.grid,borderWidth:1,padding:10,cornerRadius:10,boxPadding:4,usePointStyle:!0},a.scale=a.scale??{},a.scale.grid={...a.scale.grid,color:e.grid,drawTicks:!1},a.scale.border={...a.scale.border,display:!1},a.scale.ticks={...a.scale.ticks,padding:8,maxRotation:0,autoSkip:!0,autoSkipPadding:16};let r=a.scales??{};for(let o of[\"category\",\"time\",\"timeseries\"])r[o]&&(r[o].grid={...r[o].grid,display:!1});for(let o of[\"linear\",\"logarithmic\"])r[o]&&(r[o].ticks={...r[o].ticks,maxTicksLimit:5});r.radialLinear&&(r.radialLinear.grid={...r.radialLinear.grid,color:e.grid},r.radialLinear.angleLines={...r.radialLinear.angleLines,color:e.grid},r.radialLinear.ticks={...r.radialLinear.ticks,backdropColor:\"transparent\",maxTicksLimit:5})}function L(t,e){let a=document.createElement(\"canvas\").getContext(\"2d\");if(!a)return t;a.fillStyle=t;let n=String(a.fillStyle),r=/^#([0-9a-f]{6})$/i.exec(n);if(r){let d=Number.parseInt(r[1],16);return`rgba(${d>>16}, ${d>>8&255}, ${d&255}, ${e})`}let o=/^rgba?\\(([^,]+),([^,]+),([^,)]+)/i.exec(n);return o?`rgba(${o[1]},${o[2]},${o[3]}, ${e})`:t}var A1=new Set([\"pie\",\"doughnut\",\"polarArea\"]);function w1(t){let e=u(),a=t.config?.type;t.data?.datasets?.forEach((n,r)=>{if(n.__dvAuto===void 0&&(n.__dvAuto=n.borderColor===void 0&&n.backgroundColor===void 0),!n.__dvAuto)return;let o=n.type??a;if(A1.has(o)){n.backgroundColor=n.data.map((i,l)=>e.series[l%8]);return}let d=e.series[r%8];n.borderColor=d,n.pointBackgroundColor=d,n.backgroundColor=o===\"line\"||o===\"radar\"?L(d,.08):d})}function Y(t=window.Chart){if(!t?.defaults)return;A=t,U(t);let e=t.register;typeof e==\"function\"&&!t.__dvPlugin&&(t.__dvPlugin=!0,e.call(t,{id:\"dvina-colours\",beforeUpdate:w1}))}var I=new Set,w=null;function L1(){let t=u(),e={axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:t.muted,fontFamily:t.font,rotate:0,hideOverlap:!0},splitLine:{lineStyle:{color:t.grid}}},a={...e,splitLine:{show:!1}};return{color:t.series,backgroundColor:\"transparent\",textStyle:{fontFamily:t.font,color:t.text},title:{textStyle:{color:t.text},subtextStyle:{color:t.muted}},legend:{left:0,top:0,textStyle:{color:t.muted,fontSize:11},icon:\"circle\",itemWidth:6,itemHeight:6},tooltip:{backgroundColor:t.surface,borderColor:t.grid,textStyle:{color:t.text},extraCssText:\"border-radius: 10px; box-shadow: 0 6px 24px rgb(0 0 0 / 0.12);\"},categoryAxis:a,valueAxis:{...e,splitNumber:4},timeAxis:a,logAxis:e,bar:{itemStyle:{borderRadius:[6,6,0,0]}},line:{smooth:!0,symbol:\"none\",lineStyle:{width:2}},pie:{itemStyle:{borderWidth:0}}}}function H(t=window.echarts){return t&&(w=t,t.registerTheme(\"dvina\",L1())),\"dvina\"}function J(t,e,a=window.echarts){if(!a)throw new Error(\"Load ECharts before Dvina.chart.echartsChart\");H(a);let n=a.init(t,\"dvina\",{renderer:\"svg\"});n.setOption(e);let r={element:t,instance:n,option:e};return I.add(r),new ResizeObserver(()=>r.instance.resize()).observe(t),{setOption(o,d){r.instance.setOption(o,d),r.option=r.instance.getOption()},get instance(){return r.instance}}}function K(){let t=u(),a={tick:{fill:t.muted,fontSize:12,fontFamily:t.font},axisLine:!1,tickLine:!1,tickMargin:8,minTickGap:16},n=!window.matchMedia?.(\"(prefers-reduced-motion: reduce)\").matches,r=new Intl.NumberFormat(navigator.language||\"en-US\",{notation:\"compact\",maximumFractionDigits:1});return{series:t.series,axis:a,valueAxis:{...a,width:44,tickCount:5,tickFormatter:o=>typeof o==\"number\"?r.format(o):String(o)},grid:{stroke:t.grid,vertical:!1},tooltip:{contentStyle:{background:t.surface,border:`1px solid ${t.grid}`,borderRadius:10,boxShadow:\"0 6px 24px rgb(0 0 0 / 0.12)\",fontFamily:t.font,fontSize:12,color:t.text},labelStyle:{color:t.text,fontWeight:600},itemStyle:{color:t.text},cursor:{fill:L(t.text,.05),stroke:t.grid}},legend:{iconType:\"circle\",iconSize:6,align:\"left\",verticalAlign:\"top\",wrapperStyle:{fontFamily:t.font,fontSize:11,color:t.muted,paddingBottom:8}},line:(o=0)=>({stroke:t.series[o%8],strokeWidth:2,dot:!1,activeDot:{r:4},isAnimationActive:n}),area:(o=0)=>({stroke:t.series[o%8],strokeWidth:2,fill:t.series[o%8],fillOpacity:.08,isAnimationActive:n}),bar:(o=0)=>({fill:t.series[o%8],radius:[6,6,0,0],maxBarSize:32,isAnimationActive:n})}}function Z(){if(A){U(A);for(let t of Object.values(A.instances??{}))t.update(\"none\")}if(w){H(w);for(let t of I){if(!t.element.isConnected){I.delete(t);continue}let e=t.instance.getOption();t.instance.dispose(),t.instance=w.init(t.element,\"dvina\",{renderer:\"svg\"}),t.instance.setOption(e)}}}function X(){window.addEventListener(E1,()=>requestAnimationFrame(Z)),window.matchMedia?.(\"(prefers-color-scheme: dark)\").addEventListener?.(\"change\",()=>requestAnimationFrame(Z))}var Q={\"arrow-up\":[[\"path\",{d:\"m5 12 7-7 7 7\"}],[\"path\",{d:\"M12 19V5\"}]],\"arrow-down\":[[\"path\",{d:\"M12 5v14\"}],[\"path\",{d:\"m19 12-7 7-7-7\"}]],\"arrow-left\":[[\"path\",{d:\"m12 19-7-7 7-7\"}],[\"path\",{d:\"M19 12H5\"}]],\"arrow-right\":[[\"path\",{d:\"M5 12h14\"}],[\"path\",{d:\"m12 5 7 7-7 7\"}]],\"arrow-up-right\":[[\"path\",{d:\"M7 7h10v10\"}],[\"path\",{d:\"M7 17 17 7\"}]],\"arrow-down-right\":[[\"path\",{d:\"m7 7 10 10\"}],[\"path\",{d:\"M17 7v10H7\"}]],\"arrow-left-right\":[[\"path\",{d:\"M8 3 4 7l4 4\"}],[\"path\",{d:\"M4 7h16\"}],[\"path\",{d:\"m16 21 4-4-4-4\"}],[\"path\",{d:\"M20 17H4\"}]],\"arrow-up-down\":[[\"path\",{d:\"m21 16-4 4-4-4\"}],[\"path\",{d:\"M17 20V4\"}],[\"path\",{d:\"m3 8 4-4 4 4\"}],[\"path\",{d:\"M7 4v16\"}]],\"chevron-up\":[[\"path\",{d:\"m18 15-6-6-6 6\"}]],\"chevron-down\":[[\"path\",{d:\"m6 9 6 6 6-6\"}]],\"chevron-left\":[[\"path\",{d:\"m15 18-6-6 6-6\"}]],\"chevron-right\":[[\"path\",{d:\"m9 18 6-6-6-6\"}]],\"chevrons-up-down\":[[\"path\",{d:\"m7 15 5 5 5-5\"}],[\"path\",{d:\"m7 9 5-5 5 5\"}]],\"corner-down-right\":[[\"path\",{d:\"m15 10 5 5-5 5\"}],[\"path\",{d:\"M4 4v7a4 4 0 0 0 4 4h12\"}]],\"move-right\":[[\"path\",{d:\"M18 8L22 12L18 16\"}],[\"path\",{d:\"M2 12H22\"}]],\"refresh-cw\":[[\"path\",{d:\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"}],[\"path\",{d:\"M21 3v5h-5\"}],[\"path\",{d:\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"}],[\"path\",{d:\"M8 16H3v5\"}]],\"rotate-ccw\":[[\"path\",{d:\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"}],[\"path\",{d:\"M3 3v5h5\"}]],\"undo-2\":[[\"path\",{d:\"M9 14 4 9l5-5\"}],[\"path\",{d:\"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11\"}]],\"redo-2\":[[\"path\",{d:\"m15 14 5-5-5-5\"}],[\"path\",{d:\"M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13\"}]],\"external-link\":[[\"path\",{d:\"M15 3h6v6\"}],[\"path\",{d:\"M10 14 21 3\"}],[\"path\",{d:\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"}]],plus:[[\"path\",{d:\"M5 12h14\"}],[\"path\",{d:\"M12 5v14\"}]],minus:[[\"path\",{d:\"M5 12h14\"}]],x:[[\"path\",{d:\"M18 6 6 18\"}],[\"path\",{d:\"m6 6 12 12\"}]],check:[[\"path\",{d:\"M20 6 9 17l-5-5\"}]],\"check-check\":[[\"path\",{d:\"M18 6 7 17l-5-5\"}],[\"path\",{d:\"m22 10-7.5 7.5L13 16\"}]],\"circle-check\":[[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}],[\"path\",{d:\"m16 9-5.5 5.5L8 12\"}]],\"circle-x\":[[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}],[\"path\",{d:\"m15 9-6 6\"}],[\"path\",{d:\"m9 9 6 6\"}]],\"circle-plus\":[[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}],[\"path\",{d:\"M8 12h8\"}],[\"path\",{d:\"M12 8v8\"}]],\"circle-minus\":[[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}],[\"path\",{d:\"M8 12h8\"}]],search:[[\"path\",{d:\"m21 21-4.34-4.34\"}],[\"circle\",{cx:\"11\",cy:\"11\",r:\"8\"}]],filter:[[\"path\",{d:\"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z\"}]],\"sliders-horizontal\":[[\"path\",{d:\"M10 5H3\"}],[\"path\",{d:\"M12 19H3\"}],[\"path\",{d:\"M14 3v4\"}],[\"path\",{d:\"M16 17v4\"}],[\"path\",{d:\"M21 12h-9\"}],[\"path\",{d:\"M21 19h-5\"}],[\"path\",{d:\"M21 5h-7\"}],[\"path\",{d:\"M8 10v4\"}],[\"path\",{d:\"M8 12H3\"}]],settings:[[\"path\",{d:\"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915\"}],[\"circle\",{cx:\"12\",cy:\"12\",r:\"3\"}]],pencil:[[\"path\",{d:\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\"}],[\"path\",{d:\"m15 5 4 4\"}]],\"trash-2\":[[\"path\",{d:\"M10 11v6\"}],[\"path\",{d:\"M14 11v6\"}],[\"path\",{d:\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\"}],[\"path\",{d:\"M3 6h18\"}],[\"path\",{d:\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"}]],copy:[[\"rect\",{width:\"14\",height:\"14\",x:\"8\",y:\"8\",rx:\"2\",ry:\"2\"}],[\"path\",{d:\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"}]],download:[[\"path\",{d:\"M12 15V3\"}],[\"path\",{d:\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"}],[\"path\",{d:\"m7 10 5 5 5-5\"}]],upload:[[\"path\",{d:\"M12 3v12\"}],[\"path\",{d:\"m17 8-5-5-5 5\"}],[\"path\",{d:\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"}]],share:[[\"path\",{d:\"M12 2v13\"}],[\"path\",{d:\"m16 6-4-4-4 4\"}],[\"path\",{d:\"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\"}]],send:[[\"path\",{d:\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"}],[\"path\",{d:\"m21.854 2.147-10.94 10.939\"}]],link:[[\"path\",{d:\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"}],[\"path\",{d:\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"}]],save:[[\"path\",{d:\"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\"}],[\"path\",{d:\"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7\"}],[\"path\",{d:\"M7 3v4a1 1 0 0 0 1 1h7\"}]],play:[[\"path\",{d:\"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\"}]],pause:[[\"rect\",{x:\"14\",y:\"3\",width:\"5\",height:\"18\",rx:\"1\"}],[\"rect\",{x:\"5\",y:\"3\",width:\"5\",height:\"18\",rx:\"1\"}]],square:[[\"rect\",{width:\"18\",height:\"18\",x:\"3\",y:\"3\",rx:\"2\"}]],\"skip-forward\":[[\"path\",{d:\"M21 4v16\"}],[\"path\",{d:\"M6.029 4.285A2 2 0 0 0 3 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z\"}]],shuffle:[[\"path\",{d:\"m18 14 4 4-4 4\"}],[\"path\",{d:\"m18 2 4 4-4 4\"}],[\"path\",{d:\"M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22\"}],[\"path\",{d:\"M2 6h1.972a4 4 0 0 1 3.6 2.2\"}],[\"path\",{d:\"M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45\"}]],repeat:[[\"path\",{d:\"m17 2 4 4-4 4\"}],[\"path\",{d:\"M3 11v-1a4 4 0 0 1 4-4h14\"}],[\"path\",{d:\"m7 22-4-4 4-4\"}],[\"path\",{d:\"M21 13v1a4 4 0 0 1-4 4H3\"}]],\"maximize-2\":[[\"path\",{d:\"M15 3h6v6\"}],[\"path\",{d:\"m21 3-7 7\"}],[\"path\",{d:\"m3 21 7-7\"}],[\"path\",{d:\"M9 21H3v-6\"}]],\"minimize-2\":[[\"path\",{d:\"m14 10 7-7\"}],[\"path\",{d:\"M20 10h-6V4\"}],[\"path\",{d:\"m3 21 7-7\"}],[\"path\",{d:\"M4 14h6v6\"}]],\"more-horizontal\":[[\"circle\",{cx:\"12\",cy:\"12\",r:\"1\"}],[\"circle\",{cx:\"19\",cy:\"12\",r:\"1\"}],[\"circle\",{cx:\"5\",cy:\"12\",r:\"1\"}]],\"more-vertical\":[[\"circle\",{cx:\"12\",cy:\"12\",r:\"1\"}],[\"circle\",{cx:\"12\",cy:\"5\",r:\"1\"}],[\"circle\",{cx:\"12\",cy:\"19\",r:\"1\"}]],menu:[[\"path\",{d:\"M4 5h16\"}],[\"path\",{d:\"M4 12h16\"}],[\"path\",{d:\"M4 19h16\"}]],\"grip-vertical\":[[\"circle\",{cx:\"9\",cy:\"12\",r:\"1\"}],[\"circle\",{cx:\"9\",cy:\"5\",r:\"1\"}],[\"circle\",{cx:\"9\",cy:\"19\",r:\"1\"}],[\"circle\",{cx:\"15\",cy:\"12\",r:\"1\"}],[\"circle\",{cx:\"15\",cy:\"5\",r:\"1\"}],[\"circle\",{cx:\"15\",cy:\"19\",r:\"1\"}]],eye:[[\"path\",{d:\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\"}],[\"circle\",{cx:\"12\",cy:\"12\",r:\"3\"}]],\"eye-off\":[[\"path\",{d:\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\"}],[\"path\",{d:\"M14.084 14.158a3 3 0 0 1-4.242-4.242\"}],[\"path\",{d:\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\"}],[\"path\",{d:\"m2 2 20 20\"}]],lock:[[\"rect\",{width:\"18\",height:\"11\",x:\"3\",y:\"11\",rx:\"2\",ry:\"2\"}],[\"path\",{d:\"M7 11V7a5 5 0 0 1 10 0v4\"}]],unlock:[[\"rect\",{width:\"18\",height:\"11\",x:\"3\",y:\"11\",rx:\"2\",ry:\"2\"}],[\"path\",{d:\"M7 11V7a5 5 0 0 1 9.9-1\"}]],\"log-in\":[[\"path\",{d:\"m10 17 5-5-5-5\"}],[\"path\",{d:\"M15 12H3\"}],[\"path\",{d:\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"}]],\"log-out\":[[\"path\",{d:\"m16 17 5-5-5-5\"}],[\"path\",{d:\"M21 12H9\"}],[\"path\",{d:\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"}]],info:[[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}],[\"path\",{d:\"M12 16v-4\"}],[\"path\",{d:\"M12 8h.01\"}]],\"circle-alert\":[[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}],[\"line\",{x1:\"12\",x2:\"12\",y1:\"8\",y2:\"12\"}],[\"line\",{x1:\"12\",x2:\"12.01\",y1:\"16\",y2:\"16\"}]],\"triangle-alert\":[[\"path\",{d:\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"}],[\"path\",{d:\"M12 9v4\"}],[\"path\",{d:\"M12 17h.01\"}]],\"circle-help\":[[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}],[\"path\",{d:\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"}],[\"path\",{d:\"M12 17h.01\"}]],bell:[[\"path\",{d:\"M10.268 21a2 2 0 0 0 3.464 0\"}],[\"path\",{d:\"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\"}]],star:[[\"path\",{d:\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}]],heart:[[\"path\",{d:\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"}]],\"thumbs-up\":[[\"path\",{d:\"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z\"}],[\"path\",{d:\"M7 10v12\"}]],\"thumbs-down\":[[\"path\",{d:\"M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z\"}],[\"path\",{d:\"M17 14V2\"}]],flag:[[\"path\",{d:\"M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528\"}]],bookmark:[[\"path\",{d:\"M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z\"}]],sparkles:[[\"path\",{d:\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"path\",{d:\"M20 2v4\"}],[\"path\",{d:\"M22 4h-4\"}],[\"circle\",{cx:\"4\",cy:\"20\",r:\"2\"}]],zap:[[\"path\",{d:\"M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z\"}]],flame:[[\"path\",{d:\"M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4\"}]],trophy:[[\"path\",{d:\"M10 14.66V17a1 1 0 0 1-1 1 2 2 0 0 0-2 2v2\"}],[\"path\",{d:\"M14 14.66V17a1 1 0 0 0 1 1 2 2 0 0 1 2 2v2\"}],[\"path\",{d:\"M17.916 10H19.5A2.5 2.5 0 0 0 22 7.5V5a1 1 0 0 0-1-1h-3\"}],[\"path\",{d:\"M4 22h16\"}],[\"path\",{d:\"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z\"}],[\"path\",{d:\"M6.084 10H4.5A2.5 2.5 0 0 1 2 7.5V5a1 1 0 0 1 1-1h3\"}]],target:[[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}],[\"circle\",{cx:\"12\",cy:\"12\",r:\"6\"}],[\"circle\",{cx:\"12\",cy:\"12\",r:\"2\"}]],\"badge-check\":[[\"path\",{d:\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"}],[\"path\",{d:\"m16 9-5.5 5.5L8 12\"}]],shield:[[\"path\",{d:\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}]],\"shield-check\":[[\"path\",{d:\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}],[\"path\",{d:\"m9 12 2 2 4-4\"}]],circle:[[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}]],\"circle-dot\":[[\"circle\",{cx:\"12\",cy:\"12\",r:\"1\"}],[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}]],loader:[[\"path\",{d:\"M12 2v4\"}],[\"path\",{d:\"m16.2 7.8 2.9-2.9\"}],[\"path\",{d:\"M18 12h4\"}],[\"path\",{d:\"m16.2 16.2 2.9 2.9\"}],[\"path\",{d:\"M12 18v4\"}],[\"path\",{d:\"m4.9 19.1 2.9-2.9\"}],[\"path\",{d:\"M2 12h4\"}],[\"path\",{d:\"m4.9 4.9 2.9 2.9\"}]],\"chart-bar\":[[\"path\",{d:\"M3 3v16a2 2 0 0 0 2 2h16\"}],[\"path\",{d:\"M7 16h8\"}],[\"path\",{d:\"M7 11h12\"}],[\"path\",{d:\"M7 6h3\"}]],\"chart-line\":[[\"path\",{d:\"M3 3v16a2 2 0 0 0 2 2h16\"}],[\"path\",{d:\"m19 9-5 5-4-4-3 3\"}]],\"chart-pie\":[[\"path\",{d:\"M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z\"}],[\"path\",{d:\"M21.21 15.89A10 10 0 1 1 8 2.83\"}]],\"chart-area\":[[\"path\",{d:\"M3 3v16a2 2 0 0 0 2 2h16\"}],[\"path\",{d:\"M7 11.207a.5.5 0 0 1 .146-.353l2-2a.5.5 0 0 1 .708 0l3.292 3.292a.5.5 0 0 0 .708 0l4.292-4.292a.5.5 0 0 1 .854.353V16a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z\"}]],\"chart-column\":[[\"path\",{d:\"M3 3v16a2 2 0 0 0 2 2h16\"}],[\"path\",{d:\"M18 17V9\"}],[\"path\",{d:\"M13 17V5\"}],[\"path\",{d:\"M8 17v-3\"}]],\"trending-up\":[[\"path\",{d:\"M16 7h6v6\"}],[\"path\",{d:\"m22 7-8.5 8.5-5-5L2 17\"}]],\"trending-down\":[[\"path\",{d:\"M16 17h6v-6\"}],[\"path\",{d:\"m22 17-8.5-8.5-5 5L2 7\"}]],activity:[[\"path\",{d:\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"}]],gauge:[[\"path\",{d:\"m12 14 4-4\"}],[\"path\",{d:\"M3.34 19a10 10 0 1 1 17.32 0\"}]],percent:[[\"line\",{x1:\"19\",x2:\"5\",y1:\"5\",y2:\"19\"}],[\"circle\",{cx:\"6.5\",cy:\"6.5\",r:\"2.5\"}],[\"circle\",{cx:\"17.5\",cy:\"17.5\",r:\"2.5\"}]],hash:[[\"line\",{x1:\"4\",x2:\"20\",y1:\"9\",y2:\"9\"}],[\"line\",{x1:\"4\",x2:\"20\",y1:\"15\",y2:\"15\"}],[\"line\",{x1:\"10\",x2:\"8\",y1:\"3\",y2:\"21\"}],[\"line\",{x1:\"16\",x2:\"14\",y1:\"3\",y2:\"21\"}]],sigma:[[\"path\",{d:\"M18 7V5a1 1 0 0 0-1-1H6.5a.5.5 0 0 0-.4.8l4.5 6a2 2 0 0 1 0 2.4l-4.5 6a.5.5 0 0 0 .4.8H17a1 1 0 0 0 1-1v-2\"}]],calculator:[[\"rect\",{width:\"16\",height:\"20\",x:\"4\",y:\"2\",rx:\"2\"}],[\"line\",{x1:\"8\",x2:\"16\",y1:\"6\",y2:\"6\"}],[\"line\",{x1:\"16\",x2:\"16\",y1:\"14\",y2:\"18\"}],[\"path\",{d:\"M16 10h.01\"}],[\"path\",{d:\"M12 10h.01\"}],[\"path\",{d:\"M8 10h.01\"}],[\"path\",{d:\"M12 14h.01\"}],[\"path\",{d:\"M8 14h.01\"}],[\"path\",{d:\"M12 18h.01\"}],[\"path\",{d:\"M8 18h.01\"}]],table:[[\"path\",{d:\"M12 3v18\"}],[\"rect\",{width:\"18\",height:\"18\",x:\"3\",y:\"3\",rx:\"2\"}],[\"path\",{d:\"M3 9h18\"}],[\"path\",{d:\"M3 15h18\"}]],list:[[\"path\",{d:\"M3 5h.01\"}],[\"path\",{d:\"M3 12h.01\"}],[\"path\",{d:\"M3 19h.01\"}],[\"path\",{d:\"M8 5h13\"}],[\"path\",{d:\"M8 12h13\"}],[\"path\",{d:\"M8 19h13\"}]],\"list-checks\":[[\"path\",{d:\"M13 5h8\"}],[\"path\",{d:\"M13 12h8\"}],[\"path\",{d:\"M13 19h8\"}],[\"path\",{d:\"m3 17 2 2 4-4\"}],[\"path\",{d:\"m3 7 2 2 4-4\"}]],\"list-ordered\":[[\"path\",{d:\"M11 5h10\"}],[\"path\",{d:\"M11 12h10\"}],[\"path\",{d:\"M11 19h10\"}],[\"path\",{d:\"M4 4h1v5\"}],[\"path\",{d:\"M4 9h2\"}],[\"path\",{d:\"M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02\"}]],\"layout-grid\":[[\"rect\",{width:\"7\",height:\"7\",x:\"3\",y:\"3\",rx:\"1\"}],[\"rect\",{width:\"7\",height:\"7\",x:\"14\",y:\"3\",rx:\"1\"}],[\"rect\",{width:\"7\",height:\"7\",x:\"14\",y:\"14\",rx:\"1\"}],[\"rect\",{width:\"7\",height:\"7\",x:\"3\",y:\"14\",rx:\"1\"}]],layers:[[\"path\",{d:\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"}],[\"path\",{d:\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"}],[\"path\",{d:\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"}]],database:[[\"ellipse\",{cx:\"12\",cy:\"5\",rx:\"9\",ry:\"3\"}],[\"path\",{d:\"M3 5V19A9 3 0 0 0 21 19V5\"}],[\"path\",{d:\"M3 12A9 3 0 0 0 21 12\"}]],server:[[\"rect\",{width:\"20\",height:\"8\",x:\"2\",y:\"2\",rx:\"2\",ry:\"2\"}],[\"rect\",{width:\"20\",height:\"8\",x:\"2\",y:\"14\",rx:\"2\",ry:\"2\"}],[\"line\",{x1:\"6\",x2:\"6.01\",y1:\"6\",y2:\"6\"}],[\"line\",{x1:\"6\",x2:\"6.01\",y1:\"18\",y2:\"18\"}]],cpu:[[\"path\",{d:\"M12 20v2\"}],[\"path\",{d:\"M12 2v2\"}],[\"path\",{d:\"M17 20v2\"}],[\"path\",{d:\"M17 2v2\"}],[\"path\",{d:\"M2 12h2\"}],[\"path\",{d:\"M2 17h2\"}],[\"path\",{d:\"M2 7h2\"}],[\"path\",{d:\"M20 12h2\"}],[\"path\",{d:\"M20 17h2\"}],[\"path\",{d:\"M20 7h2\"}],[\"path\",{d:\"M7 20v2\"}],[\"path\",{d:\"M7 2v2\"}],[\"rect\",{x:\"4\",y:\"4\",width:\"16\",height:\"16\",rx:\"2\"}],[\"rect\",{x:\"8\",y:\"8\",width:\"8\",height:\"8\",rx:\"1\"}]],code:[[\"path\",{d:\"m16 18 6-6-6-6\"}],[\"path\",{d:\"m8 6-6 6 6 6\"}]],terminal:[[\"path\",{d:\"M12 19h8\"}],[\"path\",{d:\"m4 17 6-6-6-6\"}]],\"git-branch\":[[\"path\",{d:\"M15 6a9 9 0 0 0-9 9V3\"}],[\"circle\",{cx:\"18\",cy:\"6\",r:\"3\"}],[\"circle\",{cx:\"6\",cy:\"18\",r:\"3\"}]],bug:[[\"path\",{d:\"M12 20v-9\"}],[\"path\",{d:\"M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z\"}],[\"path\",{d:\"M14.12 3.88 16 2\"}],[\"path\",{d:\"M21 21a4 4 0 0 0-3.81-4\"}],[\"path\",{d:\"M21 5a4 4 0 0 1-3.55 3.97\"}],[\"path\",{d:\"M22 13h-4\"}],[\"path\",{d:\"M3 21a4 4 0 0 1 3.81-4\"}],[\"path\",{d:\"M3 5a4 4 0 0 0 3.55 3.97\"}],[\"path\",{d:\"M6 13H2\"}],[\"path\",{d:\"m8 2 1.88 1.88\"}],[\"path\",{d:\"M9 7.13V6a3 3 0 1 1 6 0v1.13\"}]],calendar:[[\"path\",{d:\"M8 2v3\"}],[\"path\",{d:\"M16 2v3\"}],[\"rect\",{x:\"3\",y:\"3\",width:\"18\",height:\"18\",rx:\"2\"}],[\"path\",{d:\"M3 9h18\"}]],\"calendar-days\":[[\"path\",{d:\"M8 2v3\"}],[\"path\",{d:\"M16 2v3\"}],[\"rect\",{x:\"3\",y:\"3\",width:\"18\",height:\"18\",rx:\"2\"}],[\"path\",{d:\"M3 9h18\"}],[\"path\",{d:\"M8 13h.01\"}],[\"path\",{d:\"M12 13h.01\"}],[\"path\",{d:\"M16 13h.01\"}],[\"path\",{d:\"M8 17h.01\"}],[\"path\",{d:\"M12 17h.01\"}],[\"path\",{d:\"M16 17h.01\"}]],clock:[[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}],[\"path\",{d:\"M12 6v6l4 2\"}]],timer:[[\"line\",{x1:\"10\",x2:\"14\",y1:\"2\",y2:\"2\"}],[\"line\",{x1:\"12\",x2:\"15\",y1:\"14\",y2:\"11\"}],[\"circle\",{cx:\"12\",cy:\"14\",r:\"8\"}]],\"alarm-clock\":[[\"circle\",{cx:\"12\",cy:\"13\",r:\"8\"}],[\"path\",{d:\"M12 9v4l2 2\"}],[\"path\",{d:\"M5 3 2 6\"}],[\"path\",{d:\"m22 6-3-3\"}],[\"path\",{d:\"M6.38 18.7 4 21\"}],[\"path\",{d:\"M17.64 18.67 20 21\"}]],hourglass:[[\"path\",{d:\"M5 22h14\"}],[\"path\",{d:\"M5 2h14\"}],[\"path\",{d:\"M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22\"}],[\"path\",{d:\"M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2\"}]],mail:[[\"path\",{d:\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"}],[\"rect\",{x:\"2\",y:\"4\",width:\"20\",height:\"16\",rx:\"2\"}]],\"message-circle\":[[\"path\",{d:\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"}]],phone:[[\"path\",{d:\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"}]],user:[[\"path\",{d:\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"}],[\"circle\",{cx:\"12\",cy:\"7\",r:\"4\"}]],users:[[\"path\",{d:\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"}],[\"path\",{d:\"M16 3.128a4 4 0 0 1 0 7.744\"}],[\"path\",{d:\"M22 21v-2a4 4 0 0 0-3-3.87\"}],[\"circle\",{cx:\"9\",cy:\"7\",r:\"4\"}]],\"user-plus\":[[\"path\",{d:\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"}],[\"circle\",{cx:\"9\",cy:\"7\",r:\"4\"}],[\"line\",{x1:\"19\",x2:\"19\",y1:\"8\",y2:\"14\"}],[\"line\",{x1:\"22\",x2:\"16\",y1:\"11\",y2:\"11\"}]],\"building-2\":[[\"path\",{d:\"M10 12h4\"}],[\"path\",{d:\"M10 8h4\"}],[\"path\",{d:\"M14 21v-3a2 2 0 0 0-4 0v3\"}],[\"path\",{d:\"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2\"}],[\"path\",{d:\"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"}]],house:[[\"path\",{d:\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"path\",{d:\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}]],\"map-pin\":[[\"path\",{d:\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"}],[\"circle\",{cx:\"12\",cy:\"10\",r:\"3\"}]],map:[[\"path\",{d:\"M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z\"}],[\"path\",{d:\"M15 5.764v15\"}],[\"path\",{d:\"M9 3.236v15\"}]],globe:[[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}],[\"path\",{d:\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"}],[\"path\",{d:\"M2 12h20\"}]],compass:[[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}],[\"path\",{d:\"m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z\"}]],plane:[[\"path\",{d:\"M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z\"}]],car:[[\"path\",{d:\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"}],[\"circle\",{cx:\"7\",cy:\"17\",r:\"2\"}],[\"path\",{d:\"M9 17h6\"}],[\"circle\",{cx:\"17\",cy:\"17\",r:\"2\"}]],\"train-front\":[[\"path\",{d:\"M8 3.1V7a4 4 0 0 0 8 0V3.1\"}],[\"path\",{d:\"m9 15-1-1\"}],[\"path\",{d:\"m15 15 1-1\"}],[\"path\",{d:\"M9 19c-2.8 0-5-2.2-5-5v-4a8 8 0 0 1 16 0v4c0 2.8-2.2 5-5 5Z\"}],[\"path\",{d:\"m8 19-2 3\"}],[\"path\",{d:\"m16 19 2 3\"}]],bike:[[\"circle\",{cx:\"18.5\",cy:\"17.5\",r:\"3.5\"}],[\"circle\",{cx:\"5.5\",cy:\"17.5\",r:\"3.5\"}],[\"circle\",{cx:\"15\",cy:\"5\",r:\"1\"}],[\"path\",{d:\"M12 17.5V14l-3-3 4-3 2 3h2\"}]],ship:[[\"path\",{d:\"M12 2v2\"}],[\"path\",{d:\"M12 9.189V13\"}],[\"path\",{d:\"M19 12V6a2 2 0 00-2-2H7a2 2 0 00-2 2v6\"}],[\"path\",{d:\"M19.38 19A11.6 11.6 0 0021 13l-8.188-3.639a2 2 0 00-1.624 0L3 13.001a11.6 11.6 0 002.81 7.76\"}],[\"path\",{d:\"M2 20c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1s1.2 1 2.5 1c2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1\"}]],file:[[\"path\",{d:\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"}],[\"path\",{d:\"M14 2v5a1 1 0 0 0 1 1h5\"}]],\"file-text\":[[\"path\",{d:\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"}],[\"path\",{d:\"M14 2v5a1 1 0 0 0 1 1h5\"}],[\"path\",{d:\"M10 9H8\"}],[\"path\",{d:\"M16 13H8\"}],[\"path\",{d:\"M16 17H8\"}]],folder:[[\"path\",{d:\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\"}]],image:[[\"rect\",{width:\"18\",height:\"18\",x:\"3\",y:\"3\",rx:\"2\",ry:\"2\"}],[\"circle\",{cx:\"9\",cy:\"9\",r:\"2\"}],[\"path\",{d:\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"}]],camera:[[\"path\",{d:\"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z\"}],[\"circle\",{cx:\"12\",cy:\"13\",r:\"3\"}]],video:[[\"path\",{d:\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\"}],[\"rect\",{x:\"2\",y:\"6\",width:\"14\",height:\"12\",rx:\"2\"}]],music:[[\"path\",{d:\"M9 18V5l12-2v13\"}],[\"circle\",{cx:\"6\",cy:\"18\",r:\"3\"}],[\"circle\",{cx:\"18\",cy:\"16\",r:\"3\"}]],mic:[[\"path\",{d:\"M12 19v3\"}],[\"path\",{d:\"M19 10v2a7 7 0 0 1-14 0v-2\"}],[\"rect\",{x:\"9\",y:\"2\",width:\"6\",height:\"13\",rx:\"3\"}]],\"book-open\":[[\"path\",{d:\"M12 5v16\"}],[\"path\",{d:\"M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z\"}]],\"graduation-cap\":[[\"path\",{d:\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\"}],[\"path\",{d:\"M22 10v6\"}],[\"path\",{d:\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"}]],briefcase:[[\"path\",{d:\"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"}],[\"rect\",{width:\"20\",height:\"14\",x:\"2\",y:\"6\",rx:\"2\"}]],\"shopping-cart\":[[\"path\",{d:\"m2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18\"}],[\"path\",{d:\"M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25\"}],[\"circle\",{cx:\"18\",cy:\"20\",r:\"2\"}],[\"circle\",{cx:\"8\",cy:\"20\",r:\"2\"}]],\"shopping-bag\":[[\"path\",{d:\"M16 10a4 4 0 0 1-8 0\"}],[\"path\",{d:\"M3.103 6.034h17.794\"}],[\"path\",{d:\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"}]],package:[[\"path\",{d:\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z\"}],[\"path\",{d:\"M12 22V12\"}],[\"polyline\",{points:\"3.29 7 12 12 20.71 7\"}],[\"path\",{d:\"m7.5 4.27 9 5.15\"}]],truck:[[\"path\",{d:\"M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2\"}],[\"path\",{d:\"M15 18H9\"}],[\"path\",{d:\"M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14\"}],[\"circle\",{cx:\"17\",cy:\"18\",r:\"2\"}],[\"circle\",{cx:\"7\",cy:\"18\",r:\"2\"}]],gift:[[\"path\",{d:\"M12 7v14\"}],[\"path\",{d:\"M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8\"}],[\"path\",{d:\"M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5\"}],[\"rect\",{x:\"3\",y:\"7\",width:\"18\",height:\"4\",rx:\"1\"}]],tag:[[\"path\",{d:\"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z\"}],[\"circle\",{cx:\"7.5\",cy:\"7.5\",r:\".5\",fill:\"currentColor\"}]],\"credit-card\":[[\"rect\",{width:\"20\",height:\"14\",x:\"2\",y:\"5\",rx:\"2\"}],[\"line\",{x1:\"2\",x2:\"22\",y1:\"10\",y2:\"10\"}],[\"path\",{d:\"M6 14h2\"}]],wallet:[[\"path\",{d:\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"}],[\"path\",{d:\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"}]],banknote:[[\"rect\",{width:\"20\",height:\"12\",x:\"2\",y:\"6\",rx:\"2\"}],[\"circle\",{cx:\"12\",cy:\"12\",r:\"2\"}],[\"path\",{d:\"M6 12h.01M18 12h.01\"}]],coins:[[\"path\",{d:\"M13.744 17.736a6 6 0 1 1-7.48-7.48\"}],[\"path\",{d:\"M15 6h1v4\"}],[\"path\",{d:\"m6.134 14.768.866-.5 2 3.464\"}],[\"circle\",{cx:\"16\",cy:\"8\",r:\"6\"}]],\"piggy-bank\":[[\"path\",{d:\"M11 17h3v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-3a3.16 3.16 0 0 0 2-2h1a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-1a5 5 0 0 0-2-4V3a4 4 0 0 0-3.2 1.6l-.3.4H11a6 6 0 0 0-6 6v1a5 5 0 0 0 2 4v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1z\"}],[\"path\",{d:\"M16 10h.01\"}],[\"path\",{d:\"M2 8v1a2 2 0 0 0 2 2h1\"}]],receipt:[[\"path\",{d:\"M12 17V7\"}],[\"path\",{d:\"M16 8h-6a2 2 0 0 0 0 4h4a2 2 0 0 1 0 4H8\"}],[\"path\",{d:\"M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z\"}]],landmark:[[\"path\",{d:\"M10 18v-7\"}],[\"path\",{d:\"M11.119 2.205a2 2 0 0 1 1.762 0l7.84 3.846A.5.5 0 0 1 20.5 7h-17a.5.5 0 0 1-.22-.949z\"}],[\"path\",{d:\"M14 18v-7\"}],[\"path\",{d:\"M18 18v-7\"}],[\"path\",{d:\"M3 22h18\"}],[\"path\",{d:\"M6 18v-7\"}]],\"dollar-sign\":[[\"line\",{x1:\"12\",x2:\"12\",y1:\"2\",y2:\"22\"}],[\"path\",{d:\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"}]],euro:[[\"path\",{d:\"M4 10h12\"}],[\"path\",{d:\"M4 14h9\"}],[\"path\",{d:\"M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2\"}]],store:[[\"path\",{d:\"M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5\"}],[\"path\",{d:\"M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244\"}],[\"path\",{d:\"M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05\"}]],sun:[[\"circle\",{cx:\"12\",cy:\"12\",r:\"4\"}],[\"path\",{d:\"M12 2v2\"}],[\"path\",{d:\"M12 20v2\"}],[\"path\",{d:\"m4.93 4.93 1.41 1.41\"}],[\"path\",{d:\"m17.66 17.66 1.41 1.41\"}],[\"path\",{d:\"M2 12h2\"}],[\"path\",{d:\"M20 12h2\"}],[\"path\",{d:\"m6.34 17.66-1.41 1.41\"}],[\"path\",{d:\"m19.07 4.93-1.41 1.41\"}]],moon:[[\"path\",{d:\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"}]],cloud:[[\"path\",{d:\"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z\"}]],\"cloud-rain\":[[\"path\",{d:\"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\"}],[\"path\",{d:\"M16 14v6\"}],[\"path\",{d:\"M8 14v6\"}],[\"path\",{d:\"M12 16v6\"}]],snowflake:[[\"path\",{d:\"m10 20-1.25-2.5L6 18\"}],[\"path\",{d:\"M10 4 8.75 6.5 6 6\"}],[\"path\",{d:\"m14 20 1.25-2.5L18 18\"}],[\"path\",{d:\"m14 4 1.25 2.5L18 6\"}],[\"path\",{d:\"m17 21-3-6h-4\"}],[\"path\",{d:\"m17 3-3 6 1.5 3\"}],[\"path\",{d:\"M2 12h6.5L10 9\"}],[\"path\",{d:\"m20 10-1.5 2 1.5 2\"}],[\"path\",{d:\"M22 12h-6.5L14 15\"}],[\"path\",{d:\"m4 10 1.5 2L4 14\"}],[\"path\",{d:\"m7 21 3-6-1.5-3\"}],[\"path\",{d:\"m7 3 3 6h4\"}]],wind:[[\"path\",{d:\"M12.8 19.6A2 2 0 1 0 14 16H2\"}],[\"path\",{d:\"M17.5 8a2.5 2.5 0 1 1 2 4H2\"}],[\"path\",{d:\"M9.8 4.4A2 2 0 1 1 11 8H2\"}]],thermometer:[[\"path\",{d:\"M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z\"}]],droplet:[[\"path\",{d:\"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z\"}]],leaf:[[\"path\",{d:\"M11 20a10 10 0 0010-10 25.9 25.9 0 00-1.04-7.281 1 1 0 00-1.755-.325C15.833 5.5 13 5.5 9.8 6.1A7 7 0 0011 20\"}],[\"path\",{d:\"M2 21a5 5 0 012.911-4.544C7.613 15.212 8.351 15.24 11 13\"}]],\"tree-pine\":[[\"path\",{d:\"m17 14 3 3.3a1 1 0 0 1-.7 1.7H4.7a1 1 0 0 1-.7-1.7L7 14h-.3a1 1 0 0 1-.7-1.7L9 9h-.2A1 1 0 0 1 8 7.3L12 3l4 4.3a1 1 0 0 1-.8 1.7H15l3 3.3a1 1 0 0 1-.7 1.7H17Z\"}],[\"path\",{d:\"M12 22v-3\"}]],mountain:[[\"path\",{d:\"m8 3 4 8 5-5 5 15H2L8 3z\"}]],waves:[[\"path\",{d:\"M2 12q2.5 2 5 0t5 0 5 0 5 0\"}],[\"path\",{d:\"M2 19q2.5 2 5 0t5 0 5 0 5 0\"}],[\"path\",{d:\"M2 5q2.5 2 5 0t5 0 5 0 5 0\"}]],coffee:[[\"path\",{d:\"M10 2v2\"}],[\"path\",{d:\"M14 2v2\"}],[\"path\",{d:\"M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1\"}],[\"path\",{d:\"M6 2v2\"}]],utensils:[[\"path\",{d:\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2\"}],[\"path\",{d:\"M7 2v20\"}],[\"path\",{d:\"M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7\"}]],apple:[[\"path\",{d:\"M12 6.528V3a1 1 0 0 1 1-1h0\"}],[\"path\",{d:\"M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21\"}]],pizza:[[\"path\",{d:\"m12 14-1 1\"}],[\"path\",{d:\"m13.75 18.25-1.25 1.42\"}],[\"path\",{d:\"M17.775 5.654a15.68 15.68 0 0 0-12.121 12.12\"}],[\"path\",{d:\"M18.8 9.3a1 1 0 0 0 2.1 7.7\"}],[\"path\",{d:\"M21.964 20.732a1 1 0 0 1-1.232 1.232l-18-5a1 1 0 0 1-.695-1.232A19.68 19.68 0 0 1 15.732 2.037a1 1 0 0 1 1.232.695z\"}]],wine:[[\"path\",{d:\"M8 22h8\"}],[\"path\",{d:\"M7 10h10\"}],[\"path\",{d:\"M12 15v7\"}],[\"path\",{d:\"M12 15a5 5 0 0 0 5-5c0-2-.5-4-2-8H9c-1.5 4-2 6-2 8a5 5 0 0 0 5 5Z\"}]],dumbbell:[[\"path\",{d:\"M17.596 12.768a2 2 0 1 0 2.829-2.829l-1.768-1.767a2 2 0 0 0 2.828-2.829l-2.828-2.828a2 2 0 0 0-2.829 2.828l-1.767-1.768a2 2 0 1 0-2.829 2.829z\"}],[\"path\",{d:\"m2.5 21.5 1.4-1.4\"}],[\"path\",{d:\"m20.1 3.9 1.4-1.4\"}],[\"path\",{d:\"M5.343 21.485a2 2 0 1 0 2.829-2.828l1.767 1.768a2 2 0 1 0 2.829-2.829l-6.364-6.364a2 2 0 1 0-2.829 2.829l1.768 1.767a2 2 0 0 0-2.828 2.829z\"}],[\"path\",{d:\"m9.6 14.4 4.8-4.8\"}]],\"heart-pulse\":[[\"path\",{d:\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"}],[\"path\",{d:\"M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"}]],pill:[[\"path\",{d:\"m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z\"}],[\"path\",{d:\"m8.5 8.5 7 7\"}]],stethoscope:[[\"path\",{d:\"M11 2v2\"}],[\"path\",{d:\"M5 2v2\"}],[\"path\",{d:\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"}],[\"path\",{d:\"M8 15a6 6 0 0 0 12 0v-3\"}],[\"circle\",{cx:\"20\",cy:\"10\",r:\"2\"}]],baby:[[\"path\",{d:\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"}],[\"path\",{d:\"M15 12h.01\"}],[\"path\",{d:\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"}],[\"path\",{d:\"M9 12h.01\"}]],dog:[[\"path\",{d:\"M11.25 16.25h1.5L12 17z\"}],[\"path\",{d:\"M16 14v.5\"}],[\"path\",{d:\"M4.42 11.247A13.152 13.152 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444a11.702 11.702 0 0 0-.493-3.309\"}],[\"path\",{d:\"M8 14v.5\"}],[\"path\",{d:\"M8.5 8.5c-.384 1.05-1.083 2.028-2.344 2.5-1.931.722-3.576-.297-3.656-1-.113-.994 1.177-6.53 4-7 1.923-.321 3.651.845 3.651 2.235A7.497 7.497 0 0 1 14 5.277c0-1.39 1.844-2.598 3.767-2.277 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5\"}]],cat:[[\"path\",{d:\"M12 5c.67 0 1.35.09 2 .26 1.78-2 5.03-2.84 6.42-2.26 1.4.58-.42 7-.42 7 .57 1.07 1 2.24 1 3.44C21 17.9 16.97 21 12 21s-9-3-9-7.56c0-1.25.5-2.4 1-3.44 0 0-1.89-6.42-.5-7 1.39-.58 4.72.23 6.5 2.23A9.04 9.04 0 0 1 12 5Z\"}],[\"path\",{d:\"M8 14v.5\"}],[\"path\",{d:\"M16 14v.5\"}],[\"path\",{d:\"M11.25 16.25h1.5L12 17l-.75-.75Z\"}]],smile:[[\"path\",{d:\"M15 10V9\"}],[\"path\",{d:\"M16.472 15a6 6 0 01-8.943 0\"}],[\"path\",{d:\"M9 10V9\"}],[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}]],frown:[[\"path\",{d:\"M15 10V9\"}],[\"path\",{d:\"M9 10V9\"}],[\"path\",{d:\"M9 16a5 5 0 016 0\"}],[\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}]],lightbulb:[[\"path\",{d:\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"}],[\"path\",{d:\"M9 18h6\"}],[\"path\",{d:\"M10 22h4\"}]],palette:[[\"path\",{d:\"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\"}],[\"circle\",{cx:\"13.5\",cy:\"6.5\",r:\".5\",fill:\"currentColor\"}],[\"circle\",{cx:\"17.5\",cy:\"10.5\",r:\".5\",fill:\"currentColor\"}],[\"circle\",{cx:\"6.5\",cy:\"12.5\",r:\".5\",fill:\"currentColor\"}],[\"circle\",{cx:\"8.5\",cy:\"7.5\",r:\".5\",fill:\"currentColor\"}]],brush:[[\"path\",{d:\"m11 10 3 3\"}],[\"path\",{d:\"M6.5 21A3.5 3.5 0 1 0 3 17.5a2.62 2.62 0 0 1-.708 1.792A1 1 0 0 0 3 21z\"}],[\"path\",{d:\"M9.969 17.031 21.378 5.624a1 1 0 0 0-3.002-3.002L6.967 14.031\"}]],wrench:[[\"path\",{d:\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\"}]],hammer:[[\"path\",{d:\"m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9\"}],[\"path\",{d:\"m18 15 4-4\"}],[\"path\",{d:\"m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5\"}]],plug:[[\"path\",{d:\"M12 22v-5\"}],[\"path\",{d:\"M15 8V2\"}],[\"path\",{d:\"M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z\"}],[\"path\",{d:\"M9 8V2\"}]],battery:[[\"path\",{d:\"M 22 14 L 22 10\"}],[\"rect\",{x:\"2\",y:\"6\",width:\"16\",height:\"12\",rx:\"2\"}]],wifi:[[\"path\",{d:\"M12 20h.01\"}],[\"path\",{d:\"M2 8.82a15 15 0 0 1 20 0\"}],[\"path\",{d:\"M5 12.859a10 10 0 0 1 14 0\"}],[\"path\",{d:\"M8.5 16.429a5 5 0 0 1 7 0\"}]],smartphone:[[\"rect\",{width:\"14\",height:\"20\",x:\"5\",y:\"2\",rx:\"2\",ry:\"2\"}],[\"path\",{d:\"M12 18h.01\"}]],laptop:[[\"path\",{d:\"M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z\"}],[\"path\",{d:\"M20.054 15.987H3.946\"}]],monitor:[[\"rect\",{width:\"20\",height:\"14\",x:\"2\",y:\"3\",rx:\"2\"}],[\"line\",{x1:\"8\",x2:\"16\",y1:\"21\",y2:\"21\"}],[\"line\",{x1:\"12\",x2:\"12\",y1:\"17\",y2:\"21\"}]],headphones:[[\"path\",{d:\"M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3\"}]],\"gamepad-2\":[[\"line\",{x1:\"6\",x2:\"10\",y1:\"11\",y2:\"11\"}],[\"line\",{x1:\"8\",x2:\"8\",y1:\"9\",y2:\"13\"}],[\"line\",{x1:\"15\",x2:\"15.01\",y1:\"12\",y2:\"12\"}],[\"line\",{x1:\"18\",x2:\"18.01\",y1:\"10\",y2:\"10\"}],[\"path\",{d:\"M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z\"}]],rocket:[[\"path\",{d:\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"}],[\"path\",{d:\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09\"}],[\"path\",{d:\"M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z\"}],[\"path\",{d:\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05\"}]],atom:[[\"circle\",{cx:\"12\",cy:\"12\",r:\"1\"}],[\"path\",{d:\"M20.2 20.2c2.04-2.03.02-7.36-4.5-11.9-4.54-4.52-9.87-6.54-11.9-4.5-2.04 2.03-.02 7.36 4.5 11.9 4.54 4.52 9.87 6.54 11.9 4.5Z\"}],[\"path\",{d:\"M15.7 15.7c4.52-4.54 6.54-9.87 4.5-11.9-2.03-2.04-7.36-.02-11.9 4.5-4.52 4.54-6.54 9.87-4.5 11.9 2.03 2.04 7.36.02 11.9-4.5Z\"}]],\"flask-conical\":[[\"path\",{d:\"M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2\"}],[\"path\",{d:\"M6.453 15h11.094\"}],[\"path\",{d:\"M8.5 2h7\"}]],dna:[[\"path\",{d:\"m10 16 1.5 1.5\"}],[\"path\",{d:\"m14 8-1.5-1.5\"}],[\"path\",{d:\"M15 2c-1.798 1.998-2.518 3.995-2.807 5.993\"}],[\"path\",{d:\"m16.5 10.5 1 1\"}],[\"path\",{d:\"m17 6-2.891-2.891\"}],[\"path\",{d:\"M2 15c6.667-6 13.333 0 20-6\"}],[\"path\",{d:\"m20 9 .891.891\"}],[\"path\",{d:\"M3.109 14.109 4 15\"}],[\"path\",{d:\"m6.5 12.5 1 1\"}],[\"path\",{d:\"m7 18 2.891 2.891\"}],[\"path\",{d:\"M9 22c1.798-1.998 2.518-3.995 2.807-5.993\"}]],brain:[[\"path\",{d:\"M12 18V5\"}],[\"path\",{d:\"M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4\"}],[\"path\",{d:\"M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5\"}],[\"path\",{d:\"M17.997 5.125a4 4 0 0 1 2.526 5.77\"}],[\"path\",{d:\"M18 18a4 4 0 0 0 2-7.464\"}],[\"path\",{d:\"M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517\"}],[\"path\",{d:\"M6 18a4 4 0 0 1-2-7.464\"}],[\"path\",{d:\"M6.003 5.125a4 4 0 0 0-2.526 5.77\"}]],puzzle:[[\"path\",{d:\"M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z\"}]]};var O=\"http://www.w3.org/2000/svg\",H1=\"https://cdn.jsdelivr.net/npm/lucide-static@latest/icons/\",t1=new Map;function G(t,e){let a=Q[t];return a?k1(a,e):null}function k1(t,e){let a=document.createElementNS(O,\"svg\");e1(a,e);for(let[n,r]of t){let o=document.createElementNS(O,n);for(let[d,i]of Object.entries(r))o.setAttribute(d,String(i));a.appendChild(o)}return a}function e1(t,e){t.setAttribute(\"class\",\"icon\"),t.setAttribute(\"viewBox\",\"0 0 24 24\"),t.setAttribute(\"fill\",\"none\"),t.setAttribute(\"stroke\",\"currentColor\"),t.setAttribute(\"stroke-linecap\",\"round\"),t.setAttribute(\"stroke-linejoin\",\"round\"),e?(t.setAttribute(\"role\",\"img\"),t.setAttribute(\"aria-label\",e)):t.setAttribute(\"aria-hidden\",\"true\")}function S1(t){if(!/^[a-z0-9-]+$/.test(t))return Promise.resolve(null);let e=t1.get(t);return e||(e=fetch(`${H1}${t}.svg`).then(a=>a.ok?a.text():null).catch(()=>null),t1.set(t,e)),e}function T1(t,e){let a=new DOMParser().parseFromString(t,\"image/svg+xml\").documentElement;if(!(a instanceof SVGSVGElement))return null;let n=document.createElementNS(O,\"svg\");e1(n,e);for(let r of Array.from(a.children))r.localName!==\"script\"&&n.appendChild(document.importNode(r,!0));return n}function a1(t){for(let e of Array.from(t.querySelectorAll(\"i[data-icon]\"))){let a=e.dataset.icon?.trim().toLowerCase()??\"\",n=e.getAttribute(\"aria-label\")??void 0,r=d=>{for(let l of Array.from(e.classList))d.classList.add(l);let i=e.getAttribute(\"style\");i&&d.setAttribute(\"style\",i),e.replaceWith(d)},o=G(a,n);if(o){r(o);continue}e.removeAttribute(\"data-icon\"),e.dataset.iconPending=a,S1(a).then(d=>{let i=d?T1(d,n):null;i&&e.isConnected&&r(i)})}}var V1='a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',M=()=>document.documentElement.dataset.widgetLayout===\"panel\",v=t=>{let e=t.getBoundingClientRect();return{top:e.top+scrollY,left:e.left+scrollX,bottom:e.bottom+scrollY,right:e.right+scrollX,width:e.width,height:e.height}},C1=()=>M()?scrollY+innerHeight:v(document.body).bottom,n1=()=>M()?scrollY:0,F=new WeakMap;function c1(t,e){b(t);let a=Math.ceil(e+8-v(document.body).bottom);if(a<=0||M())return;let n=document.createElement(\"div\");n.className=\"dv-overlay-spacer\",n.setAttribute(\"aria-hidden\",\"true\"),n.style.height=`${a}px`,document.body.appendChild(n),F.set(t,n)}function b(t){F.get(t)?.remove(),F.delete(t)}function $(t,e,{side:a=\"bottom\",align:n=\"start\"}={}){let r=v(t),o=e.offsetWidth,d=e.offsetHeight,i=document.documentElement.clientWidth,p=getComputedStyle(t).direction===\"rtl\"?\"end\":\"start\",m=n===\"center\"?r.left+(r.width-o)/2:n===p?r.left:r.right-o;m=Math.min(Math.max(m,8),Math.max(8,i-o-8));let z=r.bottom+6,D=r.top-6-d,j=z+d<=C1()-8,B=D>=n1()+8,N=a===\"top\"?B||!j?Math.max(D,n1()+8):z:j||!B?z:D;e.style.left=`${m}px`,e.style.top=`${N}px`,e.dataset.side=N<r.top?\"top\":\"bottom\",c1(e,N+d)}function z1(t,e){let a=t.offsetWidth,n=t.offsetHeight;t.style.left=`${Math.max(8,(document.documentElement.clientWidth-a)/2)}px`;let r;if(M())r=scrollY+Math.max(16,(innerHeight-n)/2);else{let o=e&&e!==document.body?v(e).top:8;r=Math.max(8,Math.min(o,v(document.body).bottom-n-8))}t.style.top=`${r}px`,c1(t,r+n)}var q=t=>Array.from(t.querySelectorAll(V1)).filter(e=>e.offsetParent!==null||e===document.activeElement);function D1(t,e){if(t.key!==\"Tab\")return;let a=q(e);if(!a.length)return t.preventDefault();let n=a[0],r=a[a.length-1];t.shiftKey&&(document.activeElement===n||!e.contains(document.activeElement))?(t.preventDefault(),r.focus()):!t.shiftKey&&document.activeElement===r&&(t.preventDefault(),n.focus())}var l1=t=>Array.from(t.querySelectorAll('[role=\"menuitem\"]')).filter(e=>!e.hasAttribute(\"disabled\")&&e.getAttribute(\"aria-disabled\")!==\"true\");function N1(t,e){let a=l1(e);if(!a.length)return!1;let n=a.indexOf(document.activeElement),r={ArrowDown:n+1,ArrowUp:n-1,Home:0,End:a.length-1}[t.key];return r===void 0?!1:(t.preventDefault(),a[(r+a.length)%a.length].focus(),!0)}var s=[];function h1(t){s.push(t)}function s1(t){let e=s.findIndex(a=>a.element===t);e>=0&&s.splice(e,1)}var r1=()=>s[s.length-1],o1=!1;function I1(){o1||(o1=!0,document.addEventListener(\"keydown\",t=>{let e=r1();e&&(t.key===\"Escape\"?(t.preventDefault(),e.close(!0)):e.modal&&D1(t,e.element))}),document.addEventListener(\"pointerdown\",t=>{let e=r1();if(!e||e.modal||e.element.contains(t.target))return;let a=t.target.closest?.(\"[aria-expanded]\");a&&e.element.id&&a.getAttribute(\"aria-controls\")===e.element.id||e.close(!1)},!0),addEventListener(\"resize\",()=>{for(let t of s)t.element.dispatchEvent(new Event(\"dv:reposition\"))}))}function y(t){t.dataset.state=\"closed\",requestAnimationFrame(()=>requestAnimationFrame(()=>t.dataset.state=\"open\"))}var P=new WeakMap;function p1(t){t.parentNode!==document.body&&(P.set(t,{parent:t.parentNode,next:t.nextSibling}),document.body.appendChild(t))}function m1(t){let e=P.get(t);e?.parent.isConnected&&e.parent.insertBefore(t,e.next),P.delete(t)}function O1(t){typeof t.show==\"function\"?t.show():t.setAttribute(\"open\",\"\")}function G1(t,e){typeof t.close==\"function\"?t.close(e??\"\"):t.removeAttribute(\"open\")}var W=t=>typeof t==\"string\"?document.getElementById(t):t;function u1(t,e=document.activeElement){let a=W(t);if(!a||a.dataset.state===\"open\"||a.dataset.state===\"closed\")return;let n=document.createElement(\"div\");n.className=\"dialog-scrim\",n.style.height=`${Math.max(document.documentElement.scrollHeight,innerHeight)}px`,p1(a),document.body.insertBefore(n,a),!a.getAttribute(\"role\")&&a.tagName!==\"DIALOG\"&&a.setAttribute(\"role\",\"dialog\"),a.setAttribute(\"aria-modal\",\"true\"),a.tagName===\"DIALOG\"?O1(a):a.hidden=!1;let r=()=>z1(a,e);r(),a.addEventListener(\"dv:reposition\",r),y(a),y(n);let o=i=>{s1(a),a.removeEventListener(\"dv:reposition\",r),b(a),n.remove(),delete a.dataset.state,a.tagName===\"DIALOG\"?G1(a,i):a.hidden=!0,m1(a),e?.focus?.(),a.dispatchEvent(new CustomEvent(\"dv:close\",{detail:{value:i}}))};M1.set(a,o),n.addEventListener(\"click\",()=>o()),h1({element:a,close:()=>o(),modal:!0}),(a.querySelector(\"[autofocus]\")??q(a)[0]??a).focus({preventScroll:!0}),M()||a.scrollIntoView({block:\"nearest\"})}var M1=new WeakMap;function f1(t,e){let a=W(t);a&&M1.get(a)?.(e)}function F1(t,e,a){if(!e.hidden)return g(e);p1(e),e.hidden=!1,t.setAttribute(\"aria-expanded\",\"true\");let n=()=>$(t,e,{align:t.dataset.align??\"start\"});n(),e.addEventListener(\"dv:reposition\",n),y(e),R.set(e,()=>{s1(e),e.removeEventListener(\"dv:reposition\",n),b(e),e.hidden=!0,delete e.dataset.state,t.setAttribute(\"aria-expanded\",\"false\"),m1(e)}),h1({element:e,close:r=>g(e,r)}),a===\"menu\"?l1(e)[0]?.focus():(e.querySelector(\"[autofocus]\")??q(e)[0])?.focus(),v1.set(e,t)}var R=new WeakMap,v1=new WeakMap;function g(t,e=!1){R.get(t)?.(),R.delete(t),e&&v1.get(t)?.focus()}function P1(t,e){t.setAttribute(\"role\",\"menu\"),e.id&&t.setAttribute(\"aria-labelledby\",e.id);for(let a of Array.from(t.querySelectorAll(\"button, a\")))a.setAttribute(\"role\",\"menuitem\"),a.tabIndex=-1;for(let a of Array.from(t.querySelectorAll(\"hr\")))a.setAttribute(\"role\",\"separator\")}function y1(t){if(t.dataset.dvReady)return;t.dataset.dvReady=\"\";let e=t.dataset.menu!==void 0?\"menu\":t.dataset.popover!==void 0?\"popover\":\"dialog\",a=t.dataset[e],n=document.getElementById(a);if(t.setAttribute(\"aria-controls\",a),e===\"dialog\")return t.setAttribute(\"aria-haspopup\",\"dialog\");t.setAttribute(\"aria-haspopup\",e===\"menu\"?\"menu\":\"dialog\"),t.setAttribute(\"aria-expanded\",\"false\"),n&&(n.hidden=!0,e===\"menu\"?P1(n,t):n.getAttribute(\"role\")||n.setAttribute(\"role\",\"dialog\"))}var c=null,x=null,S=0;function d1(t){clearTimeout(S),x!==t&&(k(),c=document.createElement(\"div\"),c.className=\"tooltip\",c.id=`dv-tooltip-${Math.random().toString(36).slice(2,8)}`,c.setAttribute(\"role\",\"tooltip\"),c.textContent=t.dataset.tooltip??\"\",document.body.appendChild(c),$(t,c,{side:\"top\",align:\"center\"}),y(c),x=t,t.setAttribute(\"aria-describedby\",c.id))}function k(){clearTimeout(S),c&&(b(c),c.remove()),x?.removeAttribute(\"aria-describedby\"),c=x=null}var i1={positive:\"circle-check\",negative:\"circle-alert\",warning:\"triangle-alert\",info:\"info\"},h=null,T=null;function R1(t,{tone:e=\"neutral\",action:a,duration:n=4e3}={}){h?.isConnected||(h=document.createElement(\"div\"),h.className=\"toasts\",h.setAttribute(\"role\",\"status\"),h.setAttribute(\"aria-live\",\"polite\"),document.body.appendChild(h));let r=h,o=document.createElement(\"div\");o.className=`toast${e!==\"neutral\"?` ${e}`:\"\"}`;let d=i1[e]&&window.Dvina?.icon(i1[e]);if(d&&o.appendChild(d),o.appendChild(Object.assign(document.createElement(\"span\"),{className:\"toast-text\",textContent:t})),a){let m=Object.assign(document.createElement(\"button\"),{className:\"small ghost\",textContent:a.label});m.addEventListener(\"click\",()=>{a.onClick(),p()}),o.appendChild(m)}r.appendChild(o);let i=T?.isConnected?T:null;i&&!M()?$(i,r,{side:\"top\",align:\"center\"}):(r.style.left=`${Math.max(8,(document.documentElement.clientWidth-r.offsetWidth)/2)}px`,r.style.top=`${scrollY+innerHeight-r.offsetHeight-16}px`),y(o);let l=n>0?setTimeout(p,n):0;o.addEventListener(\"pointerenter\",()=>clearTimeout(l)),o.addEventListener(\"pointerleave\",()=>n>0&&(l=setTimeout(p,n)));function p(){clearTimeout(l),o.dataset.state=\"closed\",setTimeout(()=>{o.remove(),r.childElementCount||(b(r),r.remove())},160)}return p}function g1(){I1(),document.addEventListener(\"pointerdown\",t=>{T=t.target.closest?.(\"button, a, input, select, label, [tabindex]\")??t.target},!0),document.addEventListener(\"focusin\",t=>{T=t.target;let e=t.target.closest?.(\"[data-tooltip]\");e&&t.target.matches(\":focus-visible\")&&d1(e)}),document.addEventListener(\"focusout\",t=>{t.target.closest?.(\"[data-tooltip]\")===x&&k()}),document.addEventListener(\"pointerover\",t=>{if(t.pointerType===\"touch\")return;let e=t.target.closest?.(\"[data-tooltip]\");e&&(clearTimeout(S),S=window.setTimeout(()=>d1(e),c?0:450))}),document.addEventListener(\"pointerout\",t=>{let e=t.target.closest?.(\"[data-tooltip]\");e&&!e.contains(t.relatedTarget)&&k()}),document.addEventListener(\"keydown\",t=>{t.key===\"Escape\"&&c&&!s.length&&k();let e=t.target.closest?.('[role=\"menu\"]');if(e){if(N1(t,e))return;t.key===\"Tab\"&&g(e)}let a=t.target;a.dataset?.menu!==void 0&&(t.key===\"ArrowDown\"||t.key===\"ArrowUp\")&&(t.preventDefault(),a.click())}),document.addEventListener(\"click\",t=>{let e=t.target,a=e.closest?.(\"[data-dialog], [data-popover], [data-menu]\");if(a){if(y1(a),a.dataset.dialog!==void 0)u1(a.dataset.dialog,a);else{let i=document.getElementById(a.dataset.menu??a.dataset.popover??\"\");i&&F1(a,i,a.dataset.menu!==void 0?\"menu\":\"popover\")}return}let n=e.closest?.(\"[data-close]\"),r=n?.closest(\".dialog\");if(n&&r)return f1(r,n.dataset.close||void 0);let o=e.closest?.('[role=\"menuitem\"]'),d=o?.closest('[role=\"menu\"]');o&&d&&(g(d,!0),d.dispatchEvent(new CustomEvent(\"dv:select\",{bubbles:!0,detail:{value:o.dataset.value??o.textContent?.trim()}})))})}function x1(t){for(let e of Array.from(t.querySelectorAll(\"[data-dialog], [data-popover], [data-menu]\")))y1(e)}var b1={dialog:{open:u1,close:f1},popover:{open:t=>t.dataset.popover!==void 0&&t.click(),close:t=>{let e=W(t);e&&g(e,!0)}},toast:R1};var _=\"http://www.w3.org/2000/svg\";function C(t){let e=Number(t.min||0),a=Number(t.max||100),n=Number(t.value),r=a>e?(n-e)/(a-e)*100:0;t.style.setProperty(\"--fill\",`${Math.min(100,Math.max(0,r))}%`)}function $1(t){for(let e of Array.from(t.querySelectorAll(\"svg\"))){if(!e.querySelector(\".arrow\")||e.querySelector(\"#dv-arrow\"))continue;let a=e.querySelector(\"defs\")??e.insertBefore(document.createElementNS(_,\"defs\"),e.firstChild),n=document.createElementNS(_,\"marker\");for(let[o,d]of Object.entries({id:\"dv-arrow\",viewBox:\"0 0 10 10\",refX:\"8.5\",refY:\"5\",markerWidth:\"7\",markerHeight:\"7\",orient:\"auto-start-reverse\"}))n.setAttribute(o,d);let r=document.createElementNS(_,\"path\");r.setAttribute(\"d\",\"M1 1.5 9 5l-8 3.5 2-3.5z\"),n.appendChild(r),a.appendChild(n);for(let o of Array.from(e.querySelectorAll(\".arrow\")))o.hasAttribute(\"marker-end\")||o.setAttribute(\"marker-end\",\"url(#dv-arrow)\")}}function V(t){a1(t);for(let e of Array.from(t.querySelectorAll('input[type=\"range\"]')))C(e);$1(t),x1(t)}var E=()=>navigator.language||\"en-US\",q1={number:(t,e=0)=>new Intl.NumberFormat(E(),{maximumFractionDigits:e,minimumFractionDigits:0}).format(t),compact:t=>new Intl.NumberFormat(E(),{notation:\"compact\",maximumFractionDigits:1}).format(t),currency:(t,e=\"USD\",a)=>new Intl.NumberFormat(E(),{style:\"currency\",currency:e,maximumFractionDigits:a??(Math.abs(t)>=1e3?0:2)}).format(t),percent:(t,e=0)=>new Intl.NumberFormat(E(),{style:\"percent\",maximumFractionDigits:e}).format(t),date:(t,e={dateStyle:\"medium\"})=>new Intl.DateTimeFormat(E(),e).format(new Date(t))},W1={version:\"0.1.0\",icon:(t,e)=>G(t,e),enhance:V,format:q1,chart:{colors:u,chartjs:Y,echarts:H,echartsChart:J,recharts:K,withAlpha:L},...b1};function _1(){let t=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,\"value\");if(!t?.set||!t.get)return;let{get:e,set:a}=t;Object.defineProperty(HTMLInputElement.prototype,\"value\",{...t,get(){return e.call(this)},set(n){a.call(this,n),this.type===\"range\"&&C(this)}})}function j1(t){!!window.__dvinaFrame?.stream?window.addEventListener(\"load\",t,{once:!0}):document.readyState===\"loading\"?document.addEventListener(\"DOMContentLoaded\",t,{once:!0}):t()}function B1(){window.Dvina=W1,_1(),X(),g1(),j1(Z1)}function Z1(){document.addEventListener(\"input\",t=>{let e=t.target;e instanceof HTMLInputElement&&e.type===\"range\"&&C(e)}),V(document),new MutationObserver(t=>{for(let e of t){for(let a of Array.from(e.addedNodes))a instanceof Element&&(a.matches('i[data-icon], input[type=\"range\"], svg, [data-dialog], [data-popover], [data-menu]')?V(a.parentNode??document):V(a));e.type===\"attributes\"&&e.target instanceof HTMLInputElement&&e.target.type===\"range\"&&C(e.target)}}).observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[\"value\",\"min\",\"max\"]})}window.Dvina||B1();})();\n";
4
4
  export const kitReactScript = "\"use strict\";(()=>{var ie=Object.create;var A=Object.defineProperty;var le=Object.getOwnPropertyDescriptor;var ce=Object.getOwnPropertyNames;var de=Object.getPrototypeOf,ue=Object.prototype.hasOwnProperty;var me=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),pe=(e,t)=>{for(var n in t)A(e,n,{get:t[n],enumerable:!0})},fe=(e,t,n,a)=>{if(t&&typeof t==\"object\"||typeof t==\"function\")for(let o of ce(t))!ue.call(e,o)&&o!==n&&A(e,o,{get:()=>t[o],enumerable:!(a=le(t,o))||a.enumerable});return e};var F=(e,t,n)=>(n=e!=null?ie(de(e)):{},fe(t||!e||!e.__esModule?A(n,\"default\",{value:e,enumerable:!0}):n,e));var S=me((Ze,j)=>{j.exports=window.React});var $={};pe($,{Badge:()=>Ae,Button:()=>De,Callout:()=>Pe,Card:()=>ke,Chart:()=>ze,Checkbox:()=>Be,Dialog:()=>ge,Field:()=>k,Grid:()=>He,Icon:()=>R,Input:()=>je,List:()=>Ve,ListRow:()=>Ye,Menu:()=>Me,Popover:()=>Le,Progress:()=>Ie,Row:()=>Ce,Segmented:()=>Ge,Select:()=>Fe,Slider:()=>$e,Stack:()=>xe,Stat:()=>Se,Steps:()=>Ue,Switch:()=>qe,Table:()=>We,Tabs:()=>Ke,Tooltip:()=>Ne,chartTheme:()=>G,toast:()=>we,useChartTheme:()=>Xe});var r=F(S(),1);var i=F(S(),1);var ve='a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',b=()=>document.documentElement.dataset.widgetLayout===\"panel\",L=e=>{let t=e.getBoundingClientRect();return{top:t.top+scrollY,left:t.left+scrollX,bottom:t.bottom+scrollY,right:t.right+scrollX,width:t.width,height:t.height}},he=()=>b()?scrollY+innerHeight:L(document.body).bottom,B=()=>b()?scrollY:0,O=new WeakMap;function U(e,t){N(e);let n=Math.ceil(t+8-L(document.body).bottom);if(n<=0||b())return;let a=document.createElement(\"div\");a.className=\"dv-overlay-spacer\",a.setAttribute(\"aria-hidden\",\"true\"),a.style.height=`${n}px`,document.body.appendChild(a),O.set(e,a)}function N(e){O.get(e)?.remove(),O.delete(e)}function P(e,t,{side:n=\"bottom\",align:a=\"start\"}={}){let o=L(e),s=t.offsetWidth,l=t.offsetHeight,c=document.documentElement.clientWidth,u=getComputedStyle(e).direction===\"rtl\"?\"end\":\"start\",d=a===\"center\"?o.left+(o.width-s)/2:a===u?o.left:o.right-s;d=Math.min(Math.max(d,8),Math.max(8,c-s-8));let f=o.bottom+6,h=o.top-6-l,g=f+l<=he()-8,M=h>=B()+8,T=n===\"top\"?M||!g?Math.max(h,B()+8):f:g||!M?f:h;t.style.left=`${d}px`,t.style.top=`${T}px`,t.dataset.side=T<o.top?\"top\":\"bottom\",U(t,T+l)}function J(e,t){let n=e.offsetWidth,a=e.offsetHeight;e.style.left=`${Math.max(8,(document.documentElement.clientWidth-n)/2)}px`;let o;if(b())o=scrollY+Math.max(16,(innerHeight-a)/2);else{let s=t&&t!==document.body?L(t).top:8;o=Math.max(8,Math.min(s,L(document.body).bottom-a-8))}e.style.top=`${o}px`,U(e,o+a)}var w=e=>Array.from(e.querySelectorAll(ve)).filter(t=>t.offsetParent!==null||t===document.activeElement);function Ee(e,t){if(e.key!==\"Tab\")return;let n=w(t);if(!n.length)return e.preventDefault();let a=n[0],o=n[n.length-1];e.shiftKey&&(document.activeElement===a||!t.contains(document.activeElement))?(e.preventDefault(),o.focus()):!e.shiftKey&&document.activeElement===o&&(e.preventDefault(),a.focus())}var I=e=>Array.from(e.querySelectorAll('[role=\"menuitem\"]')).filter(t=>!t.hasAttribute(\"disabled\")&&t.getAttribute(\"aria-disabled\")!==\"true\");function _(e,t){let n=I(t);if(!n.length)return!1;let a=n.indexOf(document.activeElement),o={ArrowDown:a+1,ArrowUp:a-1,Home:0,End:n.length-1}[e.key];return o===void 0?!1:(e.preventDefault(),n[(o+n.length)%n.length].focus(),!0)}var y=[];function z(e){y.push(e)}function X(e){let t=y.findIndex(n=>n.element===e);t>=0&&y.splice(t,1)}var q=()=>y[y.length-1],W=!1;function Q(){W||(W=!0,document.addEventListener(\"keydown\",e=>{let t=q();t&&(e.key===\"Escape\"?(e.preventDefault(),t.close(!0)):t.modal&&Ee(e,t.element))}),document.addEventListener(\"pointerdown\",e=>{let t=q();if(!t||t.modal||t.element.contains(e.target))return;let n=e.target.closest?.(\"[aria-expanded]\");n&&t.element.id&&n.getAttribute(\"aria-controls\")===t.element.id||t.close(!1)},!0),addEventListener(\"resize\",()=>{for(let e of y)e.element.dispatchEvent(new Event(\"dv:reposition\"))}))}function x(e){e.dataset.state=\"closed\",requestAnimationFrame(()=>requestAnimationFrame(()=>e.dataset.state=\"open\"))}var V={positive:\"circle-check\",negative:\"circle-alert\",warning:\"triangle-alert\",info:\"info\"},E=null,Y=null;function Z(e,{tone:t=\"neutral\",action:n,duration:a=4e3}={}){E?.isConnected||(E=document.createElement(\"div\"),E.className=\"toasts\",E.setAttribute(\"role\",\"status\"),E.setAttribute(\"aria-live\",\"polite\"),document.body.appendChild(E));let o=E,s=document.createElement(\"div\");s.className=`toast${t!==\"neutral\"?` ${t}`:\"\"}`;let l=V[t]&&window.Dvina?.icon(V[t]);if(l&&s.appendChild(l),s.appendChild(Object.assign(document.createElement(\"span\"),{className:\"toast-text\",textContent:e})),n){let d=Object.assign(document.createElement(\"button\"),{className:\"small ghost\",textContent:n.label});d.addEventListener(\"click\",()=>{n.onClick(),u()}),s.appendChild(d)}o.appendChild(s);let c=Y?.isConnected?Y:null;c&&!b()?P(c,o,{side:\"top\",align:\"center\"}):(o.style.left=`${Math.max(8,(document.documentElement.clientWidth-o.offsetWidth)/2)}px`,o.style.top=`${scrollY+innerHeight-o.offsetHeight-16}px`),x(s);let p=a>0?setTimeout(u,a):0;s.addEventListener(\"pointerenter\",()=>clearTimeout(p)),s.addEventListener(\"pointerleave\",()=>a>0&&(p=setTimeout(u,a)));function u(){clearTimeout(p),s.dataset.state=\"closed\",setTimeout(()=>{s.remove(),o.childElementCount||(N(o),o.remove())},160)}return u}var ee=e=>window.ReactDOM.createPortal(e,document.body),be=0,te=()=>i.useMemo(()=>`dv-overlay-${++be}`,[]);function ne(e,t,n,a=!1){let o=i.useRef(n);o.current=n,i.useLayoutEffect(()=>{let s=t.current;return!e||!s?void 0:(Q(),z({element:s,close:c=>o.current(c),modal:a}),x(s),()=>{X(s),N(s)})},[e,t,a])}function ge({open:e,onClose:t,title:n,description:a,actions:o,children:s}){let l=i.useRef(null),c=i.useRef(null),p=i.useRef(null),u=te();return e&&!p.current&&(p.current=document.activeElement),ne(e,l,t,!0),i.useLayoutEffect(()=>{let d=l.current;if(!e||!d)return;let f=p.current,h=()=>{J(d,f),c.current&&(c.current.style.height=`${Math.max(document.documentElement.scrollHeight,innerHeight)}px`)};return h(),c.current&&x(c.current),d.addEventListener(\"dv:reposition\",h),(d.querySelector(\"[autofocus]\")??w(d)[0]??d).focus({preventScroll:!0}),b()||d.scrollIntoView({block:\"nearest\"}),()=>{d.removeEventListener(\"dv:reposition\",h),f?.focus?.(),p.current=null}},[e]),e?ee(i.createElement(i.Fragment,null,i.createElement(\"div\",{ref:c,className:\"dialog-scrim\",onClick:t}),i.createElement(\"div\",{ref:l,className:\"dialog\",role:\"dialog\",\"aria-modal\":\"true\",\"aria-labelledby\":n?u:void 0,tabIndex:-1},n&&i.createElement(\"h3\",{id:u,className:\"dialog-title\"},n),a&&i.createElement(\"p\",{className:\"dialog-description\"},a),s,o&&i.createElement(\"div\",{className:\"dialog-actions\"},o)))):null}function ye(e,t){let[n,a]=i.useState(!1),o=e??n,s=i.useCallback(l=>{e===void 0&&a(l),t?.(l)},[e,t]);return[o,s]}function oe({trigger:e,open:t,onOpenChange:n,align:a=\"start\",role:o,className:s,onKeyDown:l,focusFirst:c,children:p}){let[u,d]=ye(t,n),f=i.useRef(null),h=i.useRef(null),g=te(),M=i.useCallback(m=>{d(!1),m&&f.current?.focus()},[d]);ne(u,h,M),i.useLayoutEffect(()=>{let m=h.current;if(!u||!m||!f.current)return;let D=()=>f.current&&P(f.current,m,{align:a});return D(),m.addEventListener(\"dv:reposition\",D),c(m),()=>m.removeEventListener(\"dv:reposition\",D)},[u,a,c]);let T=i.cloneElement(e,{\"aria-haspopup\":o,\"aria-expanded\":u,\"aria-controls\":g,onClick:m=>{e.props.onClick?.(m),f.current=m.currentTarget,d(!u)},onKeyDown:m=>{e.props.onKeyDown?.(m),o===\"menu\"&&!u&&(m.key===\"ArrowDown\"||m.key===\"ArrowUp\")&&(m.preventDefault(),f.current=m.currentTarget,d(!0))}});return i.createElement(i.Fragment,null,T,u&&ee(i.createElement(\"div\",{ref:h,id:g,className:s,role:o,onKeyDown:l},p)))}var Re=e=>(e.querySelector(\"[autofocus]\")??w(e)[0])?.focus(),Te=e=>I(e)[0]?.focus();function Le(e){return i.createElement(oe,{...e,role:\"dialog\",className:\"popover\",focusFirst:Re})}function Me({items:e,...t}){let[n,a]=i.useState(!1);return i.createElement(oe,{...t,open:n,onOpenChange:a,role:\"menu\",className:\"menu\",focusFirst:Te,onKeyDown:o=>{_(o.nativeEvent,o.currentTarget)||o.key===\"Tab\"&&a(!1)}},e.map((o,s)=>o===\"separator\"?i.createElement(\"hr\",{key:s,role:\"separator\"}):\"heading\"in o?i.createElement(\"div\",{key:s,className:\"menu-label\"},o.label):i.createElement(\"button\",{key:s,type:\"button\",role:\"menuitem\",tabIndex:-1,className:o.danger?\"danger\":void 0,disabled:o.disabled,onClick:()=>{a(!1),o.onSelect()}},o.icon&&i.createElement(R,{name:o.icon}),o.label,o.shortcut&&i.createElement(\"span\",{className:\"shortcut\"},o.shortcut))))}function Ne({content:e,children:t}){return i.cloneElement(t,{\"data-tooltip\":e})}function we(e,t){return(window.Dvina?.toast??Z)(e,t)}var C=()=>window.Dvina,v=(...e)=>e.filter(Boolean).join(\" \");function R({name:e,label:t,className:n}){let a=r.useRef(null);return r.useLayoutEffect(()=>{let o=a.current,s=C()?.icon(e,t);if(o)if(o.replaceChildren(),s)n&&s.classList.add(...n.split(\" \")),o.appendChild(s);else{let l=document.createElement(\"i\");l.dataset.icon=e,o.appendChild(l),C()?.enhance(o)}},[e,t,n]),r.createElement(\"span\",{ref:a,style:{display:\"contents\"}})}function xe({children:e,gap:t,className:n}){return r.createElement(\"div\",{className:v(\"stack\",t&&`gap-${t}`,n)},e)}function Ce({children:e,justify:t,align:n,className:a}){return r.createElement(\"div\",{className:v(\"row\",t,n,a)},e)}function He({children:e,cols:t,min:n,className:a}){let o=n?{\"--min\":n}:void 0;return r.createElement(\"div\",{className:v(\"grid\",t&&`cols-${t}`,a),style:o},e)}function ke({children:e,title:t,subtitle:n,action:a,variant:o,className:s}){return r.createElement(\"section\",{className:v(\"card\",o,s)},(t||a)&&r.createElement(\"div\",{className:\"card-head\"},r.createElement(\"div\",null,t&&r.createElement(\"div\",{className:\"card-title\"},t),n&&r.createElement(\"div\",{className:\"card-subtitle\"},n)),a),e)}function De({children:e,variant:t,size:n,icon:a,className:o,...s}){return r.createElement(\"button\",{type:\"button\",className:v(t,n,a&&!e&&\"icon\",o),...s},a&&r.createElement(R,{name:a}),e)}function Ae({children:e,tone:t,outline:n}){return r.createElement(\"span\",{className:v(\"badge\",t!==\"neutral\"&&t,n&&\"outline\")},e)}function Se({label:e,value:t,delta:n,trend:a,small:o}){return r.createElement(\"div\",{className:v(\"stat\",o&&\"small\")},r.createElement(\"div\",{className:\"stat-label\"},e),r.createElement(\"div\",{className:\"stat-value\"},t),n!==void 0&&r.createElement(\"div\",{className:v(\"stat-delta\",a)},n))}var Oe={neutral:\"info\",info:\"info\",positive:\"circle-check\",warning:\"triangle-alert\",negative:\"circle-alert\"};function Pe({children:e,title:t,tone:n=\"neutral\"}){return r.createElement(\"div\",{className:v(\"callout\",n!==\"neutral\"&&n)},r.createElement(R,{name:Oe[n]}),r.createElement(\"div\",null,t&&r.createElement(\"strong\",null,t),e))}function Ie({value:e,tone:t,label:n}){let a=r.createElement(\"div\",{className:v(\"progress\",t&&t!==\"neutral\"&&t),role:\"progressbar\",\"aria-valuenow\":e,\"aria-valuemin\":0,\"aria-valuemax\":100,style:{\"--value\":Math.max(0,Math.min(100,e))}});return n?r.createElement(\"div\",{className:\"field\"},r.createElement(\"div\",{className:\"field-head\"},r.createElement(\"label\",null,n),r.createElement(\"output\",null,Math.round(e),\"%\")),a):a}var H=e=>typeof e==\"string\"?e:e.value,K=e=>typeof e==\"string\"?e:e.label;function Ge({options:e,value:t,onChange:n,block:a,label:o}){return r.createElement(\"div\",{className:v(\"segmented\",a&&\"block\"),role:\"group\",\"aria-label\":o},e.map(s=>{let l=H(s);return r.createElement(\"button\",{key:l,type:\"button\",\"aria-pressed\":l===t,onClick:()=>n(l)},K(s))}))}function Ke({tabs:e,value:t,onChange:n}){return r.createElement(\"div\",{className:\"tabs\",role:\"tablist\"},e.map(a=>{let o=H(a);return r.createElement(\"button\",{key:o,type:\"button\",role:\"tab\",\"aria-selected\":o===t,onClick:()=>n(o)},K(a))}))}function k({label:e,output:t,children:n}){return!e&&t===void 0?r.createElement(r.Fragment,null,n):r.createElement(\"label\",{className:\"field\"},r.createElement(\"span\",{className:\"field-head\"},r.createElement(\"span\",null,e),t!==void 0&&r.createElement(\"output\",null,t)),n)}function $e({label:e,value:t,onChange:n,min:a=0,max:o=100,step:s=1,format:l}){let c=o>a?(t-a)/(o-a)*100:0;return r.createElement(k,{label:e,output:l?l(t):t},r.createElement(\"input\",{type:\"range\",min:a,max:o,step:s,value:t,style:{\"--fill\":`${c}%`},onChange:p=>n(Number(p.target.value))}))}function Fe({label:e,value:t,onChange:n,options:a}){return r.createElement(k,{label:e},r.createElement(\"select\",{value:t,onChange:o=>n(o.target.value)},a.map(o=>r.createElement(\"option\",{key:H(o),value:H(o)},K(o)))))}function je({label:e,...t}){return r.createElement(k,{label:e},r.createElement(\"input\",{...t}))}function se({label:e,checked:t,onChange:n,role:a}){return r.createElement(\"label\",null,r.createElement(\"input\",{type:\"checkbox\",role:a,checked:t,onChange:o=>n(o.target.checked)}),e)}function Be(e){return r.createElement(se,{...e})}function qe(e){return r.createElement(se,{...e,role:\"switch\"})}function We({columns:e,rows:t,footer:n}){return r.createElement(\"table\",null,r.createElement(\"thead\",null,r.createElement(\"tr\",null,e.map(a=>r.createElement(\"th\",{key:a.key,className:a.numeric?\"num\":void 0},a.label)))),r.createElement(\"tbody\",null,t.map((a,o)=>r.createElement(\"tr\",{key:o},e.map(s=>r.createElement(\"td\",{key:s.key,className:s.numeric?\"num\":void 0},s.render?s.render(a):a[s.key]))))),n&&r.createElement(\"tfoot\",null,r.createElement(\"tr\",null,e.map(a=>r.createElement(\"td\",{key:a.key,className:a.numeric?\"num\":void 0},n[a.key])))))}function Ve({children:e}){return r.createElement(\"div\",{className:\"list\"},e)}function Ye({title:e,subtitle:t,icon:n,hue:a,end:o,onClick:s}){let l=r.createElement(r.Fragment,null,n&&r.createElement(\"span\",{className:v(\"tile\",a&&`hue-${a}`)},r.createElement(R,{name:n})),r.createElement(\"div\",{className:\"grow\"},r.createElement(\"div\",{className:\"list-title\"},e),t&&r.createElement(\"div\",{className:\"list-subtitle\"},t)),o);return s?r.createElement(\"button\",{type:\"button\",className:\"list-row\",onClick:s},l):r.createElement(\"div\",{className:\"list-row\"},l)}function Ue({steps:e}){return r.createElement(\"ol\",{className:\"steps\"},e.map((t,n)=>r.createElement(\"li\",{key:n,className:t.state},r.createElement(\"strong\",null,t.title),t.detail&&r.createElement(\"p\",null,t.detail))))}var Je=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js\",ae=null;function _e(){return window.Chart?Promise.resolve():(ae??(ae=new Promise((e,t)=>{let n=document.createElement(\"script\");n.src=Je,n.onload=()=>e(),n.onerror=()=>t(new Error(\"Chart.js failed to load\")),document.head.appendChild(n)})),ae)}function ze({type:e,data:t,options:n,height:a}){let o=r.useRef(null),s=r.useRef(null);return r.useEffect(()=>{let l=!1;return _e().then(()=>{if(l||!o.current)return;let c=window.Chart;C()?.chart.chartjs(c),s.current=new c(o.current,{type:e,data:t,options:n})}),()=>{l=!0,s.current?.destroy(),s.current=null}},[e]),r.useEffect(()=>{s.current&&(s.current.data=t,n&&(s.current.options=n),s.current.update())},[t,n]),r.createElement(\"div\",{className:\"chart\",style:a?{\"--chart-height\":a}:void 0},r.createElement(\"canvas\",{ref:o}))}function G(){let e=C()?.chart.recharts();if(!e)throw new Error(\"chartTheme needs the kit's script (window.Dvina)\");return e}var re=\"dvina-artifact-renderer:theme\";function Xe(){let[e,t]=r.useState(G);return r.useEffect(()=>{let n=()=>requestAnimationFrame(()=>t(G())),a=window.matchMedia?.(\"(prefers-color-scheme: dark)\");return window.addEventListener(re,n),a?.addEventListener?.(\"change\",n),()=>{window.removeEventListener(re,n),a?.removeEventListener?.(\"change\",n)}},[]),e}window.DvinaKit=$;})();\n";
5
5
  export const reactLoaderScript = "\"use strict\";(()=>{var g=[\"https://cdn.jsdelivr.net/npm/react@18.3.1/umd/react.production.min.js\",\"https://cdn.jsdelivr.net/npm/react-dom@18.3.1/umd/react-dom.production.min.js\"],c=()=>window;function m(n){return new Promise((t,e)=>{let o=document.createElement(\"script\");o.src=n,o.onload=()=>t(),o.onerror=()=>e(new Error(`Failed to load ${n}`)),document.head.append(o)})}function R(n){let t=document.createElement(\"script\");t.textContent=n,document.head.append(t)}var f=/^[A-Za-z_$][\\w$]*$/;function i(n){let t=window[n]??{},e=Object.keys(t).filter(r=>f.test(r)&&r!==\"default\");return URL.createObjectURL(new Blob([`const g = window[${JSON.stringify(n)}] || {};export default g;`+(e.length?`export const {${e.join(\",\")}} = g;`:\"\")],{type:\"text/javascript\"}))}var x=\"const R = window.React;const jsx = (type, props, key) => R.createElement(type, key === undefined ? props : { ...props, key });export { jsx, jsx as jsxs, jsx as jsxDEV };export const Fragment = R.Fragment;\";function v(){let n=i(\"React\"),t=i(\"ReactDOM\"),e=i(\"DvinaKit\"),o=URL.createObjectURL(new Blob([x],{type:\"text/javascript\"})),r=document.createElement(\"script\");r.type=\"importmap\",r.textContent=JSON.stringify({imports:{react:n,\"react-dom\":t,\"react-dom/client\":t,\"react/jsx-runtime\":o,\"react/jsx-dev-runtime\":o,\"@dvina/kit\":e,\"@dvina/widget-kit\":e},scopes:{}}),document.head.append(r)}function j(n){return n.replace(/(\\bfrom\\s*|\\bimport\\s*\\(\\s*|\\bimport\\s+)([\"'])([^\"'./][^\"']*)\\2/g,(t,e,o,r)=>/^(https?:|blob:|data:)/.test(r)||/^(react|react-dom)(\\/|$)/.test(r)||r.startsWith(\"@dvina/\")?t:`${e}${o}https://esm.sh/${r}?external=react,react-dom${o}`)}async function y(n,t,e={}){if(!c().React||!c().ReactDOM)for(let s of g)await m(s);e.text?R(e.text):e.url&&await m(e.url),v();let o=URL.createObjectURL(new Blob([`${j(t)}\n`],{type:\"text/javascript\"})),r=URL.createObjectURL(new Blob([`import * as widget from ${JSON.stringify(o)};window.__dvinaWidget = widget;`],{type:\"text/javascript\"}));await new Promise((s,w)=>{let a=document.createElement(\"script\");a.type=\"module\",a.src=r,a.onload=()=>s(),a.onerror=()=>w(new Error(\"The widget module failed to load.\")),document.head.append(a)});let{React:d,ReactDOM:l,__dvinaWidget:u}=c(),p=u?.default;if(typeof p!=\"function\")throw new Error(\"The widget module has no default export to render.\");if(!d||!l)throw new Error(\"React did not load.\");l.createRoot(n).render(d.createElement(p))}window.__dvinaMountReact=y;})();\n";
package/dist/kit.css CHANGED
@@ -1 +1 @@
1
- @layer dvina-tokens,theme,base,dvina,components,utilities;@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..700;1,14..32,400..700&family=Inter+Tight:wght@500..700&family=Manrope:wght@600..800&display=swap";@layer dvina{:root{--dv-control: var(--dv-control-s);--dv-gap: var(--dv-space-4);-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(pointer:coarse){:root{--dv-control: calc(var(--dv-control-s) + var(--dv-space-2))}}*,*:before,*:after{box-sizing:border-box}html{color:var(--dv-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";-webkit-tap-highlight-color:transparent}body{margin:0;font:400 var(--dv-text-m) / var(--dv-text-m-leading) var(--dv-font-text)}:root[data-widget-layout=inline] body{background:transparent;padding:2px}:root[data-widget-layout=panel] body,:root:not([data-widget-layout]) body{background:var(--dv-panel);padding:var(--dv-space-6) var(--dv-space-5)}:root:not([data-widget-layout]) body{max-width:60rem;margin-inline:auto}body>*+*{margin-top:var(--dv-gap)}h1,h2,h3,h4,p,ul,ol,dl,figure,blockquote,pre,table{margin:0}h1,h2,h3,h4{font-family:var(--dv-font-heading);color:var(--dv-text);text-wrap:balance;letter-spacing:-.01em}h1{font-size:calc(var(--dv-font-offset) + 1.25rem);line-height:1.2;font-weight:650}h2{font-size:var(--dv-ui-l);line-height:1.3;font-weight:600}h3{font-size:var(--dv-text-m);line-height:var(--dv-text-m-leading);font-weight:600}h4{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);font-weight:600;color:var(--dv-text-muted)}p{text-wrap:pretty}small,figcaption,caption{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}strong,b{font-weight:600}a{color:var(--dv-link);text-decoration:none}a:hover{color:var(--dv-link-hover);text-decoration:underline;text-underline-offset:.15em}ul,ol{padding-left:1.25em}li+li{margin-top:var(--dv-space-1)}li::marker{color:var(--dv-text-faint)}hr{border:0;border-top:1px solid var(--dv-border);margin:var(--dv-space-4) 0}code,kbd,pre,samp{font-family:var(--dv-font-mono);font-size:.875em}code{padding:.1em .35em;border-radius:var(--dv-radius-xs);background:var(--dv-fill)}pre{padding:var(--dv-space-3) var(--dv-space-4);border-radius:var(--dv-radius-m);background:var(--dv-surface-sunk);overflow-x:auto;line-height:1.55}pre code{padding:0;background:none;font-size:inherit}kbd{display:inline-block;min-width:1.6em;padding:.05em .4em;border-radius:var(--dv-radius-xs);background:var(--dv-surface);box-shadow:var(--dv-shadow-control);text-align:center;font-size:var(--dv-ui-xs)}blockquote{padding-left:var(--dv-space-4);border-left:3px solid var(--dv-border-strong);color:var(--dv-text-muted)}mark{background:var(--dv-highlight);color:inherit;border-radius:3px;padding:0 .15em}img,svg,video,canvas{max-width:100%}img,video{height:auto;border-radius:var(--dv-radius-m)}table{width:100%;border-collapse:collapse;font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);font-variant-numeric:tabular-nums}th,td{padding:var(--dv-space-2) var(--dv-space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--dv-border)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}th{font-weight:500;color:var(--dv-text-muted);white-space:nowrap}tbody tr:last-child td{border-bottom:0}tfoot td{font-weight:600;border-top:1px solid var(--dv-border-strong);border-bottom:0}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--dv-space-2);height:var(--dv-control);padding:0 calc(var(--dv-control) / 2);border:0;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong);color:var(--dv-text);font:500 var(--dv-ui-s) / 1 var(--dv-font-text);white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dv-duration) var(--dv-ease),transform var(--dv-duration) var(--dv-ease),opacity var(--dv-duration) var(--dv-ease)}button:hover,.button:hover{background:color-mix(in srgb,var(--dv-fill-strong),var(--dv-text) 6%);color:var(--dv-text);text-decoration:none}button:active,.button:active{transform:scale(.97)}button.primary,.button.primary{background:var(--dv-accent);color:var(--dv-on-accent)}button.primary:hover,.button.primary:hover{background:var(--dv-accent-hover);color:var(--dv-on-accent)}button.ghost,.button.ghost{background:transparent}button.ghost:hover,.button.ghost:hover{background:var(--dv-fill)}button.danger,.button.danger{background:var(--dv-negative-pale);color:var(--dv-negative-text)}button.small,.button.small{height:calc(var(--dv-control) - var(--dv-space-2));padding:0 var(--dv-space-3);font-size:var(--dv-ui-xs)}button.large,.button.large{height:calc(var(--dv-control) + var(--dv-space-2));padding:0 var(--dv-space-5);font-size:var(--dv-ui-m)}button.icon,.button.icon{width:var(--dv-control);padding:0}button:disabled,.button[aria-disabled=true]{opacity:var(--dv-disabled-opacity);pointer-events:none}:focus-visible{outline:2px solid var(--dv-ring);outline-offset:2px}label{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea{width:100%;min-width:0;height:var(--dv-control);padding:0 var(--dv-space-3);border:1px solid var(--dv-border-strong);border-radius:var(--dv-radius-s);background:var(--dv-surface);color:var(--dv-text);font:400 var(--dv-ui-s) / 1.3 var(--dv-font-text);transition:border-color var(--dv-duration) var(--dv-ease)}textarea{height:auto;min-height:calc(var(--dv-control) * 2.5);padding:var(--dv-space-2) var(--dv-space-3);resize:vertical;line-height:var(--dv-text-s-leading)}input:hover,select:hover,textarea:hover{border-color:var(--dv-border-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--dv-ring)}::placeholder{color:var(--dv-text-faint)}select{-webkit-appearance:none;appearance:none;padding-right:calc(var(--dv-space-3) + 1rem);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6.5 3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--dv-space-2) center}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;flex:none;display:inline-grid;place-content:center;width:1.125rem;height:1.125rem;margin:0;vertical-align:-.2em;border:1.5px solid var(--dv-border-hover);border-radius:.3125rem;background:var(--dv-surface);cursor:pointer;transition:background-color var(--dv-duration) var(--dv-ease),border-color var(--dv-duration) var(--dv-ease)}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--dv-accent);background:var(--dv-accent)}input[type=checkbox]:checked:after{content:"";width:.625rem;height:.625rem;background:var(--dv-on-accent);clip-path:polygon(14% 44%,0 65%,43% 100%,100% 22%,84% 7%,41% 66%)}input[type=radio]:checked:after{content:"";width:.4375rem;height:.4375rem;border-radius:50%;background:var(--dv-on-accent)}input[type=checkbox][role=switch]{width:2.375rem;height:1.375rem;padding:2px;place-content:center start;border:0;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong)}input[type=checkbox][role=switch]:after{content:"";width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;clip-path:none;box-shadow:0 1px 3px #0003;transition:translate var(--dv-duration-slow) var(--dv-ease-emphasized)}input[type=checkbox][role=switch]:checked{background:var(--dv-switch-on)}input[type=checkbox][role=switch]:checked:after{translate:1rem 0}:where(label:has(>input[type=checkbox],>input[type=radio])){display:inline-flex;align-items:center;gap:var(--dv-space-2);color:var(--dv-text);font-size:var(--dv-ui-s);cursor:pointer}input[type=range]{--fill: 50%;-webkit-appearance:none;appearance:none;width:100%;height:1.5rem;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--dv-accent) var(--fill),var(--dv-fill-strong) var(--fill))}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--dv-fill-strong)}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--dv-accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--dv-ring)}output{font-variant-numeric:tabular-nums;font-weight:600}progress,meter{-webkit-appearance:none;appearance:none;width:100%;height:6px;border:0;border-radius:3px;background:var(--dv-fill-strong);overflow:hidden}progress::-webkit-progress-bar{background:var(--dv-fill-strong)}progress::-webkit-progress-value{border-radius:3px;background:var(--dv-accent)}progress::-moz-progress-bar{border-radius:3px;background:var(--dv-accent)}meter::-webkit-meter-bar{border:0;background:var(--dv-fill-strong)}meter::-webkit-meter-optimum-value{background:var(--dv-positive)}meter::-webkit-meter-suboptimum-value{background:var(--dv-warning)}meter::-webkit-meter-even-less-good-value{background:var(--dv-negative)}details{border-bottom:1px solid var(--dv-border)}summary{display:flex;align-items:center;justify-content:space-between;gap:var(--dv-space-3);padding:var(--dv-space-3) 0;font-weight:500;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"";flex:none;width:.5rem;height:.5rem;border-right:1.5px solid var(--dv-text-faint);border-bottom:1.5px solid var(--dv-text-faint);rotate:45deg;translate:0 -2px;transition:rotate var(--dv-duration-slow) var(--dv-ease-emphasized)}details[open]>summary:after{rotate:225deg;translate:0 2px}details>:not(summary){padding-bottom:var(--dv-space-3);color:var(--dv-text-muted)}fieldset{margin:0;padding:0;border:0}legend{padding:0;margin-bottom:var(--dv-space-2);font-size:var(--dv-text-s);color:var(--dv-text-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}.stack{display:flex;flex-direction:column;gap:var(--dv-gap)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dv-space-2)}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.top{align-items:flex-start}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min, 10rem),100%),1fr));gap:var(--dv-gap)}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media not (min-width:36rem){.grid.cols-3{grid-template-columns:minmax(0,1fr)}.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid:is(.cols-2,.cols-4)>:last-child:nth-child(odd){grid-column:1 / -1}}.gap-s{--dv-gap: var(--dv-space-2)}.gap-l{--dv-gap: var(--dv-space-5)}.grow{flex:1 1 0;min-width:0}.card{display:flex;flex-direction:column;gap:var(--dv-gap);padding:var(--dv-space-4);border-radius:var(--dv-radius-l);background:var(--dv-surface);box-shadow:var(--dv-shadow-surface);min-width:0}.card>*+*{margin-top:0}.card.sunk{background:var(--dv-fill);box-shadow:none}.card.glass{background:var(--dv-glass);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:var(--dv-shadow-surface),inset 0 1px #ffffff1f}.card.flat{padding:0;background:none;box-shadow:none}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--dv-space-3)}.card-head>div>*+*{margin-top:.125rem}.card-title{font:600 var(--dv-ui-m) / 1.3 var(--dv-font-heading);letter-spacing:-.01em}.card-subtitle,.muted{color:var(--dv-text-muted)}.card-subtitle{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.faint{color:var(--dv-text-faint)}.small{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.caption{font-size:var(--dv-ui-xs);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--dv-text-faint)}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.stat{display:flex;flex-direction:column;gap:var(--dv-space-1);min-width:0}.stat>*+*{margin-top:0}.stat-label{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}.stat-value{font:700 var(--dv-display) / var(--dv-display-leading) var(--dv-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat.small .stat-value{font-size:calc(var(--dv-font-offset) + 1.375rem)}.stat-delta{font-size:var(--dv-ui-xs);font-weight:500;color:var(--dv-text-muted)}.stat-delta.up,.positive-text{color:var(--dv-positive-text)}.stat-delta.down,.negative-text{color:var(--dv-negative-text)}.badge{display:inline-flex;align-items:center;gap:.25rem;height:1.375rem;padding:0 .5rem;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong);color:var(--dv-text);font:500 var(--dv-ui-xs) / 1 var(--dv-font-text);white-space:nowrap;vertical-align:middle}.badge.positive{background:var(--dv-positive-pale);color:var(--dv-positive-text)}.badge.negative{background:var(--dv-negative-pale);color:var(--dv-negative-text)}.badge.warning{background:var(--dv-warning-pale);color:var(--dv-warning-text)}.badge.info{background:var(--dv-info-pale);color:var(--dv-info-text)}.badge.outline{background:none;box-shadow:inset 0 0 0 1px var(--dv-border-strong)}.callout{display:flex;gap:var(--dv-space-3);padding:var(--dv-space-3) var(--dv-space-4);border-radius:var(--dv-radius-m);background:var(--dv-fill);font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.callout>svg{flex:none;width:1.125rem;height:1.125rem;margin-top:.0625rem}.callout strong{display:block}.callout.info{background:var(--dv-info-pale)}.callout.positive{background:var(--dv-positive-pale)}.callout.warning{background:var(--dv-warning-pale)}.callout.negative{background:var(--dv-negative-pale)}.callout.info>svg,.callout.info strong{color:var(--dv-info-text)}.callout.positive>svg,.callout.positive strong{color:var(--dv-positive-text)}.callout.warning>svg,.callout.warning strong{color:var(--dv-warning-text)}.callout.negative>svg,.callout.negative strong{color:var(--dv-negative-text)}.segmented{display:inline-flex;padding:2px;gap:2px;border-radius:var(--dv-radius-pill);background:var(--dv-surface);box-shadow:var(--dv-shadow-control);max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented>button,.segmented>label{flex:1 0 auto;height:calc(var(--dv-control) - 4px);padding:0 var(--dv-space-3);border-radius:var(--dv-radius-pill);background:transparent;color:var(--dv-text-muted);font:500 var(--dv-ui-s) / 1 var(--dv-font-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--dv-duration) var(--dv-ease),color var(--dv-duration) var(--dv-ease)}.segmented>button:hover,.segmented>label:hover{background:transparent;color:var(--dv-text)}.segmented>button:active{transform:none}.segmented>label>input{position:absolute;opacity:0;pointer-events:none}.segmented>button[aria-pressed=true],.segmented>button[aria-selected=true],.segmented>label:has(>input:checked){background:var(--dv-segment-puck);color:var(--dv-text);box-shadow:0 1px 2px #00000014}.segmented.block{display:flex}.tabs{display:flex;gap:var(--dv-space-5);border-bottom:1px solid var(--dv-border);overflow-x:auto;scrollbar-width:none}.tabs>button{height:auto;padding:var(--dv-space-2) 0;border-radius:0;background:none;color:var(--dv-text-muted);box-shadow:inset 0 -2px 0 transparent}.tabs>button:hover{background:none;color:var(--dv-text)}.tabs>button:active{transform:none}.tabs>button[aria-selected=true]{color:var(--dv-text);box-shadow:inset 0 -2px 0 var(--dv-accent)}.progress{--value: 0;--tone: var(--dv-accent);position:relative;height:6px;border-radius:3px;background:var(--dv-fill-strong);overflow:hidden}.progress:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--value) * 1%);border-radius:inherit;background:var(--tone);transition:width var(--dv-duration-slow) var(--dv-ease-emphasized)}.progress.positive{--tone: var(--dv-positive)}.progress.warning{--tone: var(--dv-warning)}.progress.negative{--tone: var(--dv-negative)}.progress.info{--tone: var(--dv-info)}.list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.list>*+*{margin-top:0}.list-row{display:flex;align-items:center;gap:var(--dv-space-3);min-height:calc(var(--dv-control) + var(--dv-space-3));padding:var(--dv-space-2) 0;border-bottom:1px solid var(--dv-border);color:inherit;font-size:inherit;line-height:inherit;text-decoration:none}.list-row:last-child{border-bottom:0}a.list-row:hover,button.list-row:hover{color:inherit;text-decoration:none}button.list-row{width:100%;height:auto;border-radius:0;background:none;font:inherit;text-align:left;justify-content:flex-start}button.list-row:active{transform:none}.list-row>.grow>*+*{margin-top:.125rem}.list-title{font-weight:500}.list-subtitle{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}.tile{--hue: var(--dv-gray);flex:none;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--dv-radius-m);background:color-mix(in srgb,var(--hue) 16%,transparent);color:var(--hue)}.tile>svg{width:1.25rem;height:1.25rem}.steps{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;counter-reset:step}.steps>li{position:relative;margin:0;padding:0 0 var(--dv-space-4) calc(1.5rem + var(--dv-space-3));counter-increment:step}.steps>li:last-child{padding-bottom:0}.steps>li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--dv-fill-strong);font:600 var(--dv-ui-xs) / 1 var(--dv-font-text);color:var(--dv-text)}.steps>li:after{content:"";position:absolute;left:calc(.75rem - .5px);top:1.75rem;bottom:.25rem;width:1px;background:var(--dv-border-strong)}.steps>li:last-child:after{display:none}.steps>li.done:before{content:"\2713";background:var(--dv-positive);color:#fff}.steps>li.current:before{background:var(--dv-accent);color:var(--dv-on-accent)}.steps>li>strong{display:block;line-height:1.5rem}.steps>li>p{color:var(--dv-text-muted);font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.field{display:flex;flex-direction:column;gap:var(--dv-space-1)}.field>*+*{margin-top:0}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dv-space-2)}.field-head output{font-size:var(--dv-ui-s)}.pairs{display:grid;grid-template-columns:auto 1fr;gap:var(--dv-space-2) var(--dv-space-4);margin:0;font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.pairs>dt{color:var(--dv-text-muted)}.pairs>dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.chart{position:relative;width:100%;height:var(--chart-height, 15rem)}.chart>canvas{position:absolute;inset:0}.divider{height:1px;background:var(--dv-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}svg.icon{flex:none;width:1.15em;height:1.15em;vertical-align:-.2em;stroke-width:1.75}i[data-icon]{display:inline-block;width:1.15em;height:1.15em}:where(.dialog,.popover,.menu,.tooltip,.toasts){position:absolute;z-index:20}.dialog,.dialog-scrim,.popover,.menu,.tooltip,.toasts,.dv-overlay-spacer{margin:0}.popover[hidden],.menu[hidden]{display:none}.dialog-scrim{position:absolute;inset:0 0 auto;z-index:19;background:#00000052;transition:opacity var(--dv-duration-slow) var(--dv-ease)}.dialog-scrim[data-state=closed]{opacity:0}.dialog{display:flex;flex-direction:column;gap:var(--dv-space-3);width:min(26rem,calc(100vw - 2rem));max-width:none;padding:var(--dv-space-5);border:0;border-radius:calc(var(--dv-radius-l) + .25rem);background:var(--dv-surface);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 1.5rem 3rem #0000002e;transition:opacity var(--dv-duration-slow) var(--dv-ease),scale var(--dv-duration-slow) var(--dv-ease-emphasized)}.dialog:not([open]):not([data-state]){display:none}.dialog>*+*{margin-top:0}.dialog h2,.dialog h3,.dialog-title{font:600 var(--dv-ui-l) / 1.3 var(--dv-font-heading)}.dialog p,.dialog-description{color:var(--dv-text-muted)}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--dv-space-2);margin-top:var(--dv-space-2)}@media not (min-width:36rem){.dialog-actions>*{flex:1 1 0}}:where(.popover,.menu){min-width:12rem;max-width:min(20rem,calc(100vw - 1rem));border-radius:var(--dv-radius-l);background:var(--dv-popover);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 0 0 1px var(--dv-border);transition:opacity var(--dv-duration) var(--dv-ease),scale var(--dv-duration-slow) var(--dv-ease-emphasized)}.popover{display:flex;flex-direction:column;gap:var(--dv-space-3);padding:var(--dv-space-4)}.popover>*+*{margin-top:0}.menu{display:flex;flex-direction:column;padding:var(--dv-space-1)}.menu>:where(button,a){justify-content:flex-start;gap:var(--dv-space-2);width:100%;height:calc(var(--dv-control) - .25rem);padding:0 var(--dv-space-3);border-radius:var(--dv-radius-s);background:transparent;color:var(--dv-text);font:400 var(--dv-ui-s) / 1 var(--dv-font-text);text-align:left;text-decoration:none}.menu>:where(button,a):is(:hover,:focus-visible){background:var(--dv-fill-strong);color:var(--dv-text);outline:none;text-decoration:none}.menu>:where(button,a):active{transform:none}.menu>:where(button,a)>svg{color:var(--dv-text-muted)}.menu>:is(button,a).danger,.menu>:is(button,a).danger>svg{background:transparent;color:var(--dv-negative-text)}.menu>:is(button,a).danger:is(:hover,:focus-visible){background:var(--dv-negative-pale)}.menu>:where(button,a)>kbd,.menu>:where(button,a)>.shortcut{margin-left:auto;color:var(--dv-text-faint);font-size:var(--dv-ui-xs)}.menu>hr{margin:var(--dv-space-1) var(--dv-space-2);border-top-color:var(--dv-border-strong)}.menu-label{padding:var(--dv-space-2) var(--dv-space-3) var(--dv-space-1);color:var(--dv-text-faint);font:500 var(--dv-ui-xs) / 1.2 var(--dv-font-text)}.tooltip{max-width:16rem;padding:.3125rem .5rem;border-radius:var(--dv-radius-s);background:color-mix(in srgb,var(--dv-text) 92%,transparent);color:var(--dv-surface);font:500 var(--dv-ui-xs) / 1.3 var(--dv-font-text);pointer-events:none;transition:opacity var(--dv-duration) var(--dv-ease)}.toasts{display:flex;flex-direction:column;align-items:center;gap:var(--dv-space-2);width:max-content;max-width:calc(100vw - 1rem);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--dv-space-2);min-height:calc(var(--dv-control) + .25rem);padding:var(--dv-space-2) var(--dv-space-2) var(--dv-space-2) var(--dv-space-4);border-radius:var(--dv-radius-pill);background:var(--dv-popover);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 0 0 1px var(--dv-border);font:500 var(--dv-ui-s) / 1.3 var(--dv-font-text);pointer-events:auto;transition:opacity var(--dv-duration-slow) var(--dv-ease),translate var(--dv-duration-slow) var(--dv-ease-emphasized)}.toast:not(:has(>button)){padding-right:var(--dv-space-4)}.toast>svg{flex:none;width:1.125rem;height:1.125rem}.toast.positive>svg{color:var(--dv-positive)}.toast.negative>svg{color:var(--dv-negative)}.toast.warning>svg{color:var(--dv-warning)}.toast.info>svg{color:var(--dv-info)}.toast[data-state=closed]{opacity:0;translate:0 .5rem}:where(.dialog,.popover,.menu)[data-state=closed]{opacity:0;scale:.96}.tooltip[data-state=closed]{opacity:0}svg text,svg .t{fill:var(--dv-text);font-family:var(--dv-font-text);font-size:13px;dominant-baseline:middle}svg .t-s{font-size:11px}svg .t-m{fill:var(--dv-text-muted)}svg .t-b{font-weight:600}svg .t-h{font-family:var(--dv-font-heading);font-size:15px;font-weight:600}svg .node{fill:var(--dv-surface);stroke:var(--dv-border-strong);stroke-width:1}svg .node.sunk{fill:var(--dv-surface-sunk);stroke:none}svg .edge,svg .arrow{fill:none;stroke:var(--dv-text-faint);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}svg .edge.dashed,svg .arrow.dashed{stroke-dasharray:4 4}svg .dot{fill:var(--dv-text-faint)}svg #dv-arrow path{fill:var(--dv-text-faint)}svg [class*=c-]{--hue: var(--dv-gray)}svg .c-red{--hue: var(--dv-red)}svg .c-orange{--hue: var(--dv-orange)}svg .c-yellow{--hue: var(--dv-yellow)}svg .c-green{--hue: var(--dv-green)}svg .c-teal{--hue: var(--dv-teal)}svg .c-blue{--hue: var(--dv-blue)}svg .c-indigo{--hue: var(--dv-indigo)}svg .c-purple{--hue: var(--dv-purple)}svg .c-pink{--hue: var(--dv-pink)}svg .c-gray{--hue: var(--dv-gray)}svg .node[class*=c-],svg [class*=c-] .node{fill:color-mix(in srgb,var(--hue) 14%,var(--dv-surface));stroke:color-mix(in srgb,var(--hue) 55%,transparent)}svg .edge[class*=c-],svg .arrow[class*=c-],svg [class*=c-] .edge,svg [class*=c-] .arrow{stroke:var(--hue)}svg text[class*=c-],svg [class*=c-] text{fill:color-mix(in srgb,var(--hue) 70%,var(--dv-text))}svg [class*=c-] .t-m{fill:var(--dv-text-muted)}svg .fill[class*=c-],svg [class*=c-] .fill{fill:var(--hue);stroke:none}.hue-red{--hue: var(--dv-red)}.hue-orange{--hue: var(--dv-orange)}.hue-yellow{--hue: var(--dv-yellow)}.hue-green{--hue: var(--dv-green)}.hue-teal{--hue: var(--dv-teal)}.hue-blue{--hue: var(--dv-blue)}.hue-indigo{--hue: var(--dv-indigo)}.hue-purple{--hue: var(--dv-purple)}.hue-pink{--hue: var(--dv-pink)}.hue-gray{--hue: var(--dv-gray)}}
1
+ @layer dvina-tokens,theme,base,dvina,components,utilities;@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..700;1,14..32,400..700&family=Inter+Tight:wght@500..700&family=Manrope:wght@600..800&display=swap";@layer dvina{:root{--dv-control: var(--dv-control-s);--dv-gap: var(--dv-space-4);-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(pointer:coarse){:root{--dv-control: calc(var(--dv-control-s) + var(--dv-space-2))}}*,*:before,*:after{box-sizing:border-box}html{color:var(--dv-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";-webkit-tap-highlight-color:transparent}body{margin:0;font:400 var(--dv-text-m) / var(--dv-text-m-leading) var(--dv-font-text)}:root[data-widget-layout=inline] body{background:transparent;padding:2px 2px 5px}:root[data-widget-layout=panel] body,:root:not([data-widget-layout]) body{background:var(--dv-panel);padding:var(--dv-space-6) var(--dv-space-5)}:root:not([data-widget-layout]) body{max-width:60rem;margin-inline:auto}body>*+*{margin-top:var(--dv-gap)}h1,h2,h3,h4,p,ul,ol,dl,figure,blockquote,pre,table{margin:0}h1,h2,h3,h4{font-family:var(--dv-font-heading);color:var(--dv-text);text-wrap:balance;letter-spacing:-.01em}h1{font-size:calc(var(--dv-font-offset) + 1.25rem);line-height:1.2;font-weight:650}h2{font-size:var(--dv-ui-l);line-height:1.3;font-weight:600}h3{font-size:var(--dv-text-m);line-height:var(--dv-text-m-leading);font-weight:600}h4{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);font-weight:600;color:var(--dv-text-muted)}p{text-wrap:pretty}small,figcaption,caption{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}strong,b{font-weight:600}a{color:var(--dv-link);text-decoration:none}a:hover{color:var(--dv-link-hover);text-decoration:underline;text-underline-offset:.15em}ul,ol{padding-left:1.25em}li+li{margin-top:var(--dv-space-1)}li::marker{color:var(--dv-text-faint)}hr{border:0;border-top:1px solid var(--dv-border);margin:var(--dv-space-4) 0}code,kbd,pre,samp{font-family:var(--dv-font-mono);font-size:.875em}code{padding:.1em .35em;border-radius:var(--dv-radius-xs);background:var(--dv-fill)}pre{padding:var(--dv-space-3) var(--dv-space-4);border-radius:var(--dv-radius-m);background:var(--dv-surface-sunk);overflow-x:auto;line-height:1.55}pre code{padding:0;background:none;font-size:inherit}kbd{display:inline-block;min-width:1.6em;padding:.05em .4em;border-radius:var(--dv-radius-xs);background:var(--dv-surface);box-shadow:var(--dv-shadow-control);text-align:center;font-size:var(--dv-ui-xs)}blockquote{padding-left:var(--dv-space-4);border-left:3px solid var(--dv-border-strong);color:var(--dv-text-muted)}mark{background:var(--dv-highlight);color:inherit;border-radius:3px;padding:0 .15em}img,svg,video,canvas{max-width:100%}img,video{height:auto;border-radius:var(--dv-radius-m)}table{width:100%;border-collapse:collapse;font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);font-variant-numeric:tabular-nums}th,td{padding:var(--dv-space-2) var(--dv-space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--dv-border)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}th{font-weight:500;color:var(--dv-text-muted);white-space:nowrap}tbody tr:last-child td{border-bottom:0}tfoot td{font-weight:600;border-top:1px solid var(--dv-border-strong);border-bottom:0}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--dv-space-2);height:var(--dv-control);padding:0 calc(var(--dv-control) / 2);border:0;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong);color:var(--dv-text);font:500 var(--dv-ui-s) / 1 var(--dv-font-text);white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dv-duration) var(--dv-ease),transform var(--dv-duration) var(--dv-ease),opacity var(--dv-duration) var(--dv-ease)}button:hover,.button:hover{background:color-mix(in srgb,var(--dv-fill-strong),var(--dv-text) 6%);color:var(--dv-text);text-decoration:none}button:active,.button:active{transform:scale(.97)}button.primary,.button.primary{background:var(--dv-accent);color:var(--dv-on-accent)}button.primary:hover,.button.primary:hover{background:var(--dv-accent-hover);color:var(--dv-on-accent)}button.ghost,.button.ghost{background:transparent}button.ghost:hover,.button.ghost:hover{background:var(--dv-fill)}button.danger,.button.danger{background:var(--dv-negative-pale);color:var(--dv-negative-text)}button.small,.button.small{height:calc(var(--dv-control) - var(--dv-space-2));padding:0 var(--dv-space-3);font-size:var(--dv-ui-xs)}button.large,.button.large{height:calc(var(--dv-control) + var(--dv-space-2));padding:0 var(--dv-space-5);font-size:var(--dv-ui-m)}button.icon,.button.icon{width:var(--dv-control);padding:0}button:disabled,.button[aria-disabled=true]{opacity:var(--dv-disabled-opacity);pointer-events:none}:focus-visible{outline:2px solid var(--dv-ring);outline-offset:2px}label{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea{width:100%;min-width:0;height:var(--dv-control);padding:0 var(--dv-space-3);border:1px solid var(--dv-border-strong);border-radius:var(--dv-radius-s);background:var(--dv-surface);color:var(--dv-text);font:400 var(--dv-ui-s) / 1.3 var(--dv-font-text);transition:border-color var(--dv-duration) var(--dv-ease)}textarea{height:auto;min-height:calc(var(--dv-control) * 2.5);padding:var(--dv-space-2) var(--dv-space-3);resize:vertical;line-height:var(--dv-text-s-leading)}input:hover,select:hover,textarea:hover{border-color:var(--dv-border-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--dv-ring)}::placeholder{color:var(--dv-text-faint)}select{-webkit-appearance:none;appearance:none;padding-right:calc(var(--dv-space-3) + 1rem);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6.5 3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--dv-space-2) center}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;flex:none;display:inline-grid;place-content:center;width:1.125rem;height:1.125rem;margin:0;vertical-align:-.2em;border:1.5px solid var(--dv-border-hover);border-radius:.3125rem;background:var(--dv-surface);cursor:pointer;transition:background-color var(--dv-duration) var(--dv-ease),border-color var(--dv-duration) var(--dv-ease)}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--dv-accent);background:var(--dv-accent)}input[type=checkbox]:checked:after{content:"";width:.625rem;height:.625rem;background:var(--dv-on-accent);clip-path:polygon(14% 44%,0 65%,43% 100%,100% 22%,84% 7%,41% 66%)}input[type=radio]:checked:after{content:"";width:.4375rem;height:.4375rem;border-radius:50%;background:var(--dv-on-accent)}input[type=checkbox][role=switch]{width:2.375rem;height:1.375rem;padding:2px;place-content:center start;border:0;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong)}input[type=checkbox][role=switch]:after{content:"";width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;clip-path:none;box-shadow:0 1px 3px #0003;transition:translate var(--dv-duration-slow) var(--dv-ease-emphasized)}input[type=checkbox][role=switch]:checked{background:var(--dv-switch-on)}input[type=checkbox][role=switch]:checked:after{translate:1rem 0}:where(label:has(>input[type=checkbox],>input[type=radio])){display:inline-flex;align-items:center;gap:var(--dv-space-2);color:var(--dv-text);font-size:var(--dv-ui-s);cursor:pointer}input[type=range]{--fill: 50%;-webkit-appearance:none;appearance:none;width:100%;height:1.5rem;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--dv-accent) var(--fill),var(--dv-fill-strong) var(--fill))}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--dv-fill-strong)}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--dv-accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--dv-ring)}output{font-variant-numeric:tabular-nums;font-weight:600}progress,meter{-webkit-appearance:none;appearance:none;width:100%;height:6px;border:0;border-radius:3px;background:var(--dv-fill-strong);overflow:hidden}progress::-webkit-progress-bar{background:var(--dv-fill-strong)}progress::-webkit-progress-value{border-radius:3px;background:var(--dv-accent)}progress::-moz-progress-bar{border-radius:3px;background:var(--dv-accent)}meter::-webkit-meter-bar{border:0;background:var(--dv-fill-strong)}meter::-webkit-meter-optimum-value{background:var(--dv-positive)}meter::-webkit-meter-suboptimum-value{background:var(--dv-warning)}meter::-webkit-meter-even-less-good-value{background:var(--dv-negative)}details{border-bottom:1px solid var(--dv-border)}summary{display:flex;align-items:center;justify-content:space-between;gap:var(--dv-space-3);padding:var(--dv-space-3) 0;font-weight:500;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"";flex:none;width:.5rem;height:.5rem;border-right:1.5px solid var(--dv-text-faint);border-bottom:1.5px solid var(--dv-text-faint);rotate:45deg;translate:0 -2px;transition:rotate var(--dv-duration-slow) var(--dv-ease-emphasized)}details[open]>summary:after{rotate:225deg;translate:0 2px}details>:not(summary){padding-bottom:var(--dv-space-3);color:var(--dv-text-muted)}fieldset{margin:0;padding:0;border:0}legend{padding:0;margin-bottom:var(--dv-space-2);font-size:var(--dv-text-s);color:var(--dv-text-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}.stack{display:flex;flex-direction:column;gap:var(--dv-gap)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dv-space-2)}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.top{align-items:flex-start}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min, 10rem),100%),1fr));gap:var(--dv-gap)}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media not (min-width:36rem){.grid.cols-3{grid-template-columns:minmax(0,1fr)}.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid:is(.cols-2,.cols-4)>:last-child:nth-child(odd){grid-column:1 / -1}}.gap-s{--dv-gap: var(--dv-space-2)}.gap-l{--dv-gap: var(--dv-space-5)}.grow{flex:1 1 0;min-width:0}.card{display:flex;flex-direction:column;gap:var(--dv-gap);padding:var(--dv-space-4);border-radius:var(--dv-radius-l);background:var(--dv-surface);box-shadow:var(--dv-shadow-surface);min-width:0}.card>*+*{margin-top:0}.card.sunk{background:var(--dv-fill);box-shadow:none}.card.glass{background:var(--dv-glass);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:var(--dv-shadow-surface),inset 0 1px #ffffff1f}.card.flat{padding:0;background:none;box-shadow:none}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--dv-space-3)}.card-head>div>*+*{margin-top:.125rem}.card-title{font:600 var(--dv-ui-m) / 1.3 var(--dv-font-heading);letter-spacing:-.01em}.card-subtitle,.muted{color:var(--dv-text-muted)}.card-subtitle{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.faint{color:var(--dv-text-faint)}.small{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.caption{font-size:var(--dv-ui-xs);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--dv-text-faint)}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.stat{display:flex;flex-direction:column;gap:var(--dv-space-1);min-width:0}.stat>*+*{margin-top:0}.stat-label{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}.stat-value{font:700 var(--dv-display) / var(--dv-display-leading) var(--dv-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat.small .stat-value{font-size:calc(var(--dv-font-offset) + 1.375rem)}.stat-delta{font-size:var(--dv-ui-xs);font-weight:500;color:var(--dv-text-muted)}.stat-delta.up,.positive-text{color:var(--dv-positive-text)}.stat-delta.down,.negative-text{color:var(--dv-negative-text)}.badge{display:inline-flex;align-items:center;gap:.25rem;height:1.375rem;padding:0 .5rem;border-radius:var(--dv-radius-pill);background:var(--dv-fill-strong);color:var(--dv-text);font:500 var(--dv-ui-xs) / 1 var(--dv-font-text);white-space:nowrap;vertical-align:middle}.badge.positive{background:var(--dv-positive-pale);color:var(--dv-positive-text)}.badge.negative{background:var(--dv-negative-pale);color:var(--dv-negative-text)}.badge.warning{background:var(--dv-warning-pale);color:var(--dv-warning-text)}.badge.info{background:var(--dv-info-pale);color:var(--dv-info-text)}.badge.outline{background:none;box-shadow:inset 0 0 0 1px var(--dv-border-strong)}.callout{display:flex;gap:var(--dv-space-3);padding:var(--dv-space-3) var(--dv-space-4);border-radius:var(--dv-radius-m);background:var(--dv-fill);font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.callout>svg{flex:none;width:1.125rem;height:1.125rem;margin-top:.0625rem}.callout strong{display:block}.callout.info{background:var(--dv-info-pale)}.callout.positive{background:var(--dv-positive-pale)}.callout.warning{background:var(--dv-warning-pale)}.callout.negative{background:var(--dv-negative-pale)}.callout.info>svg,.callout.info strong{color:var(--dv-info-text)}.callout.positive>svg,.callout.positive strong{color:var(--dv-positive-text)}.callout.warning>svg,.callout.warning strong{color:var(--dv-warning-text)}.callout.negative>svg,.callout.negative strong{color:var(--dv-negative-text)}.segmented{display:inline-flex;padding:2px;gap:2px;border-radius:var(--dv-radius-pill);background:var(--dv-surface);box-shadow:var(--dv-shadow-control);max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented>button,.segmented>label{flex:1 0 auto;height:calc(var(--dv-control) - 4px);padding:0 var(--dv-space-3);border-radius:var(--dv-radius-pill);background:transparent;color:var(--dv-text-muted);font:500 var(--dv-ui-s) / 1 var(--dv-font-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--dv-duration) var(--dv-ease),color var(--dv-duration) var(--dv-ease)}.segmented>button:hover,.segmented>label:hover{background:transparent;color:var(--dv-text)}.segmented>button:active{transform:none}.segmented>label>input{position:absolute;opacity:0;pointer-events:none}.segmented>button[aria-pressed=true],.segmented>button[aria-selected=true],.segmented>label:has(>input:checked){background:var(--dv-segment-puck);color:var(--dv-text);box-shadow:0 1px 2px #00000014}.segmented.block{display:flex}.tabs{display:flex;gap:var(--dv-space-5);border-bottom:1px solid var(--dv-border);overflow-x:auto;scrollbar-width:none}.tabs>button{height:auto;padding:var(--dv-space-2) 0;border-radius:0;background:none;color:var(--dv-text-muted);box-shadow:inset 0 -2px 0 transparent}.tabs>button:hover{background:none;color:var(--dv-text)}.tabs>button:active{transform:none}.tabs>button[aria-selected=true]{color:var(--dv-text);box-shadow:inset 0 -2px 0 var(--dv-accent)}.progress{--value: 0;--tone: var(--dv-accent);position:relative;height:6px;border-radius:3px;background:var(--dv-fill-strong);overflow:hidden}.progress:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--value) * 1%);border-radius:inherit;background:var(--tone);transition:width var(--dv-duration-slow) var(--dv-ease-emphasized)}.progress.positive{--tone: var(--dv-positive)}.progress.warning{--tone: var(--dv-warning)}.progress.negative{--tone: var(--dv-negative)}.progress.info{--tone: var(--dv-info)}.list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.list>*+*{margin-top:0}.list-row{display:flex;align-items:center;gap:var(--dv-space-3);min-height:calc(var(--dv-control) + var(--dv-space-3));padding:var(--dv-space-2) 0;border-bottom:1px solid var(--dv-border);color:inherit;font-size:inherit;line-height:inherit;text-decoration:none}.list-row:last-child{border-bottom:0}a.list-row:hover,button.list-row:hover{color:inherit;text-decoration:none}button.list-row{width:100%;height:auto;border-radius:0;background:none;font:inherit;text-align:left;justify-content:flex-start}button.list-row:active{transform:none}.list-row>.grow>*+*{margin-top:.125rem}.list-title{font-weight:500}.list-subtitle{font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading);color:var(--dv-text-muted)}.tile{--hue: var(--dv-gray);flex:none;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--dv-radius-m);background:color-mix(in srgb,var(--hue) 16%,transparent);color:var(--hue)}.tile>svg{width:1.25rem;height:1.25rem}.steps{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;counter-reset:step}.steps>li{position:relative;margin:0;padding:0 0 var(--dv-space-4) calc(1.5rem + var(--dv-space-3));counter-increment:step}.steps>li:last-child{padding-bottom:0}.steps>li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--dv-fill-strong);font:600 var(--dv-ui-xs) / 1 var(--dv-font-text);color:var(--dv-text)}.steps>li:after{content:"";position:absolute;left:calc(.75rem - .5px);top:1.75rem;bottom:.25rem;width:1px;background:var(--dv-border-strong)}.steps>li:last-child:after{display:none}.steps>li.done:before{content:"\2713";background:var(--dv-positive);color:#fff}.steps>li.current:before{background:var(--dv-accent);color:var(--dv-on-accent)}.steps>li>strong{display:block;line-height:1.5rem}.steps>li>p{color:var(--dv-text-muted);font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.field{display:flex;flex-direction:column;gap:var(--dv-space-1)}.field>*+*{margin-top:0}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dv-space-2)}.field-head output{font-size:var(--dv-ui-s)}.pairs{display:grid;grid-template-columns:auto 1fr;gap:var(--dv-space-2) var(--dv-space-4);margin:0;font-size:var(--dv-text-s);line-height:var(--dv-text-s-leading)}.pairs>dt{color:var(--dv-text-muted)}.pairs>dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.chart{position:relative;width:100%;height:var(--chart-height, 15rem)}.chart>canvas{position:absolute;inset:0}.divider{height:1px;background:var(--dv-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}svg.icon{flex:none;width:1.15em;height:1.15em;vertical-align:-.2em;stroke-width:1.75}i[data-icon]{display:inline-block;width:1.15em;height:1.15em}:where(.dialog,.popover,.menu,.tooltip,.toasts){position:absolute;z-index:20}.dialog,.dialog-scrim,.popover,.menu,.tooltip,.toasts,.dv-overlay-spacer{margin:0}.popover[hidden],.menu[hidden]{display:none}.dialog-scrim{position:absolute;inset:0 0 auto;z-index:19;background:#00000052;transition:opacity var(--dv-duration-slow) var(--dv-ease)}.dialog-scrim[data-state=closed]{opacity:0}.dialog{display:flex;flex-direction:column;gap:var(--dv-space-3);width:min(26rem,calc(100vw - 2rem));max-width:none;padding:var(--dv-space-5);border:0;border-radius:calc(var(--dv-radius-l) + .25rem);background:var(--dv-surface);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 1.5rem 3rem #0000002e;transition:opacity var(--dv-duration-slow) var(--dv-ease),scale var(--dv-duration-slow) var(--dv-ease-emphasized)}.dialog:not([open]):not([data-state]){display:none}.dialog>*+*{margin-top:0}.dialog h2,.dialog h3,.dialog-title{font:600 var(--dv-ui-l) / 1.3 var(--dv-font-heading)}.dialog p,.dialog-description{color:var(--dv-text-muted)}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--dv-space-2);margin-top:var(--dv-space-2)}@media not (min-width:36rem){.dialog-actions>*{flex:1 1 0}}:where(.popover,.menu){min-width:12rem;max-width:min(20rem,calc(100vw - 1rem));border-radius:var(--dv-radius-l);background:var(--dv-popover);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 0 0 1px var(--dv-border);transition:opacity var(--dv-duration) var(--dv-ease),scale var(--dv-duration-slow) var(--dv-ease-emphasized)}.popover{display:flex;flex-direction:column;gap:var(--dv-space-3);padding:var(--dv-space-4)}.popover>*+*{margin-top:0}.menu{display:flex;flex-direction:column;padding:var(--dv-space-1)}.menu>:where(button,a){justify-content:flex-start;gap:var(--dv-space-2);width:100%;height:calc(var(--dv-control) - .25rem);padding:0 var(--dv-space-3);border-radius:var(--dv-radius-s);background:transparent;color:var(--dv-text);font:400 var(--dv-ui-s) / 1 var(--dv-font-text);text-align:left;text-decoration:none}.menu>:where(button,a):is(:hover,:focus-visible){background:var(--dv-fill-strong);color:var(--dv-text);outline:none;text-decoration:none}.menu>:where(button,a):active{transform:none}.menu>:where(button,a)>svg{color:var(--dv-text-muted)}.menu>:is(button,a).danger,.menu>:is(button,a).danger>svg{background:transparent;color:var(--dv-negative-text)}.menu>:is(button,a).danger:is(:hover,:focus-visible){background:var(--dv-negative-pale)}.menu>:where(button,a)>kbd,.menu>:where(button,a)>.shortcut{margin-left:auto;color:var(--dv-text-faint);font-size:var(--dv-ui-xs)}.menu>hr{margin:var(--dv-space-1) var(--dv-space-2);border-top-color:var(--dv-border-strong)}.menu-label{padding:var(--dv-space-2) var(--dv-space-3) var(--dv-space-1);color:var(--dv-text-faint);font:500 var(--dv-ui-xs) / 1.2 var(--dv-font-text)}.tooltip{max-width:16rem;padding:.3125rem .5rem;border-radius:var(--dv-radius-s);background:color-mix(in srgb,var(--dv-text) 92%,transparent);color:var(--dv-surface);font:500 var(--dv-ui-xs) / 1.3 var(--dv-font-text);pointer-events:none;transition:opacity var(--dv-duration) var(--dv-ease)}.toasts{display:flex;flex-direction:column;align-items:center;gap:var(--dv-space-2);width:max-content;max-width:calc(100vw - 1rem);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--dv-space-2);min-height:calc(var(--dv-control) + .25rem);padding:var(--dv-space-2) var(--dv-space-2) var(--dv-space-2) var(--dv-space-4);border-radius:var(--dv-radius-pill);background:var(--dv-popover);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:var(--dv-text);box-shadow:var(--dv-shadow-raised),0 0 0 1px var(--dv-border);font:500 var(--dv-ui-s) / 1.3 var(--dv-font-text);pointer-events:auto;transition:opacity var(--dv-duration-slow) var(--dv-ease),translate var(--dv-duration-slow) var(--dv-ease-emphasized)}.toast:not(:has(>button)){padding-right:var(--dv-space-4)}.toast>svg{flex:none;width:1.125rem;height:1.125rem}.toast.positive>svg{color:var(--dv-positive)}.toast.negative>svg{color:var(--dv-negative)}.toast.warning>svg{color:var(--dv-warning)}.toast.info>svg{color:var(--dv-info)}.toast[data-state=closed]{opacity:0;translate:0 .5rem}:where(.dialog,.popover,.menu)[data-state=closed]{opacity:0;scale:.96}.tooltip[data-state=closed]{opacity:0}svg text,svg .t{fill:var(--dv-text);font-family:var(--dv-font-text);font-size:13px;dominant-baseline:middle}svg .t-s{font-size:11px}svg .t-m{fill:var(--dv-text-muted)}svg .t-b{font-weight:600}svg .t-h{font-family:var(--dv-font-heading);font-size:15px;font-weight:600}svg .node{fill:var(--dv-surface);stroke:var(--dv-border-strong);stroke-width:1}svg .node.sunk{fill:var(--dv-surface-sunk);stroke:none}svg .edge,svg .arrow{fill:none;stroke:var(--dv-text-faint);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}svg .edge.dashed,svg .arrow.dashed{stroke-dasharray:4 4}svg .dot{fill:var(--dv-text-faint)}svg #dv-arrow path{fill:var(--dv-text-faint)}svg [class*=c-]{--hue: var(--dv-gray)}svg .c-red{--hue: var(--dv-red)}svg .c-orange{--hue: var(--dv-orange)}svg .c-yellow{--hue: var(--dv-yellow)}svg .c-green{--hue: var(--dv-green)}svg .c-teal{--hue: var(--dv-teal)}svg .c-blue{--hue: var(--dv-blue)}svg .c-indigo{--hue: var(--dv-indigo)}svg .c-purple{--hue: var(--dv-purple)}svg .c-pink{--hue: var(--dv-pink)}svg .c-gray{--hue: var(--dv-gray)}svg .node[class*=c-],svg [class*=c-] .node{fill:color-mix(in srgb,var(--hue) 14%,var(--dv-surface));stroke:color-mix(in srgb,var(--hue) 55%,transparent)}svg .edge[class*=c-],svg .arrow[class*=c-],svg [class*=c-] .edge,svg [class*=c-] .arrow{stroke:var(--hue)}svg text[class*=c-],svg [class*=c-] text{fill:color-mix(in srgb,var(--hue) 70%,var(--dv-text))}svg [class*=c-] .t-m{fill:var(--dv-text-muted)}svg .fill[class*=c-],svg [class*=c-] .fill{fill:var(--hue);stroke:none}.hue-red{--hue: var(--dv-red)}.hue-orange{--hue: var(--dv-orange)}.hue-yellow{--hue: var(--dv-yellow)}.hue-green{--hue: var(--dv-green)}.hue-teal{--hue: var(--dv-teal)}.hue-blue{--hue: var(--dv-blue)}.hue-indigo{--hue: var(--dv-indigo)}.hue-purple{--hue: var(--dv-purple)}.hue-pink{--hue: var(--dv-pink)}.hue-gray{--hue: var(--dv-gray)}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dvina/widget-kit",
3
- "version": "0.0.36",
3
+ "version": "0.0.38",
4
4
  "description": "Dvina's design kit for generated widgets: its tokens, one stylesheet for HTML and React, a small script, React components, and the composer of a saved widget's page.",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",