@noya-app/noya-designsystem 0.1.54 → 0.1.55

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.
@@ -7,12 +7,12 @@
7
7
  CLI Target: esnext
8
8
  CJS Build start
9
9
  ESM Build start
10
- CJS dist/index.js 385.34 KB
11
- CJS dist/index.js.map 753.35 KB
12
- CJS ⚡️ Build success in 100ms
13
- ESM dist/index.mjs 363.56 KB
14
- ESM dist/index.mjs.map 753.63 KB
15
- ESM ⚡️ Build success in 101ms
10
+ ESM dist/index.mjs 366.67 KB
11
+ ESM dist/index.mjs.map 760.37 KB
12
+ ESM ⚡️ Build success in 313ms
13
+ CJS dist/index.js 388.50 KB
14
+ CJS dist/index.js.map 760.07 KB
15
+ CJS ⚡️ Build success in 314ms
16
16
  DTS Build start
17
17
  Browserslist: caniuse-lite is outdated. Please run:
18
18
  npx update-browserslist-db@latest
@@ -20,8 +20,8 @@ Browserslist: caniuse-lite is outdated. Please run:
20
20
 
21
21
  Rebuilding...
22
22
 
23
- Done in 344ms.
23
+ Done in 1163ms.
24
24
 
25
- DTS ⚡️ Build success in 5765ms
26
- DTS dist/index.d.ts 92.75 KB
27
- DTS dist/index.d.mts 92.75 KB
25
+ DTS ⚡️ Build success in 9462ms
26
+ DTS dist/index.d.ts 93.62 KB
27
+ DTS dist/index.d.mts 93.62 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @noya-app/noya-designsystem
2
2
 
3
+ ## 0.1.55
4
+
5
+ ### Patch Changes
6
+
7
+ - Update packages
8
+ - Updated dependencies
9
+ - @noya-app/noya-icons@0.1.9
10
+
3
11
  ## 0.1.54
4
12
 
5
13
  ### Patch Changes
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- :root{--n-primary-900:#2d195f;--n-primary-600:#6746ff;--n-primary-500:#7742ff;--n-primary-400:#9356ff;--n-primary-300:#8656ff;--n-primary-250:#ab89fb;--n-primary-200:#bca0ff;--n-primary-150:#e1dbff;--n-primary-100:#eae6ff;--n-indigo-950:#121a25;--n-indigo-900:#1e283c;--n-indigo-800:#263053;--n-indigo-700:#374163;--n-indigo-600:#4c567a;--n-indigo-500:#6b7188;--n-indigo-400:#757981;--n-indigo-300:#8183a5;--n-indigo-200:#9698ac;--n-indigo-150:#e2e6ee;--n-indigo-100:#f0f2f6;--n-indigo-50:#f3f5f9;--n-indigo-25:#fbfcfe;--n-logo-fill:var(--n-indigo-200);--n-logo-highlight:var(--n-indigo-200);--n-background:#fff;--n-text:var(--n-indigo-800);--n-text-muted:var(--n-indigo-500);--n-text-subtle:var(--n-indigo-400);--n-text-disabled:var(--n-indigo-200);--n-text-decorative-light:var(--n-indigo-100);--n-divider-subtle:color-mix(in srgb,var(--n-indigo-900) 4%,transparent);--n-divider:color-mix(in srgb,var(--n-indigo-900) 7%,transparent);--n-divider-strong:color-mix(in srgb,var(--n-indigo-900) 9%,transparent);--n-primary:var(--n-primary-600);--n-primary-light:var(--n-primary-400);--n-primary-pastel:var(--n-primary-100);--n-secondary:#009775;--n-secondary-light:#00a081;--n-secondary-pastel:#cdeee7;--n-secondary-bright:#0ab557;--n-input-background-light:#f3f5f9;--n-code-background:#fafafa;--n-code-background-dark:var(--n-indigo-950);--n-selected-background:#f2f5fa;--n-breadcrumb-text:var(--n-indigo-500);--n-breadcrumb-text-hover:var(--n-indigo-400);--n-breadcrumb-icon:var(--n-indigo-300);--n-canvas-background:var(--n-indigo-25);--n-canvas-grid:rgba(0,0,0,.05);--n-sidebar-background:#fff;--n-popover-background:#fcfcfc;--n-popover-divider:transparent;--n-listview-raised-background:rgba(0,0,0,.03);--n-listview-editing-background:#fff;--n-input-background:var(--n-indigo-100);--n-list-view-hover-background:#f4f6fa;--n-list-view-thumbnail-background:var(--n-input-background);--n-slider-thumb-background:#fff;--n-slider-border:#9698ac;--n-mask:#0cc143;--n-transparent-checker:hsla(0,0%,100%,.8);--n-scrollbar:hsla(0,0%,78%,.8);--n-placeholder-dots:rgba(0,0,0,.3);--n-drag-outline:var(--n-primary-600);--n-active-background:var(--n-indigo-150);--n-thumbnail-background:#f0efff;--n-thumbnail-shadow:#d3ceed66;--n-inline-code-text:var(--n-primary-600);--n-inline-code-background:#f0f2f6;--n-text-link:var(--n-primary-600);--n-text-link-focused:var(--n-primary-400);--n-inset-top:46px;--n-sidebar-width:260px;--n-toolbar-height:46px;--n-toolbar-separator:8px;--n-inspector-h-separator:8px;--n-inspector-v-separator:10px;--n-dialog-padding:16px;--n-input-height:27px;--n-icon:var(--n-indigo-300);--n-icon-selected:#dcdcdc;--n-warning:#fbd300;--n-segmented-control-item:#8b8b8b;--n-dot:rgba(0,0,0,.25);--n-row-highlight:#3390ff10;--n-table-row-background:var(--n-background);--n-interactable-z-index:2;--n-label-z-index:3;--n-menu-z-index:5000;--n-chip-primary-bg:rgba(238,229,255,.2);--n-chip-secondary-bg:rgba(205,238,231,.2);--n-chip-error-bg:hsla(0,100%,93%,.2);--n-chip-default-bg:rgba(0,0,0,.1);--n-chip-primary-shadow:#eee5ff;--n-chip-secondary-shadow:#cdeee7;--n-chip-error-shadow:#ffdbdb;--n-chip-default-shadow:#000;--n-floating-button:#f8f8fa;--n-block-border:#b8c9da;--n-block-highlight:orange;--n-markdown-editor-line-placeholder-content:"Write or press / for commands";--n-selected-list-item-background:var(--n-primary-100);--n-selected-list-item-text:var(--n-primary);--n-selected-list-item-icon-background:var(--n-primary-150);--n-cm-keyword:var(--n-primary-600);--n-cm-function:#1b4db8;--n-cm-control-keyword:var(--n-primary-600);--n-cm-class-type:#1b4db8;--n-cm-regexp:#1097af;--n-cm-link:#1097af;--n-cm-string:#1097af;--n-cm-number:#1097af;--n-cm-comment:var(--n-indigo-300);--n-cm-operator:var(--n-indigo-800);--n-cm-variable:var(--n-indigo-800);--n-cm-type:#f59e0b;--n-cm-error:#e45649;--n-cm-warning:#fb9d00;--n-cm-info:#3390ff}[data-theme=dark]{--n-background:#111;--n-logo-fill:#f8f8fa;--n-logo-highlight:#f8f8fa;--n-text:#f8f8fa;--n-text-muted:#b4b3b6;--n-text-subtle:#b4b3b6;--n-text-disabled:#73727e;--n-divider-subtle:hsla(0,0%,100%,.04);--n-divider:hsla(0,0%,100%,.08);--n-divider-strong:#000;--n-primary:var(--n-primary-500);--n-primary-light:var(--n-primary-300);--n-selected-list-item-background:var(--n-primary-900);--n-selected-list-item-text:var(--n-primary-200);--n-selected-list-item-icon-background:var(--n-primary-900);--n-secondary-bright:#36fe91;--n-input-background:rgba(181,178,255,.08);--n-input-background-light:rgba(181,178,255,.1);--n-code-background:#141317;--n-canvas-background:#141317;--n-canvas-grid:rgba(0,0,0,.1);--n-sidebar-background:#222127;--n-popover-background:#222127;--n-popover-divider:hsla(0,0%,100%,.08);--n-listview-raised-background:rgba(181,178,255,.1);--n-listview-editing-background:#000;--n-list-view-hover-background:var(--n-input-background-light);--n-list-view-thumbnail-background:var(--n-input-background);--n-slider-thumb-background:var(--n-input-background-light);--n-slider-border:var(--n-divider);--n-mask:#66bb6a;--n-transparent-checker:hsla(0,0%,100%,.3);--n-scrollbar:hsla(0,0%,78%,.2);--n-placeholder-dots:hsla(0,0%,100%,.3);--n-drag-outline:#fff;--n-active-background:rgba(181,178,255,.08);--n-thumbnail-background:#1f1d33;--n-thumbnail-shadow:#1f1d3366;--n-dot:hsla(0,0%,100%,.15);--n-table-row-background:var(--n-sidebar-background);--n-floating-button:#333;--n-cm-keyword:#569cd6;--n-cm-function:#dcdcaa;--n-cm-control-keyword:#c586c0;--n-cm-class-type:#4ec9b0;--n-cm-regexp:#d16969;--n-cm-link:#4078f2;--n-cm-string:#ce9178;--n-cm-number:#b5cea8;--n-cm-comment:#6a9955;--n-cm-operator:#d4d4d4;--n-cm-variable:#9cdcfe;--n-cm-type:#f59e0b;--n-cm-error:red;--n-cm-warning:#fb9d00;--n-cm-info:#3390ff}.noya-styles *,.noya-styles :after,.noya-styles :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.noya-styles ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.noya-styles .container{width:100%}@media (min-width:640px){.noya-styles .container{max-width:640px}}@media (min-width:768px){.noya-styles .container{max-width:768px}}@media (min-width:1024px){.noya-styles .container{max-width:1024px}}@media (min-width:1280px){.noya-styles .container{max-width:1280px}}@media (min-width:1536px){.noya-styles .container{max-width:1536px}}.noya-styles .pointer-events-none{pointer-events:none}.noya-styles .visible{visibility:visible}.noya-styles .collapse{visibility:collapse}.noya-styles .fixed{position:fixed}.noya-styles .absolute{position:absolute}.noya-styles .relative{position:relative}.noya-styles .sticky{position:sticky}.noya-styles .inset-0{inset:0}.noya-styles .inset-y-0{top:0;bottom:0}.noya-styles .-left-2\.5{left:-.625rem}.noya-styles .-top-\[1px\]{top:-1px}.noya-styles .bottom-0{bottom:0}.noya-styles .left-0{left:0}.noya-styles .left-1\.5{left:.375rem}.noya-styles .left-1\/2{left:50%}.noya-styles .left-2{left:.5rem}.noya-styles .left-5{left:1.25rem}.noya-styles .right-0{right:0}.noya-styles .right-0\.5{right:.125rem}.noya-styles .right-1{right:.25rem}.noya-styles .right-1\.5{right:.375rem}.noya-styles .right-2{right:.5rem}.noya-styles .right-6{right:1.5rem}.noya-styles .right-\[5px\]{right:5px}.noya-styles .right-\[7px\]{right:7px}.noya-styles .top-0{top:0}.noya-styles .top-1\/2{top:50%}.noya-styles .top-4{top:1rem}.noya-styles .top-\[5px\]{top:5px}.noya-styles .top-\[7px\]{top:7px}.noya-styles .z-20{z-index:20}.noya-styles .z-50{z-index:50}.noya-styles .z-\[1000\]{z-index:1000}.noya-styles .z-\[1\]{z-index:1}.noya-styles .z-\[2147483647\]{z-index:2147483647}.noya-styles .z-label{z-index:var(--n-label-z-index)}.noya-styles .z-menu{z-index:var(--n-menu-z-index)}.noya-styles .-m-1{margin:-.25rem}.noya-styles .-m-2{margin:-.5rem}.noya-styles .m-0{margin:0}.noya-styles .m-\[0_-24px_0_-20px\]{margin:0 -24px 0 -20px}.noya-styles .-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.noya-styles .-mx-3{margin-left:-.75rem;margin-right:-.75rem}.noya-styles .-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.noya-styles .mx-3{margin-left:.75rem;margin-right:.75rem}.noya-styles .my-1{margin-top:.25rem;margin-bottom:.25rem}.noya-styles .-mb-\[6px\]{margin-bottom:-6px}.noya-styles .-ml-1\.5{margin-left:-.375rem}.noya-styles .-ml-3{margin-left:-.75rem}.noya-styles .-mr-1{margin-right:-.25rem}.noya-styles .-mr-2{margin-right:-.5rem}.noya-styles .-mt-1{margin-top:-.25rem}.noya-styles .mb-\[5px\]{margin-bottom:5px}.noya-styles .ml-1\.5{margin-left:.375rem}.noya-styles .ml-\[-2px\]{margin-left:-2px}.noya-styles .ml-\[2px\]{margin-left:2px}.noya-styles .ml-auto{margin-left:auto}.noya-styles .mr-1{margin-right:.25rem}.noya-styles .mr-\[-2px\]{margin-right:-2px}.noya-styles .mr-\[2px\]{margin-right:2px}.noya-styles .mt-3{margin-top:.75rem}.noya-styles .block{display:block}.noya-styles .inline-block{display:inline-block}.noya-styles .inline{display:inline}.noya-styles .flex{display:flex}.noya-styles .inline-flex{display:inline-flex}.noya-styles .grid{display:grid}.noya-styles .\!contents{display:contents!important}.noya-styles .contents{display:contents}.noya-styles .hidden{display:none}.noya-styles .aspect-\[24\/26\]{aspect-ratio:24/26}.noya-styles .aspect-square{aspect-ratio:1/1}.noya-styles .h-16{height:4rem}.noya-styles .h-24{height:6rem}.noya-styles .h-4{height:1rem}.noya-styles .h-5{height:1.25rem}.noya-styles .h-8{height:2rem}.noya-styles .h-\[15px\]{height:15px}.noya-styles .h-\[19px\]{height:19px}.noya-styles .h-\[25px\]{height:25px}.noya-styles .h-\[50px\]{height:50px}.noya-styles .h-\[5px\]{height:5px}.noya-styles .h-full{height:100%}.noya-styles .h-input-height{height:var(--n-input-height)}.noya-styles .h-px{height:1px}.noya-styles .max-h-\[600px\]{max-height:600px}.noya-styles .max-h-\[85vh\]{max-height:85vh}.noya-styles .max-h-full{max-height:100%}.noya-styles .max-h-input-height{max-height:var(--n-input-height)}.noya-styles .max-h-none{max-height:none}.noya-styles .min-h-0{min-height:0}.noya-styles .min-h-6{min-height:1.5rem}.noya-styles .min-h-\[19px\]{min-height:19px}.noya-styles .min-h-input-height{min-height:var(--n-input-height)}.noya-styles .min-h-px{min-height:1px}.noya-styles .w-0{width:0}.noya-styles .w-16{width:4rem}.noya-styles .w-24{width:6rem}.noya-styles .w-4{width:1rem}.noya-styles .w-5{width:1.25rem}.noya-styles .w-6{width:1.5rem}.noya-styles .w-8{width:2rem}.noya-styles .w-\[0\.9rem\]{width:.9rem}.noya-styles .w-\[15px\]{width:15px}.noya-styles .w-\[19px\]{width:19px}.noya-styles .w-\[240px\]{width:240px}.noya-styles .w-\[25px\]{width:25px}.noya-styles .w-\[50px\]{width:50px}.noya-styles .w-\[680px\]{width:680px}.noya-styles .w-\[90vw\]{width:90vw}.noya-styles .w-full{width:100%}.noya-styles .w-input-height{width:var(--n-input-height)}.noya-styles .w-px{width:1px}.noya-styles .min-w-0{min-width:0}.noya-styles .min-w-6{min-width:1.5rem}.noya-styles .min-w-\[200px\]{min-width:200px}.noya-styles .min-w-\[31px\]{min-width:31px}.noya-styles .min-w-px{min-width:1px}.noya-styles .max-w-\[100vw\]{max-width:100vw}.noya-styles .max-w-\[450px\]{max-width:450px}.noya-styles .max-w-\[70\%\]{max-width:70%}.noya-styles .max-w-full{max-width:100%}.noya-styles .max-w-none{max-width:none}.noya-styles .flex-1{flex:1 1 0%}.noya-styles .flex-\[0_0_auto\]{flex:0 0 auto}.noya-styles .flex-auto{flex:1 1 auto}.noya-styles .flex-none{flex:none}.noya-styles .flex-shrink-0{flex-shrink:0}.noya-styles .flex-grow{flex-grow:1}.noya-styles .basis-0{flex-basis:0px}.noya-styles .origin-center{transform-origin:center}.noya-styles .-translate-x-1\/2{--tw-translate-x:-50%}.noya-styles .-translate-x-1\/2,.noya-styles .-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .-translate-y-1\/2{--tw-translate-y:-50%}.noya-styles .translate-x-\[2px\]{--tw-translate-x:2px}.noya-styles .rotate-0,.noya-styles .translate-x-\[2px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .rotate-0{--tw-rotate:0deg}.noya-styles .rotate-180{--tw-rotate:180deg}.noya-styles .rotate-180,.noya-styles .scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.noya-styles .scale-\[0\.60\]{--tw-scale-x:0.60;--tw-scale-y:0.60}.noya-styles .scale-\[0\.60\],.noya-styles .scale-\[0\.75\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .scale-\[0\.75\]{--tw-scale-x:0.75;--tw-scale-y:0.75}.noya-styles .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.noya-styles .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.noya-styles .animate-shimmer{animation:shimmer 6s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.noya-styles .animate-spin{animation:spin 1s linear infinite}.noya-styles .cursor-col-resize{cursor:col-resize}.noya-styles .cursor-default{cursor:default}.noya-styles .cursor-pointer{cursor:pointer}.noya-styles .touch-none{touch-action:none}.noya-styles .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.noya-styles .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.noya-styles .resize-none{resize:none}.noya-styles .resize{resize:both}.noya-styles .list-none{list-style-type:none}.noya-styles .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.noya-styles .grid-cols-\[auto_max-content\]{grid-template-columns:auto max-content}.noya-styles .flex-row{flex-direction:row}.noya-styles .flex-row-reverse{flex-direction:row-reverse}.noya-styles .flex-col{flex-direction:column}.noya-styles .flex-wrap{flex-wrap:wrap}.noya-styles .items-start{align-items:flex-start}.noya-styles .items-end{align-items:flex-end}.noya-styles .items-center{align-items:center}.noya-styles .items-stretch{align-items:stretch}.noya-styles .justify-start{justify-content:flex-start}.noya-styles .justify-end{justify-content:flex-end}.noya-styles .justify-center{justify-content:center}.noya-styles .gap-0\.5{gap:.125rem}.noya-styles .gap-1{gap:.25rem}.noya-styles .gap-1\.5{gap:.375rem}.noya-styles .gap-2{gap:.5rem}.noya-styles .gap-3{gap:.75rem}.noya-styles .gap-4{gap:1rem}.noya-styles .gap-toolbar-separator{gap:var(--n-toolbar-separator)}.noya-styles .gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.noya-styles .gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.noya-styles .self-start{align-self:flex-start}.noya-styles .self-stretch{align-self:stretch}.noya-styles .overflow-auto{overflow:auto}.noya-styles .overflow-hidden{overflow:hidden}.noya-styles .overflow-y-auto{overflow-y:auto}.noya-styles .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noya-styles .text-ellipsis{text-overflow:ellipsis}.noya-styles .whitespace-pre{white-space:pre}.noya-styles .rounded{border-radius:.25rem}.noya-styles .rounded-\[10px\]{border-radius:10px}.noya-styles .rounded-\[2px\]{border-radius:2px}.noya-styles .rounded-\[3px\]{border-radius:3px}.noya-styles .rounded-\[50\%\]{border-radius:50%}.noya-styles .rounded-full{border-radius:9999px}.noya-styles .rounded-lg{border-radius:.5rem}.noya-styles .rounded-md{border-radius:.375rem}.noya-styles .rounded-none{border-radius:0}.noya-styles .rounded-sm{border-radius:.125rem}.noya-styles .border{border-width:1px}.noya-styles .border-0{border-width:0}.noya-styles .border-l{border-left-width:1px}.noya-styles .border-r{border-right-width:1px}.noya-styles .border-t{border-top-width:1px}.noya-styles .border-solid{border-style:solid}.noya-styles .border-dashed{border-style:dashed}.noya-styles .border-dotted{border-style:dotted}.noya-styles .border-none{border-style:none}.noya-styles .border-background{border-color:var(--n-background)}.noya-styles .border-divider{border-color:var(--n-divider)}.noya-styles .border-divider-strong{border-color:var(--n-divider-strong)}.noya-styles .border-divider-subtle{border-color:var(--n-divider-subtle)}.noya-styles .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.noya-styles .border-primary{border-color:var(--n-primary)}.noya-styles .border-secondary{border-color:var(--n-secondary)}.noya-styles .border-slider-border{border-color:var(--n-slider-border)}.noya-styles .border-transparent{border-color:transparent}.noya-styles .bg-\[\#0ab557\]{--tw-bg-opacity:1;background-color:rgb(10 181 87/var(--tw-bg-opacity,1))}.noya-styles .bg-\[rgb\(255\2c 219\2c 219\)\]{--tw-bg-opacity:1;background-color:rgb(255 219 219/var(--tw-bg-opacity,1))}.noya-styles .bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{background-color:rgba(0,0,0,.5)}.noya-styles .bg-\[var\(--n-chip-default-bg\)\]{background-color:var(--n-chip-default-bg)}.noya-styles .bg-\[var\(--n-chip-error-bg\)\]{background-color:var(--n-chip-error-bg)}.noya-styles .bg-\[var\(--n-chip-primary-bg\)\]{background-color:var(--n-chip-primary-bg)}.noya-styles .bg-\[var\(--n-chip-secondary-bg\)\]{background-color:var(--n-chip-secondary-bg)}.noya-styles .bg-active-background{background-color:var(--n-active-background)}.noya-styles .bg-background{background-color:var(--n-background)}.noya-styles .bg-black\/50{background-color:rgba(0,0,0,.5)}.noya-styles .bg-canvas-background{background-color:var(--n-canvas-background)}.noya-styles .bg-divider{background-color:var(--n-divider)}.noya-styles .bg-divider-strong{background-color:var(--n-divider-strong)}.noya-styles .bg-divider-subtle{background-color:var(--n-divider-subtle)}.noya-styles .bg-floating-button{background-color:var(--n-floating-button)}.noya-styles .bg-input-background{background-color:var(--n-input-background)}.noya-styles .bg-list-view-hover-background{background-color:var(--n-list-view-hover-background)}.noya-styles .bg-listview-editing-background{background-color:var(--n-listview-editing-background)}.noya-styles .bg-listview-raised-background{background-color:var(--n-listview-raised-background)}.noya-styles .bg-popover-background{background-color:var(--n-popover-background)}.noya-styles .bg-primary{background-color:var(--n-primary)}.noya-styles .bg-primary-pastel{background-color:var(--n-primary-pastel)}.noya-styles .bg-row-highlight{background-color:var(--n-row-highlight)}.noya-styles .bg-scrollbar{background-color:var(--n-scrollbar)}.noya-styles .bg-secondary{background-color:var(--n-secondary)}.noya-styles .bg-secondary-pastel{background-color:var(--n-secondary-pastel)}.noya-styles .bg-selected-list-item-background{background-color:var(--n-selected-list-item-background)}.noya-styles .bg-sidebar-background{background-color:var(--n-sidebar-background)}.noya-styles .bg-slider-thumb-background{background-color:var(--n-slider-thumb-background)}.noya-styles .bg-text{background-color:var(--n-text)}.noya-styles .bg-transparent{background-color:transparent}.noya-styles .bg-warning{background-color:var(--n-warning)}.noya-styles .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.noya-styles .from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.noya-styles .from-white\/0{--tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.noya-styles .via-\[rgb\(226\2c 232\2c 240\)\]\/50{--tw-gradient-to:rgba(226,232,240,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(226,232,240,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.noya-styles .to-background{--tw-gradient-to:var(--n-background) var(--tw-gradient-to-position)}.noya-styles .to-white\/0{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)}.noya-styles .fill-popover-background{fill:var(--n-popover-background)}.noya-styles .stroke-white{stroke:#fff}.noya-styles .stroke-\[1\.3px\]{stroke-width:1.3px}.noya-styles .object-contain{-o-object-fit:contain;object-fit:contain}.noya-styles .object-cover{-o-object-fit:cover;object-fit:cover}.noya-styles .p-0{padding:0}.noya-styles .p-1{padding:.25rem}.noya-styles .p-2{padding:.5rem}.noya-styles .p-20{padding:5rem}.noya-styles .p-3{padding:.75rem}.noya-styles .p-5{padding:1.25rem}.noya-styles .p-\[0_24px_0_20px\]{padding:0 24px 0 20px}.noya-styles .p-\[0px_4px\]{padding:0 4px}.noya-styles .p-\[2px_4px\]{padding:2px 4px}.noya-styles .p-\[2px_6px\]{padding:2px 6px}.noya-styles .p-\[3px\]{padding:3px}.noya-styles .p-\[4px_8px\]{padding:4px 8px}.noya-styles .p-dialog-padding{padding:var(--n-dialog-padding)}.noya-styles .px-0{padding-left:0;padding-right:0}.noya-styles .px-0\.5{padding-left:.125rem;padding-right:.125rem}.noya-styles .px-1{padding-left:.25rem;padding-right:.25rem}.noya-styles .px-1\.5{padding-left:.375rem;padding-right:.375rem}.noya-styles .px-2{padding-left:.5rem;padding-right:.5rem}.noya-styles .px-3{padding-left:.75rem;padding-right:.75rem}.noya-styles .px-4{padding-left:1rem;padding-right:1rem}.noya-styles .px-5{padding-left:1.25rem;padding-right:1.25rem}.noya-styles .px-\[1px\]{padding-left:1px;padding-right:1px}.noya-styles .px-\[2px\]{padding-left:2px;padding-right:2px}.noya-styles .px-\[6px\]{padding-left:6px;padding-right:6px}.noya-styles .px-medium{padding-left:16px;padding-right:16px}.noya-styles .py-0{padding-top:0;padding-bottom:0}.noya-styles .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.noya-styles .py-1{padding-top:.25rem;padding-bottom:.25rem}.noya-styles .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.noya-styles .py-2{padding-top:.5rem;padding-bottom:.5rem}.noya-styles .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.noya-styles .py-3{padding-top:.75rem;padding-bottom:.75rem}.noya-styles .py-\[1px\]{padding-top:1px;padding-bottom:1px}.noya-styles .py-\[2px\]{padding-top:2px;padding-bottom:2px}.noya-styles .py-small{padding-top:8px;padding-bottom:8px}.noya-styles .\!pr-9{padding-right:2.25rem!important}.noya-styles .pb-4{padding-bottom:1rem}.noya-styles .pl-1\.5{padding-left:.375rem}.noya-styles .pl-3{padding-left:.75rem}.noya-styles .pr-1\.5{padding-right:.375rem}.noya-styles .pr-2\.5{padding-right:.625rem}.noya-styles .pr-4{padding-right:1rem}.noya-styles .pt-1{padding-top:.25rem}.noya-styles .text-left{text-align:left}.noya-styles .text-center{text-align:center}.noya-styles .align-middle{vertical-align:middle}.noya-styles .font-mono{font-family:SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.noya-styles .font-sans{font-family:__Inter_6b0edc,__Inter_Fallback_6b0edc,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.noya-styles .text-\[10px\]{font-size:10px}.noya-styles .text-\[11px\]{font-size:11px}.noya-styles .text-\[12px\]{font-size:12px}.noya-styles .text-\[9px\]{font-size:9px}.noya-styles .text-base{font-size:1rem;line-height:1.5rem}.noya-styles .text-button{font-size:.8rem;line-height:1.4;letter-spacing:-.2px}.noya-styles .text-code{font-size:90%;line-height:1.5}.noya-styles .text-heading1{font-size:1.953rem;line-height:1.6;letter-spacing:-.025em}.noya-styles .text-heading2{font-size:1.563rem;line-height:1.5;letter-spacing:-.025em}.noya-styles .text-heading3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em}.noya-styles .text-heading4{font-size:1rem;line-height:1.4}.noya-styles .text-heading5{font-size:.85rem;line-height:1.4}.noya-styles .text-label{font-size:.62rem;line-height:19px;letter-spacing:-.3px}.noya-styles .text-list-small{font-size:.75rem;line-height:1.4;letter-spacing:-.2px}.noya-styles .text-sm{font-size:.875rem;line-height:1.25rem}.noya-styles .text-subtitle{font-size:1.563rem;line-height:1.75;letter-spacing:-.05em}.noya-styles .text-title{font-size:3.052rem;line-height:1.4;letter-spacing:-.05em}.noya-styles .text-xs{font-size:.75rem;line-height:1rem}.noya-styles .font-\[14px\]{font-weight:14px}.noya-styles .font-bold{font-weight:700}.noya-styles .font-medium{font-weight:500}.noya-styles .font-normal{font-weight:400}.noya-styles .font-semibold{font-weight:600}.noya-styles .uppercase{text-transform:uppercase}.noya-styles .italic{font-style:italic}.noya-styles .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.noya-styles .leading-3{line-height:.75rem}.noya-styles .leading-\[1\.4\]{line-height:1.4}.noya-styles .leading-\[15px\]{line-height:15px}.noya-styles .leading-\[19px\]{line-height:19px}.noya-styles .leading-\[1\],.noya-styles .leading-none{line-height:1}.noya-styles .\!text-text-disabled{color:var(--n-text-disabled)!important}.noya-styles .text-inherit{color:inherit}.noya-styles .text-primary{color:var(--n-primary)}.noya-styles .text-secondary{color:var(--n-secondary)}.noya-styles .text-segmented-control-item{color:var(--n-segmented-control-item)}.noya-styles .text-selected-list-item-text{color:var(--n-selected-list-item-text)}.noya-styles .text-text{color:var(--n-text)}.noya-styles .text-text-disabled{color:var(--n-text-disabled)}.noya-styles .text-text-muted{color:var(--n-text-muted)}.noya-styles .text-text-subtle{color:var(--n-text-subtle)}.noya-styles .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.noya-styles .underline{text-decoration-line:underline}.noya-styles .no-underline{text-decoration-line:none}.noya-styles .decoration-text-decorative-light{text-decoration-color:var(--n-text-decorative-light)}.noya-styles .opacity-0{opacity:0}.noya-styles .opacity-100{opacity:1}.noya-styles .opacity-25{opacity:.25}.noya-styles .opacity-50{opacity:.5}.noya-styles .opacity-60{opacity:.6}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-default-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-default-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-error-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-error-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-primary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-primary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-secondary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-secondary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-divider\)_inset\]{--tw-shadow:0 0 0 1px var(--n-divider) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 1px 2px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color)}.noya-styles .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\],.noya-styles .shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.noya-styles .shadow-popover{--tw-shadow:0 2px 4px rgba(0,0,0,.2),0 0 12px rgba(0,0,0,.1);--tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color)}.noya-styles .shadow-popover,.noya-styles .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.noya-styles .outline-none{outline:2px solid transparent;outline-offset:2px}.noya-styles .outline{outline-style:solid}.noya-styles .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.noya-styles .ring-inset{--tw-ring-inset:inset}.noya-styles .ring-primary{--tw-ring-color:var(--n-primary)}.noya-styles .ring-offset-background{--tw-ring-offset-color:var(--n-background)}.noya-styles .blur{--tw-blur:blur(8px)}.noya-styles .blur,.noya-styles .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.noya-styles .backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.noya-styles .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .duration-100{transition-duration:.1s}.noya-styles .duration-200{transition-duration:.2s}.noya-styles .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.noya-styles .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.noya-styles .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.noya-styles .\@container\/toolbar{container-type:inline-size;container-name:toolbar}.noya-styles .\[-webkit-app-region\:no-drag\]{-webkit-app-region:no-drag}.noya-styles .\[-webkit-tap-highlight-color\:rgba\(0\2c 0\2c 0\2c 0\)\]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.noya-styles .markdown-editor-line-placeholder:after{content:var(--n-markdown-editor-line-placeholder-content);color:var(--n-text-disabled);pointer-events:none}.placeholder\:text-text-disabled::-moz-placeholder{color:var(--n-text-disabled)}.placeholder\:text-text-disabled::placeholder{color:var(--n-text-disabled)}.last\:border-r-0:last-child{border-right-width:0}.read-only\:text-text-disabled:-moz-read-only{color:var(--n-text-disabled)}.read-only\:text-text-disabled:read-only{color:var(--n-text-disabled)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:select-none:hover{-webkit-user-select:none;-moz-user-select:none;user-select:none}.hover\:whitespace-pre:hover{white-space:pre}.hover\:bg-input-background-light:hover{background-color:var(--n-input-background-light)}.hover\:bg-primary-light:hover{background-color:var(--n-primary-light)}.hover\:bg-secondary-light:hover{background-color:var(--n-secondary-light)}.hover\:text-breadcrumb-text-hover:hover{color:var(--n-breadcrumb-text-hover)}.hover\:text-text:hover{color:var(--n-text)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:z-interactable:focus{z-index:var(--n-interactable-z-index)}.focus\:border-2:focus{border-width:2px}.focus\:border-primary:focus{border-color:var(--n-primary)}.focus\:bg-selected-list-item-background:focus{background-color:var(--n-selected-list-item-background)}.focus\:text-selected-list-item-text:focus{color:var(--n-selected-list-item-text)}.focus\:shadow-\[0_0_0_1px_var\(--n-popover-background\)_inset\]:focus{--tw-shadow:0 0 0 1px var(--n-popover-background) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-primary:focus{--tw-ring-color:var(--n-primary)}.focus\:ring-secondary:focus{--tw-ring-color:var(--n-secondary)}.focus\:ring-offset-1:focus,.focus\:ring-offset-\[1px\]:focus{--tw-ring-offset-width:1px}.active\:bg-active-background:active{background-color:var(--n-active-background)}.active\:bg-primary:active{background-color:var(--n-primary)}.active\:bg-secondary:active{background-color:var(--n-secondary)}.active\:bg-selected-list-item-background:active{background-color:var(--n-selected-list-item-background)}.active\:opacity-70:active{opacity:.7}.active\:opacity-90:active{opacity:.9}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:flex{display:flex}.peer:checked~.peer-checked\:opacity-100{opacity:1}.aria-checked\:border-r-transparent[aria-checked=true]{border-right-color:transparent}.aria-checked\:bg-background[aria-checked=true]{background-color:var(--n-background)}.aria-checked\:bg-primary[aria-checked=true]{background-color:var(--n-primary)}.aria-checked\:bg-secondary[aria-checked=true]{background-color:var(--n-secondary)}.aria-checked\:text-text[aria-checked=true]{color:var(--n-text)}.aria-checked\:text-white[aria-checked=true]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.aria-checked\:shadow-segment[aria-checked=true]{--tw-shadow:0 1px 1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[orientation\=vertical\]\:w-\[10px\][data-orientation=vertical]{width:10px}.data-\[state\=checked\]\:translate-x-\[15px\][data-state=checked]{--tw-translate-x:15px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--n-primary)}.data-\[state\=checked\]\:bg-secondary[data-state=checked]{background-color:var(--n-secondary)}@container toolbar (min-width: 42rem){.\@2xl\/toolbar\:absolute{position:absolute}}@media (min-width:640px){.sm\:max-w-sm{max-width:24rem}}.\[\&\:has\(\+\[aria-checked\=true\]\)\]\:border-r-transparent:has(+[aria-checked=true]){border-right-color:transparent}.\[\&\>\*\]\:pointer-events-none>*{pointer-events:none}.\[\&\>div\]\:block>div{display:block}
1
+ :root{--n-primary-900:#2d195f;--n-primary-600:#6746ff;--n-primary-500:#7742ff;--n-primary-400:#9356ff;--n-primary-300:#8656ff;--n-primary-250:#ab89fb;--n-primary-200:#bca0ff;--n-primary-150:#e1dbff;--n-primary-100:#eae6ff;--n-indigo-950:#121a25;--n-indigo-900:#1e283c;--n-indigo-800:#263053;--n-indigo-700:#374163;--n-indigo-600:#4c567a;--n-indigo-500:#6b7188;--n-indigo-400:#757981;--n-indigo-300:#8183a5;--n-indigo-200:#9698ac;--n-indigo-150:#e2e6ee;--n-indigo-100:#f0f2f6;--n-indigo-50:#f3f5f9;--n-indigo-25:#fbfcfe;--n-logo-fill:var(--n-indigo-200);--n-logo-highlight:var(--n-indigo-200);--n-background:#fff;--n-text:var(--n-indigo-800);--n-text-muted:var(--n-indigo-500);--n-text-subtle:var(--n-indigo-400);--n-text-disabled:var(--n-indigo-200);--n-text-decorative-light:var(--n-indigo-100);--n-divider-subtle:color-mix(in srgb,var(--n-indigo-900) 4%,transparent);--n-divider:color-mix(in srgb,var(--n-indigo-900) 7%,transparent);--n-divider-strong:color-mix(in srgb,var(--n-indigo-900) 9%,transparent);--n-primary:var(--n-primary-600);--n-primary-light:var(--n-primary-400);--n-primary-pastel:var(--n-primary-100);--n-secondary:#009775;--n-secondary-light:#00a081;--n-secondary-pastel:#cdeee7;--n-secondary-bright:#0ab557;--n-input-background-light:#f3f5f9;--n-code-background:#fafafa;--n-code-background-dark:var(--n-indigo-950);--n-selected-background:#f2f5fa;--n-breadcrumb-text:var(--n-indigo-500);--n-breadcrumb-text-hover:var(--n-indigo-400);--n-breadcrumb-icon:var(--n-indigo-300);--n-canvas-background:var(--n-indigo-25);--n-canvas-grid:rgba(0,0,0,.05);--n-sidebar-background:#fff;--n-popover-background:#fcfcfc;--n-popover-divider:transparent;--n-listview-raised-background:rgba(0,0,0,.03);--n-listview-editing-background:#fff;--n-input-background:var(--n-indigo-100);--n-list-view-hover-background:#f4f6fa;--n-list-view-thumbnail-background:var(--n-input-background);--n-slider-thumb-background:#fff;--n-slider-border:#9698ac;--n-mask:#0cc143;--n-transparent-checker:hsla(0,0%,100%,.8);--n-scrollbar:hsla(0,0%,78%,.8);--n-placeholder-dots:rgba(0,0,0,.3);--n-drag-outline:var(--n-primary-600);--n-active-background:var(--n-indigo-150);--n-thumbnail-background:#f0efff;--n-thumbnail-shadow:#d3ceed66;--n-inline-code-text:var(--n-primary-600);--n-inline-code-background:#f0f2f6;--n-text-link:var(--n-primary-600);--n-text-link-focused:var(--n-primary-400);--n-inset-top:46px;--n-sidebar-width:260px;--n-toolbar-height:46px;--n-toolbar-separator:8px;--n-inspector-h-separator:8px;--n-inspector-v-separator:10px;--n-dialog-padding:32px;--n-input-height:27px;--n-icon:var(--n-indigo-300);--n-icon-selected:#dcdcdc;--n-warning:#fbd300;--n-segmented-control-item:#8b8b8b;--n-dot:rgba(0,0,0,.25);--n-row-highlight:#3390ff10;--n-table-row-background:var(--n-background);--n-interactable-z-index:2;--n-label-z-index:3;--n-menu-z-index:5000;--n-chip-primary-bg:rgba(238,229,255,.2);--n-chip-secondary-bg:rgba(205,238,231,.2);--n-chip-error-bg:hsla(0,100%,93%,.2);--n-chip-default-bg:rgba(0,0,0,.1);--n-chip-primary-shadow:#eee5ff;--n-chip-secondary-shadow:#cdeee7;--n-chip-error-shadow:#ffdbdb;--n-chip-default-shadow:#000;--n-floating-button:#f8f8fa;--n-block-border:#b8c9da;--n-block-highlight:orange;--n-markdown-editor-line-placeholder-content:"";--n-selected-list-item-background:var(--n-primary-100);--n-selected-list-item-text:var(--n-primary);--n-selected-list-item-icon-background:var(--n-primary-150);--n-cm-keyword:var(--n-primary-600);--n-cm-function:#1b4db8;--n-cm-control-keyword:var(--n-primary-600);--n-cm-class-type:#1b4db8;--n-cm-regexp:#1097af;--n-cm-link:#1097af;--n-cm-string:#1097af;--n-cm-number:#1097af;--n-cm-comment:var(--n-indigo-300);--n-cm-operator:var(--n-indigo-800);--n-cm-variable:var(--n-indigo-800);--n-cm-type:#f59e0b;--n-cm-error:#e45649;--n-cm-warning:#fb9d00;--n-cm-info:#3390ff}[data-theme=dark]{--n-background:#111;--n-logo-fill:#f8f8fa;--n-logo-highlight:#f8f8fa;--n-text:#f8f8fa;--n-text-muted:#b4b3b6;--n-text-subtle:#b4b3b6;--n-text-disabled:#73727e;--n-divider-subtle:hsla(0,0%,100%,.04);--n-divider:hsla(0,0%,100%,.08);--n-divider-strong:#000;--n-primary:var(--n-primary-500);--n-primary-light:var(--n-primary-300);--n-selected-list-item-background:var(--n-primary-900);--n-selected-list-item-text:var(--n-primary-200);--n-selected-list-item-icon-background:var(--n-primary-900);--n-secondary-bright:#36fe91;--n-input-background:rgba(181,178,255,.08);--n-input-background-light:rgba(181,178,255,.1);--n-code-background:#141317;--n-canvas-background:#141317;--n-canvas-grid:rgba(0,0,0,.1);--n-sidebar-background:#222127;--n-popover-background:#222127;--n-popover-divider:hsla(0,0%,100%,.08);--n-listview-raised-background:rgba(181,178,255,.1);--n-listview-editing-background:#000;--n-list-view-hover-background:var(--n-input-background-light);--n-list-view-thumbnail-background:var(--n-input-background);--n-slider-thumb-background:var(--n-input-background-light);--n-slider-border:var(--n-divider);--n-mask:#66bb6a;--n-transparent-checker:hsla(0,0%,100%,.3);--n-scrollbar:hsla(0,0%,78%,.2);--n-placeholder-dots:hsla(0,0%,100%,.3);--n-drag-outline:#fff;--n-active-background:rgba(181,178,255,.08);--n-thumbnail-background:#1f1d33;--n-thumbnail-shadow:#1f1d3366;--n-dot:hsla(0,0%,100%,.15);--n-table-row-background:var(--n-sidebar-background);--n-floating-button:#333;--n-cm-keyword:#569cd6;--n-cm-function:#dcdcaa;--n-cm-control-keyword:#c586c0;--n-cm-class-type:#4ec9b0;--n-cm-regexp:#d16969;--n-cm-link:#4078f2;--n-cm-string:#ce9178;--n-cm-number:#b5cea8;--n-cm-comment:#6a9955;--n-cm-operator:#d4d4d4;--n-cm-variable:#9cdcfe;--n-cm-type:#f59e0b;--n-cm-error:red;--n-cm-warning:#fb9d00;--n-cm-info:#3390ff}.noya-styles *,.noya-styles :after,.noya-styles :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.noya-styles ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.noya-styles .container{width:100%}@media (min-width:640px){.noya-styles .container{max-width:640px}}@media (min-width:768px){.noya-styles .container{max-width:768px}}@media (min-width:1024px){.noya-styles .container{max-width:1024px}}@media (min-width:1280px){.noya-styles .container{max-width:1280px}}@media (min-width:1536px){.noya-styles .container{max-width:1536px}}.noya-styles .pointer-events-none{pointer-events:none}.noya-styles .visible{visibility:visible}.noya-styles .collapse{visibility:collapse}.noya-styles .fixed{position:fixed}.noya-styles .absolute{position:absolute}.noya-styles .relative{position:relative}.noya-styles .sticky{position:sticky}.noya-styles .inset-0{inset:0}.noya-styles .inset-y-0{top:0;bottom:0}.noya-styles .-left-2\.5{left:-.625rem}.noya-styles .-top-\[1px\]{top:-1px}.noya-styles .bottom-0{bottom:0}.noya-styles .left-0{left:0}.noya-styles .left-1\.5{left:.375rem}.noya-styles .left-1\/2{left:50%}.noya-styles .left-2{left:.5rem}.noya-styles .left-5{left:1.25rem}.noya-styles .right-0{right:0}.noya-styles .right-0\.5{right:.125rem}.noya-styles .right-1{right:.25rem}.noya-styles .right-1\.5{right:.375rem}.noya-styles .right-2{right:.5rem}.noya-styles .right-6{right:1.5rem}.noya-styles .right-\[5px\]{right:5px}.noya-styles .right-\[7px\]{right:7px}.noya-styles .top-0{top:0}.noya-styles .top-1\/2{top:50%}.noya-styles .top-4{top:1rem}.noya-styles .top-\[5px\]{top:5px}.noya-styles .top-\[7px\]{top:7px}.noya-styles .z-20{z-index:20}.noya-styles .z-50{z-index:50}.noya-styles .z-\[1000\]{z-index:1000}.noya-styles .z-\[1\]{z-index:1}.noya-styles .z-\[2147483647\]{z-index:2147483647}.noya-styles .z-label{z-index:var(--n-label-z-index)}.noya-styles .z-menu{z-index:var(--n-menu-z-index)}.noya-styles .-m-1{margin:-.25rem}.noya-styles .-m-2{margin:-.5rem}.noya-styles .m-0{margin:0}.noya-styles .m-\[0_-24px_0_-20px\]{margin:0 -24px 0 -20px}.noya-styles .-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.noya-styles .-mx-3{margin-left:-.75rem;margin-right:-.75rem}.noya-styles .-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.noya-styles .mx-3{margin-left:.75rem;margin-right:.75rem}.noya-styles .my-1{margin-top:.25rem;margin-bottom:.25rem}.noya-styles .-mb-\[6px\]{margin-bottom:-6px}.noya-styles .-ml-1\.5{margin-left:-.375rem}.noya-styles .-ml-3{margin-left:-.75rem}.noya-styles .-mr-1{margin-right:-.25rem}.noya-styles .-mr-2{margin-right:-.5rem}.noya-styles .-mt-1{margin-top:-.25rem}.noya-styles .mb-\[5px\]{margin-bottom:5px}.noya-styles .ml-1\.5{margin-left:.375rem}.noya-styles .ml-\[-2px\]{margin-left:-2px}.noya-styles .ml-\[2px\]{margin-left:2px}.noya-styles .ml-auto{margin-left:auto}.noya-styles .mr-1{margin-right:.25rem}.noya-styles .mr-\[-2px\]{margin-right:-2px}.noya-styles .mr-\[2px\]{margin-right:2px}.noya-styles .mt-3{margin-top:.75rem}.noya-styles .block{display:block}.noya-styles .inline-block{display:inline-block}.noya-styles .inline{display:inline}.noya-styles .flex{display:flex}.noya-styles .inline-flex{display:inline-flex}.noya-styles .grid{display:grid}.noya-styles .\!contents{display:contents!important}.noya-styles .contents{display:contents}.noya-styles .hidden{display:none}.noya-styles .aspect-\[24\/26\]{aspect-ratio:24/26}.noya-styles .aspect-square{aspect-ratio:1/1}.noya-styles .h-16{height:4rem}.noya-styles .h-24{height:6rem}.noya-styles .h-4{height:1rem}.noya-styles .h-5{height:1.25rem}.noya-styles .h-8{height:2rem}.noya-styles .h-\[15px\]{height:15px}.noya-styles .h-\[19px\]{height:19px}.noya-styles .h-\[25px\]{height:25px}.noya-styles .h-\[50px\]{height:50px}.noya-styles .h-\[5px\]{height:5px}.noya-styles .h-full{height:100%}.noya-styles .h-input-height{height:var(--n-input-height)}.noya-styles .h-px{height:1px}.noya-styles .max-h-\[600px\]{max-height:600px}.noya-styles .max-h-\[85vh\]{max-height:85vh}.noya-styles .max-h-full{max-height:100%}.noya-styles .max-h-input-height{max-height:var(--n-input-height)}.noya-styles .max-h-none{max-height:none}.noya-styles .min-h-0{min-height:0}.noya-styles .min-h-6{min-height:1.5rem}.noya-styles .min-h-\[19px\]{min-height:19px}.noya-styles .min-h-\[33px\]{min-height:33px}.noya-styles .min-h-input-height{min-height:var(--n-input-height)}.noya-styles .min-h-px{min-height:1px}.noya-styles .w-0{width:0}.noya-styles .w-16{width:4rem}.noya-styles .w-24{width:6rem}.noya-styles .w-4{width:1rem}.noya-styles .w-5{width:1.25rem}.noya-styles .w-6{width:1.5rem}.noya-styles .w-8{width:2rem}.noya-styles .w-\[0\.9rem\]{width:.9rem}.noya-styles .w-\[15px\]{width:15px}.noya-styles .w-\[19px\]{width:19px}.noya-styles .w-\[240px\]{width:240px}.noya-styles .w-\[25px\]{width:25px}.noya-styles .w-\[50px\]{width:50px}.noya-styles .w-\[680px\]{width:680px}.noya-styles .w-\[90vw\]{width:90vw}.noya-styles .w-full{width:100%}.noya-styles .w-input-height{width:var(--n-input-height)}.noya-styles .w-px{width:1px}.noya-styles .min-w-0{min-width:0}.noya-styles .min-w-6{min-width:1.5rem}.noya-styles .min-w-\[200px\]{min-width:200px}.noya-styles .min-w-\[31px\]{min-width:31px}.noya-styles .min-w-px{min-width:1px}.noya-styles .max-w-\[100vw\]{max-width:100vw}.noya-styles .max-w-\[550px\]{max-width:550px}.noya-styles .max-w-\[70\%\]{max-width:70%}.noya-styles .max-w-full{max-width:100%}.noya-styles .max-w-none{max-width:none}.noya-styles .flex-1{flex:1 1 0%}.noya-styles .flex-\[0_0_auto\]{flex:0 0 auto}.noya-styles .flex-auto{flex:1 1 auto}.noya-styles .flex-none{flex:none}.noya-styles .flex-shrink-0{flex-shrink:0}.noya-styles .flex-grow{flex-grow:1}.noya-styles .basis-0{flex-basis:0px}.noya-styles .origin-center{transform-origin:center}.noya-styles .-translate-x-1\/2{--tw-translate-x:-50%}.noya-styles .-translate-x-1\/2,.noya-styles .-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .-translate-y-1\/2{--tw-translate-y:-50%}.noya-styles .translate-x-\[2px\]{--tw-translate-x:2px}.noya-styles .rotate-0,.noya-styles .translate-x-\[2px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .rotate-0{--tw-rotate:0deg}.noya-styles .rotate-180{--tw-rotate:180deg}.noya-styles .rotate-180,.noya-styles .scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.noya-styles .scale-\[0\.60\]{--tw-scale-x:0.60;--tw-scale-y:0.60}.noya-styles .scale-\[0\.60\],.noya-styles .scale-\[0\.75\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .scale-\[0\.75\]{--tw-scale-x:0.75;--tw-scale-y:0.75}.noya-styles .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.noya-styles .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.noya-styles .animate-shimmer{animation:shimmer 6s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.noya-styles .animate-spin{animation:spin 1s linear infinite}.noya-styles .cursor-col-resize{cursor:col-resize}.noya-styles .cursor-default{cursor:default}.noya-styles .cursor-pointer{cursor:pointer}.noya-styles .touch-none{touch-action:none}.noya-styles .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.noya-styles .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.noya-styles .resize-none{resize:none}.noya-styles .resize{resize:both}.noya-styles .list-none{list-style-type:none}.noya-styles .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.noya-styles .grid-cols-\[auto_max-content\]{grid-template-columns:auto max-content}.noya-styles .flex-row{flex-direction:row}.noya-styles .flex-row-reverse{flex-direction:row-reverse}.noya-styles .flex-col{flex-direction:column}.noya-styles .flex-wrap{flex-wrap:wrap}.noya-styles .flex-nowrap{flex-wrap:nowrap}.noya-styles .items-start{align-items:flex-start}.noya-styles .items-end{align-items:flex-end}.noya-styles .items-center{align-items:center}.noya-styles .items-stretch{align-items:stretch}.noya-styles .justify-start{justify-content:flex-start}.noya-styles .justify-end{justify-content:flex-end}.noya-styles .justify-center{justify-content:center}.noya-styles .gap-0\.5{gap:.125rem}.noya-styles .gap-1{gap:.25rem}.noya-styles .gap-1\.5{gap:.375rem}.noya-styles .gap-2{gap:.5rem}.noya-styles .gap-3{gap:.75rem}.noya-styles .gap-4{gap:1rem}.noya-styles .gap-toolbar-separator{gap:var(--n-toolbar-separator)}.noya-styles .gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.noya-styles .gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.noya-styles .self-start{align-self:flex-start}.noya-styles .self-stretch{align-self:stretch}.noya-styles .overflow-auto{overflow:auto}.noya-styles .overflow-hidden{overflow:hidden}.noya-styles .overflow-y-auto{overflow-y:auto}.noya-styles .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noya-styles .text-ellipsis{text-overflow:ellipsis}.noya-styles .whitespace-pre{white-space:pre}.noya-styles .rounded{border-radius:.25rem}.noya-styles .rounded-\[10px\]{border-radius:10px}.noya-styles .rounded-\[2px\]{border-radius:2px}.noya-styles .rounded-\[3px\]{border-radius:3px}.noya-styles .rounded-\[50\%\]{border-radius:50%}.noya-styles .rounded-full{border-radius:9999px}.noya-styles .rounded-lg{border-radius:.5rem}.noya-styles .rounded-md{border-radius:.375rem}.noya-styles .rounded-none{border-radius:0}.noya-styles .rounded-sm{border-radius:.125rem}.noya-styles .border{border-width:1px}.noya-styles .border-0{border-width:0}.noya-styles .border-y-2{border-top-width:2px;border-bottom-width:2px}.noya-styles .border-l{border-left-width:1px}.noya-styles .border-r{border-right-width:1px}.noya-styles .border-t{border-top-width:1px}.noya-styles .border-solid{border-style:solid}.noya-styles .border-dashed{border-style:dashed}.noya-styles .border-dotted{border-style:dotted}.noya-styles .border-none{border-style:none}.noya-styles .border-background{border-color:var(--n-background)}.noya-styles .border-divider{border-color:var(--n-divider)}.noya-styles .border-divider-strong{border-color:var(--n-divider-strong)}.noya-styles .border-divider-subtle{border-color:var(--n-divider-subtle)}.noya-styles .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.noya-styles .border-primary{border-color:var(--n-primary)}.noya-styles .border-secondary{border-color:var(--n-secondary)}.noya-styles .border-slider-border{border-color:var(--n-slider-border)}.noya-styles .border-transparent{border-color:transparent}.noya-styles .border-y-transparent{border-top-color:transparent;border-bottom-color:transparent}.noya-styles .bg-\[\#0ab557\]{--tw-bg-opacity:1;background-color:rgb(10 181 87/var(--tw-bg-opacity,1))}.noya-styles .bg-\[rgb\(255\2c 219\2c 219\)\]{--tw-bg-opacity:1;background-color:rgb(255 219 219/var(--tw-bg-opacity,1))}.noya-styles .bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{background-color:rgba(0,0,0,.5)}.noya-styles .bg-\[var\(--n-chip-default-bg\)\]{background-color:var(--n-chip-default-bg)}.noya-styles .bg-\[var\(--n-chip-error-bg\)\]{background-color:var(--n-chip-error-bg)}.noya-styles .bg-\[var\(--n-chip-primary-bg\)\]{background-color:var(--n-chip-primary-bg)}.noya-styles .bg-\[var\(--n-chip-secondary-bg\)\]{background-color:var(--n-chip-secondary-bg)}.noya-styles .bg-active-background{background-color:var(--n-active-background)}.noya-styles .bg-background{background-color:var(--n-background)}.noya-styles .bg-black\/50{background-color:rgba(0,0,0,.5)}.noya-styles .bg-canvas-background{background-color:var(--n-canvas-background)}.noya-styles .bg-divider{background-color:var(--n-divider)}.noya-styles .bg-divider-strong{background-color:var(--n-divider-strong)}.noya-styles .bg-divider-subtle{background-color:var(--n-divider-subtle)}.noya-styles .bg-floating-button{background-color:var(--n-floating-button)}.noya-styles .bg-input-background{background-color:var(--n-input-background)}.noya-styles .bg-list-view-hover-background{background-color:var(--n-list-view-hover-background)}.noya-styles .bg-listview-editing-background{background-color:var(--n-listview-editing-background)}.noya-styles .bg-listview-raised-background{background-color:var(--n-listview-raised-background)}.noya-styles .bg-popover-background{background-color:var(--n-popover-background)}.noya-styles .bg-primary{background-color:var(--n-primary)}.noya-styles .bg-primary-pastel{background-color:var(--n-primary-pastel)}.noya-styles .bg-row-highlight{background-color:var(--n-row-highlight)}.noya-styles .bg-scrollbar{background-color:var(--n-scrollbar)}.noya-styles .bg-secondary{background-color:var(--n-secondary)}.noya-styles .bg-secondary-pastel{background-color:var(--n-secondary-pastel)}.noya-styles .bg-selected-list-item-background{background-color:var(--n-selected-list-item-background)}.noya-styles .bg-sidebar-background{background-color:var(--n-sidebar-background)}.noya-styles .bg-slider-thumb-background{background-color:var(--n-slider-thumb-background)}.noya-styles .bg-text{background-color:var(--n-text)}.noya-styles .bg-transparent{background-color:transparent}.noya-styles .bg-warning{background-color:var(--n-warning)}.noya-styles .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.noya-styles .from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.noya-styles .from-white\/0{--tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.noya-styles .via-\[rgb\(226\2c 232\2c 240\)\]\/50{--tw-gradient-to:rgba(226,232,240,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(226,232,240,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.noya-styles .to-background{--tw-gradient-to:var(--n-background) var(--tw-gradient-to-position)}.noya-styles .to-white\/0{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)}.noya-styles .fill-popover-background{fill:var(--n-popover-background)}.noya-styles .stroke-white{stroke:#fff}.noya-styles .stroke-\[1\.3px\]{stroke-width:1.3px}.noya-styles .object-contain{-o-object-fit:contain;object-fit:contain}.noya-styles .object-cover{-o-object-fit:cover;object-fit:cover}.noya-styles .p-0{padding:0}.noya-styles .p-1{padding:.25rem}.noya-styles .p-2{padding:.5rem}.noya-styles .p-20{padding:5rem}.noya-styles .p-3{padding:.75rem}.noya-styles .p-5{padding:1.25rem}.noya-styles .p-\[0_24px_0_20px\]{padding:0 24px 0 20px}.noya-styles .p-\[0px_4px\]{padding:0 4px}.noya-styles .p-\[2px_4px\]{padding:2px 4px}.noya-styles .p-\[2px_6px\]{padding:2px 6px}.noya-styles .p-\[3px\]{padding:3px}.noya-styles .p-\[4px_8px\]{padding:4px 8px}.noya-styles .p-dialog-padding{padding:var(--n-dialog-padding)}.noya-styles .px-0{padding-left:0;padding-right:0}.noya-styles .px-0\.5{padding-left:.125rem;padding-right:.125rem}.noya-styles .px-1{padding-left:.25rem;padding-right:.25rem}.noya-styles .px-1\.5{padding-left:.375rem;padding-right:.375rem}.noya-styles .px-2{padding-left:.5rem;padding-right:.5rem}.noya-styles .px-3{padding-left:.75rem;padding-right:.75rem}.noya-styles .px-4{padding-left:1rem;padding-right:1rem}.noya-styles .px-5{padding-left:1.25rem;padding-right:1.25rem}.noya-styles .px-\[1px\]{padding-left:1px;padding-right:1px}.noya-styles .px-\[2px\]{padding-left:2px;padding-right:2px}.noya-styles .px-\[6px\]{padding-left:6px;padding-right:6px}.noya-styles .px-medium{padding-left:16px;padding-right:16px}.noya-styles .py-0{padding-top:0;padding-bottom:0}.noya-styles .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.noya-styles .py-1{padding-top:.25rem;padding-bottom:.25rem}.noya-styles .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.noya-styles .py-2{padding-top:.5rem;padding-bottom:.5rem}.noya-styles .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.noya-styles .py-3{padding-top:.75rem;padding-bottom:.75rem}.noya-styles .py-\[1px\]{padding-top:1px;padding-bottom:1px}.noya-styles .py-\[2px\]{padding-top:2px;padding-bottom:2px}.noya-styles .py-small{padding-top:8px;padding-bottom:8px}.noya-styles .\!pr-9{padding-right:2.25rem!important}.noya-styles .pb-4{padding-bottom:1rem}.noya-styles .pl-1\.5{padding-left:.375rem}.noya-styles .pl-3{padding-left:.75rem}.noya-styles .pr-1\.5{padding-right:.375rem}.noya-styles .pr-2\.5{padding-right:.625rem}.noya-styles .pr-4{padding-right:1rem}.noya-styles .pt-1{padding-top:.25rem}.noya-styles .text-left{text-align:left}.noya-styles .text-center{text-align:center}.noya-styles .align-middle{vertical-align:middle}.noya-styles .font-mono{font-family:SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.noya-styles .font-sans{font-family:__Inter_6b0edc,__Inter_Fallback_6b0edc,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.noya-styles .text-\[10px\]{font-size:10px}.noya-styles .text-\[11px\]{font-size:11px}.noya-styles .text-\[12px\]{font-size:12px}.noya-styles .text-\[9px\]{font-size:9px}.noya-styles .text-base{font-size:1rem;line-height:1.5rem}.noya-styles .text-button{font-size:.8rem;line-height:1.4;letter-spacing:-.2px}.noya-styles .text-code{font-size:90%;line-height:1.5}.noya-styles .text-heading1{font-size:1.953rem;line-height:1.6;letter-spacing:-.025em}.noya-styles .text-heading2{font-size:1.563rem;line-height:1.5;letter-spacing:-.025em}.noya-styles .text-heading3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em}.noya-styles .text-heading4{font-size:1rem;line-height:1.4}.noya-styles .text-heading5{font-size:.85rem;line-height:1.4}.noya-styles .text-label{font-size:.62rem;line-height:19px;letter-spacing:-.3px}.noya-styles .text-list-small{font-size:.75rem;line-height:1.4;letter-spacing:-.2px}.noya-styles .text-sm{font-size:.875rem;line-height:1.25rem}.noya-styles .text-subtitle{font-size:1.563rem;line-height:1.75;letter-spacing:-.05em}.noya-styles .text-title{font-size:3.052rem;line-height:1.4;letter-spacing:-.05em}.noya-styles .text-xs{font-size:.75rem;line-height:1rem}.noya-styles .font-\[14px\]{font-weight:14px}.noya-styles .font-bold{font-weight:700}.noya-styles .font-medium{font-weight:500}.noya-styles .font-normal{font-weight:400}.noya-styles .font-semibold{font-weight:600}.noya-styles .uppercase{text-transform:uppercase}.noya-styles .italic{font-style:italic}.noya-styles .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.noya-styles .leading-3{line-height:.75rem}.noya-styles .leading-\[1\.4\]{line-height:1.4}.noya-styles .leading-\[15px\]{line-height:15px}.noya-styles .leading-\[19px\]{line-height:19px}.noya-styles .leading-\[1\],.noya-styles .leading-none{line-height:1}.noya-styles .\!text-text-disabled{color:var(--n-text-disabled)!important}.noya-styles .text-inherit{color:inherit}.noya-styles .text-primary{color:var(--n-primary)}.noya-styles .text-secondary{color:var(--n-secondary)}.noya-styles .text-segmented-control-item{color:var(--n-segmented-control-item)}.noya-styles .text-selected-list-item-text{color:var(--n-selected-list-item-text)}.noya-styles .text-text{color:var(--n-text)}.noya-styles .text-text-disabled{color:var(--n-text-disabled)}.noya-styles .text-text-muted{color:var(--n-text-muted)}.noya-styles .text-text-subtle{color:var(--n-text-subtle)}.noya-styles .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.noya-styles .underline{text-decoration-line:underline}.noya-styles .no-underline{text-decoration-line:none}.noya-styles .decoration-text-decorative-light{text-decoration-color:var(--n-text-decorative-light)}.noya-styles .opacity-0{opacity:0}.noya-styles .opacity-100{opacity:1}.noya-styles .opacity-25{opacity:.25}.noya-styles .opacity-50{opacity:.5}.noya-styles .opacity-60{opacity:.6}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-default-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-default-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-error-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-error-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-primary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-primary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-secondary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-secondary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-divider\)_inset\]{--tw-shadow:0 0 0 1px var(--n-divider) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 1px 2px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color)}.noya-styles .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\],.noya-styles .shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.noya-styles .shadow-popover{--tw-shadow:0 2px 4px rgba(0,0,0,.2),0 0 12px rgba(0,0,0,.1);--tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color)}.noya-styles .shadow-popover,.noya-styles .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.noya-styles .outline-none{outline:2px solid transparent;outline-offset:2px}.noya-styles .outline{outline-style:solid}.noya-styles .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.noya-styles .ring-inset{--tw-ring-inset:inset}.noya-styles .ring-primary{--tw-ring-color:var(--n-primary)}.noya-styles .ring-offset-background{--tw-ring-offset-color:var(--n-background)}.noya-styles .blur{--tw-blur:blur(8px)}.noya-styles .blur,.noya-styles .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.noya-styles .backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.noya-styles .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .duration-100{transition-duration:.1s}.noya-styles .duration-200{transition-duration:.2s}.noya-styles .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.noya-styles .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.noya-styles .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.noya-styles .\@container\/toolbar{container-type:inline-size;container-name:toolbar}.noya-styles .\[-webkit-app-region\:no-drag\]{-webkit-app-region:no-drag}.noya-styles .\[-webkit-tap-highlight-color\:rgba\(0\2c 0\2c 0\2c 0\)\]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.noya-styles .markdown-editor-line-placeholder:after{content:var(--n-markdown-editor-line-placeholder-content);color:var(--n-text-disabled);pointer-events:none}.placeholder\:text-text-disabled::-moz-placeholder{color:var(--n-text-disabled)}.placeholder\:text-text-disabled::placeholder{color:var(--n-text-disabled)}.last\:border-r-0:last-child{border-right-width:0}.read-only\:text-text-disabled:-moz-read-only{color:var(--n-text-disabled)}.read-only\:text-text-disabled:read-only{color:var(--n-text-disabled)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:select-none:hover{-webkit-user-select:none;-moz-user-select:none;user-select:none}.hover\:whitespace-pre:hover{white-space:pre}.hover\:bg-input-background-light:hover{background-color:var(--n-input-background-light)}.hover\:bg-primary-light:hover{background-color:var(--n-primary-light)}.hover\:bg-secondary-light:hover{background-color:var(--n-secondary-light)}.hover\:text-breadcrumb-text-hover:hover{color:var(--n-breadcrumb-text-hover)}.hover\:text-text:hover{color:var(--n-text)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:z-interactable:focus{z-index:var(--n-interactable-z-index)}.focus\:border-2:focus{border-width:2px}.focus\:border-primary:focus{border-color:var(--n-primary)}.focus\:bg-selected-list-item-background:focus{background-color:var(--n-selected-list-item-background)}.focus\:text-selected-list-item-text:focus{color:var(--n-selected-list-item-text)}.focus\:shadow-\[0_0_0_1px_var\(--n-popover-background\)_inset\]:focus{--tw-shadow:0 0 0 1px var(--n-popover-background) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-primary:focus{--tw-ring-color:var(--n-primary)}.focus\:ring-secondary:focus{--tw-ring-color:var(--n-secondary)}.focus\:ring-offset-1:focus,.focus\:ring-offset-\[1px\]:focus{--tw-ring-offset-width:1px}.active\:bg-active-background:active{background-color:var(--n-active-background)}.active\:bg-primary:active{background-color:var(--n-primary)}.active\:bg-secondary:active{background-color:var(--n-secondary)}.active\:bg-selected-list-item-background:active{background-color:var(--n-selected-list-item-background)}.active\:opacity-70:active{opacity:.7}.active\:opacity-90:active{opacity:.9}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:flex{display:flex}.group:focus .group-focus\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:focus .group-focus\:ring-primary-pastel{--tw-ring-color:var(--n-primary-pastel)}.group:focus .group-focus\:ring-offset-2{--tw-ring-offset-width:2px}.peer:checked~.peer-checked\:opacity-100{opacity:1}.aria-checked\:border-b-primary[aria-checked=true]{border-bottom-color:var(--n-primary)}.aria-checked\:border-r-transparent[aria-checked=true]{border-right-color:transparent}.aria-checked\:bg-background[aria-checked=true]{background-color:var(--n-background)}.aria-checked\:bg-primary[aria-checked=true]{background-color:var(--n-primary)}.aria-checked\:bg-secondary[aria-checked=true]{background-color:var(--n-secondary)}.aria-checked\:text-primary[aria-checked=true]{color:var(--n-primary)}.aria-checked\:text-text[aria-checked=true]{color:var(--n-text)}.aria-checked\:text-white[aria-checked=true]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.aria-checked\:shadow-segment[aria-checked=true]{--tw-shadow:0 1px 1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[orientation\=vertical\]\:w-\[10px\][data-orientation=vertical]{width:10px}.data-\[state\=checked\]\:translate-x-\[15px\][data-state=checked]{--tw-translate-x:15px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--n-primary)}.data-\[state\=checked\]\:bg-secondary[data-state=checked]{background-color:var(--n-secondary)}@container toolbar (min-width: 42rem){.\@2xl\/toolbar\:absolute{position:absolute}}@media (min-width:640px){.sm\:max-w-sm{max-width:24rem}}.\[\&\:has\(\+\[aria-checked\=true\]\)\]\:border-r-transparent:has(+[aria-checked=true]){border-right-color:transparent}.\[\&\>\*\]\:pointer-events-none>*{pointer-events:none}.\[\&\>div\]\:block>div{display:block}
package/dist/index.d.mts CHANGED
@@ -658,6 +658,8 @@ interface ButtonRootProps {
658
658
  className?: string;
659
659
  style?: CSSProperties;
660
660
  tabIndex?: number;
661
+ icon?: MenuItemIcon;
662
+ iconRight?: MenuItemIcon;
661
663
  children: ReactNode;
662
664
  active?: boolean;
663
665
  disabled?: boolean;
@@ -1099,7 +1101,9 @@ interface InputFieldRootProps {
1099
1101
  id?: string;
1100
1102
  children?: ReactNode;
1101
1103
  start?: ReactNode;
1104
+ startClassName?: string;
1102
1105
  end?: ReactNode;
1106
+ endClassName?: string;
1103
1107
  label?: ReactNode;
1104
1108
  width?: number;
1105
1109
  startWidth?: number;
@@ -1118,7 +1122,7 @@ interface InputFieldRootProps {
1118
1122
  style?: React__default.CSSProperties;
1119
1123
  className?: string;
1120
1124
  }
1121
- declare function InputFieldRoot({ id, children, width, sideOffset, startWidth: startWidthProp, endWidth: endWidthProp, size, renderPopoverContent, onFocusChange, style, className, start, end, label: labelProp, }: InputFieldRootProps): React__default.JSX.Element;
1125
+ declare function InputFieldRoot({ id, children, width, sideOffset, startWidth: startWidthProp, endWidth: endWidthProp, size, renderPopoverContent, onFocusChange, style, className, start, end, startClassName, endClassName, label: labelProp, }: InputFieldRootProps): React__default.JSX.Element;
1122
1126
  type InputFieldProps = InputFieldRootProps & InputFieldInputProps;
1123
1127
  declare const InputField: React__default.ForwardRefExoticComponent<InputFieldProps & React__default.RefAttributes<HTMLInputElement>> & {
1124
1128
  readonly Root: React__default.MemoExoticComponent<typeof InputFieldRoot>;
@@ -1226,11 +1230,10 @@ declare const CommandPalette: React__default.NamedExoticComponent<{
1226
1230
  declare const UserAvatar: ({ userId, name, image }: AvatarProps) => React__default.JSX.Element;
1227
1231
  type ConnectedUsersMenuLayoutProps = {
1228
1232
  renderUsers: () => React__default.ReactNode;
1229
- currentUserId?: string;
1230
1233
  launchAIAssistant?: () => void;
1231
1234
  isAssistantOpen?: boolean;
1232
1235
  };
1233
- declare const ConnectedUsersMenuLayout: ({ renderUsers, currentUserId, launchAIAssistant, isAssistantOpen, }: ConnectedUsersMenuLayoutProps) => React__default.JSX.Element;
1236
+ declare const ConnectedUsersMenuLayout: ({ renderUsers, launchAIAssistant, isAssistantOpen, }: ConnectedUsersMenuLayoutProps) => React__default.JSX.Element;
1234
1237
 
1235
1238
  interface MenuItemProps<T extends string> {
1236
1239
  value?: T;
@@ -1686,13 +1689,14 @@ interface Props$7 extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content
1686
1689
  onClickClose?: () => void;
1687
1690
  showArrow?: boolean;
1688
1691
  className?: string;
1692
+ portalContainer?: HTMLElement | null;
1689
1693
  }
1690
1694
  declare const popoverStyle: {
1691
1695
  base: string;
1692
1696
  large: string;
1693
1697
  normal: string;
1694
1698
  };
1695
- declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, className, }: Props$7): React__default.JSX.Element;
1699
+ declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, className, portalContainer, }: Props$7): React__default.JSX.Element;
1696
1700
 
1697
1701
  type ProgressVariant = "normal" | "warning" | "primary" | "secondary";
1698
1702
  declare function Progress({ value, variant, className, }: {
@@ -1729,6 +1733,7 @@ type ExpandableSectionProps = {
1729
1733
  declare const Section$1: React__default.NamedExoticComponent<SectionProps & Partial<ExpandableSectionProps>>;
1730
1734
 
1731
1735
  type SegmentedControlColorScheme = "primary" | "secondary";
1736
+ type SegmentedControlVariant = "default" | "tabs";
1732
1737
  interface SegmentedControlProps<T extends string> {
1733
1738
  id?: string;
1734
1739
  value?: T;
@@ -1739,18 +1744,21 @@ interface SegmentedControlProps<T extends string> {
1739
1744
  items: SegmentedControlItemProps<T>[];
1740
1745
  className?: string;
1741
1746
  style?: React__default.CSSProperties;
1747
+ variant?: SegmentedControlVariant;
1742
1748
  }
1743
1749
  type SegmentedControlItemProps<T extends string> = {
1744
1750
  title?: ReactNode;
1745
1751
  className?: string;
1746
1752
  style?: React__default.CSSProperties;
1747
1753
  tooltip?: ReactNode;
1754
+ variant?: SegmentedControlVariant;
1748
1755
  } & Pick<SelectableMenuItem<T>, "value" | "disabled" | "icon" | "role" | "title">;
1749
1756
  declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement | null;
1750
1757
 
1751
1758
  type SelectionToolbarContainerProps = {
1752
1759
  rect: Rect;
1753
1760
  children: React__default.ReactNode;
1761
+ portalContainer?: HTMLElement | null;
1754
1762
  };
1755
1763
  declare const SelectionToolbarContainer: React__default.NamedExoticComponent<SelectionToolbarContainerProps>;
1756
1764
 
@@ -2024,6 +2032,19 @@ declare const ImageDataProvider: React$1.NamedExoticComponent<{
2024
2032
  }>;
2025
2033
  declare function useImageData(ref: string): ArrayBuffer | undefined;
2026
2034
 
2035
+ type OpenPortalsContextValue = {
2036
+ hasOpenPortals: boolean;
2037
+ };
2038
+ type OpenPortalControlsContextValue = {
2039
+ addOpenPortal: (portal: string) => void;
2040
+ removeOpenPortal: (portal: string) => void;
2041
+ };
2042
+ declare const OpenPortalsProvider: React$1.NamedExoticComponent<{
2043
+ children: React$1.ReactNode;
2044
+ }>;
2045
+ declare function useHasOpenPortals(): boolean;
2046
+ declare function useOpenPortalsControls(): OpenPortalControlsContextValue;
2047
+
2027
2048
  type PortalScopeContextValue = string;
2028
2049
  declare const PortalScopeProvider: React$1.NamedExoticComponent<{
2029
2050
  children: React$1.ReactNode;
@@ -2330,4 +2351,4 @@ interface ToolbarProps<T extends string = string> {
2330
2351
  }
2331
2352
  declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
2332
2353
 
2333
- export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDropOptions, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveTreeItemOptions, type NonSelectableMenuItem, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, type PortalScopeContextValue, PortalScopeProvider, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, ToolbarMenuButton, ToolbarMenuDropdown, ToolbarMenuItem, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createSectionedMenu, cssVarNames, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, usePlatform, usePlatformModKey, usePortalScopeId, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };
2354
+ export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDropOptions, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveTreeItemOptions, type NonSelectableMenuItem, type OpenPortalControlsContextValue, type OpenPortalsContextValue, OpenPortalsProvider, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, type PortalScopeContextValue, PortalScopeProvider, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, ToolbarMenuButton, ToolbarMenuDropdown, ToolbarMenuItem, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createSectionedMenu, cssVarNames, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHasOpenPortals, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, useOpenPortalsControls, usePlatform, usePlatformModKey, usePortalScopeId, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };
package/dist/index.d.ts CHANGED
@@ -658,6 +658,8 @@ interface ButtonRootProps {
658
658
  className?: string;
659
659
  style?: CSSProperties;
660
660
  tabIndex?: number;
661
+ icon?: MenuItemIcon;
662
+ iconRight?: MenuItemIcon;
661
663
  children: ReactNode;
662
664
  active?: boolean;
663
665
  disabled?: boolean;
@@ -1099,7 +1101,9 @@ interface InputFieldRootProps {
1099
1101
  id?: string;
1100
1102
  children?: ReactNode;
1101
1103
  start?: ReactNode;
1104
+ startClassName?: string;
1102
1105
  end?: ReactNode;
1106
+ endClassName?: string;
1103
1107
  label?: ReactNode;
1104
1108
  width?: number;
1105
1109
  startWidth?: number;
@@ -1118,7 +1122,7 @@ interface InputFieldRootProps {
1118
1122
  style?: React__default.CSSProperties;
1119
1123
  className?: string;
1120
1124
  }
1121
- declare function InputFieldRoot({ id, children, width, sideOffset, startWidth: startWidthProp, endWidth: endWidthProp, size, renderPopoverContent, onFocusChange, style, className, start, end, label: labelProp, }: InputFieldRootProps): React__default.JSX.Element;
1125
+ declare function InputFieldRoot({ id, children, width, sideOffset, startWidth: startWidthProp, endWidth: endWidthProp, size, renderPopoverContent, onFocusChange, style, className, start, end, startClassName, endClassName, label: labelProp, }: InputFieldRootProps): React__default.JSX.Element;
1122
1126
  type InputFieldProps = InputFieldRootProps & InputFieldInputProps;
1123
1127
  declare const InputField: React__default.ForwardRefExoticComponent<InputFieldProps & React__default.RefAttributes<HTMLInputElement>> & {
1124
1128
  readonly Root: React__default.MemoExoticComponent<typeof InputFieldRoot>;
@@ -1226,11 +1230,10 @@ declare const CommandPalette: React__default.NamedExoticComponent<{
1226
1230
  declare const UserAvatar: ({ userId, name, image }: AvatarProps) => React__default.JSX.Element;
1227
1231
  type ConnectedUsersMenuLayoutProps = {
1228
1232
  renderUsers: () => React__default.ReactNode;
1229
- currentUserId?: string;
1230
1233
  launchAIAssistant?: () => void;
1231
1234
  isAssistantOpen?: boolean;
1232
1235
  };
1233
- declare const ConnectedUsersMenuLayout: ({ renderUsers, currentUserId, launchAIAssistant, isAssistantOpen, }: ConnectedUsersMenuLayoutProps) => React__default.JSX.Element;
1236
+ declare const ConnectedUsersMenuLayout: ({ renderUsers, launchAIAssistant, isAssistantOpen, }: ConnectedUsersMenuLayoutProps) => React__default.JSX.Element;
1234
1237
 
1235
1238
  interface MenuItemProps<T extends string> {
1236
1239
  value?: T;
@@ -1686,13 +1689,14 @@ interface Props$7 extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content
1686
1689
  onClickClose?: () => void;
1687
1690
  showArrow?: boolean;
1688
1691
  className?: string;
1692
+ portalContainer?: HTMLElement | null;
1689
1693
  }
1690
1694
  declare const popoverStyle: {
1691
1695
  base: string;
1692
1696
  large: string;
1693
1697
  normal: string;
1694
1698
  };
1695
- declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, className, }: Props$7): React__default.JSX.Element;
1699
+ declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, className, portalContainer, }: Props$7): React__default.JSX.Element;
1696
1700
 
1697
1701
  type ProgressVariant = "normal" | "warning" | "primary" | "secondary";
1698
1702
  declare function Progress({ value, variant, className, }: {
@@ -1729,6 +1733,7 @@ type ExpandableSectionProps = {
1729
1733
  declare const Section$1: React__default.NamedExoticComponent<SectionProps & Partial<ExpandableSectionProps>>;
1730
1734
 
1731
1735
  type SegmentedControlColorScheme = "primary" | "secondary";
1736
+ type SegmentedControlVariant = "default" | "tabs";
1732
1737
  interface SegmentedControlProps<T extends string> {
1733
1738
  id?: string;
1734
1739
  value?: T;
@@ -1739,18 +1744,21 @@ interface SegmentedControlProps<T extends string> {
1739
1744
  items: SegmentedControlItemProps<T>[];
1740
1745
  className?: string;
1741
1746
  style?: React__default.CSSProperties;
1747
+ variant?: SegmentedControlVariant;
1742
1748
  }
1743
1749
  type SegmentedControlItemProps<T extends string> = {
1744
1750
  title?: ReactNode;
1745
1751
  className?: string;
1746
1752
  style?: React__default.CSSProperties;
1747
1753
  tooltip?: ReactNode;
1754
+ variant?: SegmentedControlVariant;
1748
1755
  } & Pick<SelectableMenuItem<T>, "value" | "disabled" | "icon" | "role" | "title">;
1749
1756
  declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement | null;
1750
1757
 
1751
1758
  type SelectionToolbarContainerProps = {
1752
1759
  rect: Rect;
1753
1760
  children: React__default.ReactNode;
1761
+ portalContainer?: HTMLElement | null;
1754
1762
  };
1755
1763
  declare const SelectionToolbarContainer: React__default.NamedExoticComponent<SelectionToolbarContainerProps>;
1756
1764
 
@@ -2024,6 +2032,19 @@ declare const ImageDataProvider: React$1.NamedExoticComponent<{
2024
2032
  }>;
2025
2033
  declare function useImageData(ref: string): ArrayBuffer | undefined;
2026
2034
 
2035
+ type OpenPortalsContextValue = {
2036
+ hasOpenPortals: boolean;
2037
+ };
2038
+ type OpenPortalControlsContextValue = {
2039
+ addOpenPortal: (portal: string) => void;
2040
+ removeOpenPortal: (portal: string) => void;
2041
+ };
2042
+ declare const OpenPortalsProvider: React$1.NamedExoticComponent<{
2043
+ children: React$1.ReactNode;
2044
+ }>;
2045
+ declare function useHasOpenPortals(): boolean;
2046
+ declare function useOpenPortalsControls(): OpenPortalControlsContextValue;
2047
+
2027
2048
  type PortalScopeContextValue = string;
2028
2049
  declare const PortalScopeProvider: React$1.NamedExoticComponent<{
2029
2050
  children: React$1.ReactNode;
@@ -2330,4 +2351,4 @@ interface ToolbarProps<T extends string = string> {
2330
2351
  }
2331
2352
  declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
2332
2353
 
2333
- export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDropOptions, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveTreeItemOptions, type NonSelectableMenuItem, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, type PortalScopeContextValue, PortalScopeProvider, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, ToolbarMenuButton, ToolbarMenuDropdown, ToolbarMenuItem, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createSectionedMenu, cssVarNames, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, usePlatform, usePlatformModKey, usePortalScopeId, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };
2354
+ export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDropOptions, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveTreeItemOptions, type NonSelectableMenuItem, type OpenPortalControlsContextValue, type OpenPortalsContextValue, OpenPortalsProvider, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, type PortalScopeContextValue, PortalScopeProvider, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, ToolbarMenuButton, ToolbarMenuDropdown, ToolbarMenuItem, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createSectionedMenu, cssVarNames, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHasOpenPortals, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, useOpenPortalsControls, usePlatform, usePlatformModKey, usePortalScopeId, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };