@noya-app/noya-designsystem 0.1.52 → 0.1.54

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 383.09 KB
11
- CJS dist/index.js.map 749.91 KB
12
- CJS ⚡️ Build success in 136ms
13
- ESM dist/index.mjs 361.65 KB
14
- ESM dist/index.mjs.map 750.25 KB
15
- ESM ⚡️ Build success in 136ms
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
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 1137ms.
23
+ Done in 344ms.
24
24
 
25
- DTS ⚡️ Build success in 11225ms
26
- DTS dist/index.d.ts 91.52 KB
27
- DTS dist/index.d.mts 91.52 KB
25
+ DTS ⚡️ Build success in 5765ms
26
+ DTS dist/index.d.ts 92.75 KB
27
+ DTS dist/index.d.mts 92.75 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @noya-app/noya-designsystem
2
2
 
3
+ ## 0.1.54
4
+
5
+ ### Patch Changes
6
+
7
+ - 89d7116: UI improvements
8
+ - Updated dependencies [89d7116]
9
+ - @noya-app/noya-colorpicker@0.1.21
10
+
11
+ ## 0.1.53
12
+
13
+ ### Patch Changes
14
+
15
+ - aa6fbab: Markdown improvements
16
+
3
17
  ## 0.1.52
4
18
 
5
19
  ### 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-\[1px\]{width:1px}.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 .-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-\[0\.60\]{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\.60\]{--tw-scale-x:0.60;--tw-scale-y:0.60}.noya-styles .scale-\[0\.75\]{--tw-scale-x:0.75;--tw-scale-y:0.75}.noya-styles .scale-\[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-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)}.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\: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}}.\[\&\>\*\]\: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: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}
package/dist/index.d.mts CHANGED
@@ -10,7 +10,7 @@ import { UniqueIdentifier } from '@dnd-kit/core';
10
10
  import { useSortable } from '@dnd-kit/sortable';
11
11
  import { Property } from 'csstype';
12
12
  import * as _noya_app_noya_designsystem from '@noya-app/noya-designsystem';
13
- import { SectionProps as SectionProps$1, BannerProps as BannerProps$1, MenuItem as MenuItem$1 } from '@noya-app/noya-designsystem';
13
+ import { SectionProps as SectionProps$1, BannerProps as BannerProps$1 } from '@noya-app/noya-designsystem';
14
14
  import * as DialogPrimitive from '@radix-ui/react-dialog';
15
15
  import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
16
16
  import { Sketch } from '@noya-app/noya-file-format';
@@ -100,7 +100,7 @@ declare const isMenuItemSectionHeader: (item: MenuItem<string>) => item is Secti
100
100
  declare const isSelectableMenuItemWithScore: (item: MenuItem<string>) => item is ScoredSelectableMenuItem<string>;
101
101
  declare const getMenuItemKey: <T extends string>(item: MenuItem<T>, index: number) => string;
102
102
  declare const CHECKBOX_WIDTH = 15;
103
- declare const CHECKBOX_RIGHT_INSET = 8;
103
+ declare const CHECKBOX_RIGHT_INSET = 6;
104
104
  declare const CHECKBOX_INDENT_WIDTH = 6;
105
105
  declare const styles: {
106
106
  separatorStyle: string;
@@ -1287,7 +1287,10 @@ declare const DividerVertical: React__default.NamedExoticComponent<DividerProps>
1287
1287
  declare const DraggableMenuButton: <T extends string>(props: {
1288
1288
  items?: MenuItem<T>[];
1289
1289
  onSelect?: (value: T) => void;
1290
+ onClick?: () => void;
1290
1291
  isVisible?: boolean;
1292
+ className?: string;
1293
+ style?: React__default.CSSProperties;
1291
1294
  }) => React__default.ReactElement | null;
1292
1295
 
1293
1296
  type SidebarRef = {
@@ -1733,7 +1736,6 @@ interface SegmentedControlProps<T extends string> {
1733
1736
  /** @default primary */
1734
1737
  colorScheme?: SegmentedControlColorScheme;
1735
1738
  allowEmpty?: boolean;
1736
- separator?: boolean;
1737
1739
  items: SegmentedControlItemProps<T>[];
1738
1740
  className?: string;
1739
1741
  style?: React__default.CSSProperties;
@@ -1746,12 +1748,11 @@ type SegmentedControlItemProps<T extends string> = {
1746
1748
  } & Pick<SelectableMenuItem<T>, "value" | "disabled" | "icon" | "role" | "title">;
1747
1749
  declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement | null;
1748
1750
 
1749
- type SelectionToolbarProps<T extends string> = {
1751
+ type SelectionToolbarContainerProps = {
1750
1752
  rect: Rect;
1751
- menuItems: MenuItem$1<T>[];
1752
- onSelectMenuItem: (item: T) => void;
1753
+ children: React__default.ReactNode;
1753
1754
  };
1754
- declare const SelectionToolbar: <T extends string>(props: SelectionToolbarProps<T>) => React__default.ReactElement | null;
1755
+ declare const SelectionToolbarContainer: React__default.NamedExoticComponent<SelectionToolbarContainerProps>;
1755
1756
 
1756
1757
  type Props$5<T extends string> = {
1757
1758
  id?: string;
@@ -2023,6 +2024,19 @@ declare const ImageDataProvider: React$1.NamedExoticComponent<{
2023
2024
  }>;
2024
2025
  declare function useImageData(ref: string): ArrayBuffer | undefined;
2025
2026
 
2027
+ type PortalScopeContextValue = string;
2028
+ declare const PortalScopeProvider: React$1.NamedExoticComponent<{
2029
+ children: React$1.ReactNode;
2030
+ portalScopeId: string;
2031
+ }>;
2032
+ declare function usePortalScopeId(): string;
2033
+ declare const portalScopeDataSetName = "noyaPortalScope";
2034
+ declare const portalScopePropName = "data-noya-portal-scope";
2035
+ declare function portalScopeProps(id?: string): {
2036
+ "data-noya-portal-scope": string | undefined;
2037
+ };
2038
+ declare function getClosestPortalScope(element: EventTarget): string | undefined;
2039
+
2026
2040
  interface HoverEvent {
2027
2041
  /** The type of hover event being fired. */
2028
2042
  type: 'hoverstart' | 'hoverend';
@@ -2289,6 +2303,22 @@ interface BaseToolbarProps {
2289
2303
  }
2290
2304
  declare function BaseToolbar({ children, left, right, logo, showDivider, }: BaseToolbarProps): React__default.JSX.Element;
2291
2305
 
2306
+ declare const ToolbarMenuDropdown: <T extends string>(props: {
2307
+ item: SubMenuItem<T>;
2308
+ onSelectMenuItem?: (value: T) => void;
2309
+ }) => React__default.ReactElement | null;
2310
+ declare const ToolbarMenuButton: <T extends string>(props: {
2311
+ item: SelectableMenuItem<T>;
2312
+ onSelectMenuItem?: (value: T) => void;
2313
+ }) => React__default.ReactElement | null;
2314
+ declare const ToolbarMenuItem: <T extends string>(props: {
2315
+ item: MenuItem<T>;
2316
+ onSelectMenuItem?: (value: T) => void;
2317
+ }) => React__default.ReactElement | null;
2318
+ declare const ToolbarMenu: <T extends string>(props: {
2319
+ items: MenuItem<T>[];
2320
+ onSelectMenuItem?: (value: T) => void;
2321
+ }) => React__default.ReactElement | null;
2292
2322
  interface ToolbarProps<T extends string = string> {
2293
2323
  children?: React__default.ReactNode;
2294
2324
  logo?: React__default.ReactNode;
@@ -2299,9 +2329,5 @@ interface ToolbarProps<T extends string = string> {
2299
2329
  shouldBindKeyboardShortcuts?: boolean;
2300
2330
  }
2301
2331
  declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
2302
- declare const ToolbarMenu: <T extends string>(props: {
2303
- items: MenuItem<T>[];
2304
- onSelectMenuItem?: (value: T) => void;
2305
- }) => React__default.ReactElement | null;
2306
2332
 
2307
- 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, 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, SelectionToolbar, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, 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, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, 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, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };
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 };
package/dist/index.d.ts CHANGED
@@ -10,7 +10,7 @@ import { UniqueIdentifier } from '@dnd-kit/core';
10
10
  import { useSortable } from '@dnd-kit/sortable';
11
11
  import { Property } from 'csstype';
12
12
  import * as _noya_app_noya_designsystem from '@noya-app/noya-designsystem';
13
- import { SectionProps as SectionProps$1, BannerProps as BannerProps$1, MenuItem as MenuItem$1 } from '@noya-app/noya-designsystem';
13
+ import { SectionProps as SectionProps$1, BannerProps as BannerProps$1 } from '@noya-app/noya-designsystem';
14
14
  import * as DialogPrimitive from '@radix-ui/react-dialog';
15
15
  import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
16
16
  import { Sketch } from '@noya-app/noya-file-format';
@@ -100,7 +100,7 @@ declare const isMenuItemSectionHeader: (item: MenuItem<string>) => item is Secti
100
100
  declare const isSelectableMenuItemWithScore: (item: MenuItem<string>) => item is ScoredSelectableMenuItem<string>;
101
101
  declare const getMenuItemKey: <T extends string>(item: MenuItem<T>, index: number) => string;
102
102
  declare const CHECKBOX_WIDTH = 15;
103
- declare const CHECKBOX_RIGHT_INSET = 8;
103
+ declare const CHECKBOX_RIGHT_INSET = 6;
104
104
  declare const CHECKBOX_INDENT_WIDTH = 6;
105
105
  declare const styles: {
106
106
  separatorStyle: string;
@@ -1287,7 +1287,10 @@ declare const DividerVertical: React__default.NamedExoticComponent<DividerProps>
1287
1287
  declare const DraggableMenuButton: <T extends string>(props: {
1288
1288
  items?: MenuItem<T>[];
1289
1289
  onSelect?: (value: T) => void;
1290
+ onClick?: () => void;
1290
1291
  isVisible?: boolean;
1292
+ className?: string;
1293
+ style?: React__default.CSSProperties;
1291
1294
  }) => React__default.ReactElement | null;
1292
1295
 
1293
1296
  type SidebarRef = {
@@ -1733,7 +1736,6 @@ interface SegmentedControlProps<T extends string> {
1733
1736
  /** @default primary */
1734
1737
  colorScheme?: SegmentedControlColorScheme;
1735
1738
  allowEmpty?: boolean;
1736
- separator?: boolean;
1737
1739
  items: SegmentedControlItemProps<T>[];
1738
1740
  className?: string;
1739
1741
  style?: React__default.CSSProperties;
@@ -1746,12 +1748,11 @@ type SegmentedControlItemProps<T extends string> = {
1746
1748
  } & Pick<SelectableMenuItem<T>, "value" | "disabled" | "icon" | "role" | "title">;
1747
1749
  declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement | null;
1748
1750
 
1749
- type SelectionToolbarProps<T extends string> = {
1751
+ type SelectionToolbarContainerProps = {
1750
1752
  rect: Rect;
1751
- menuItems: MenuItem$1<T>[];
1752
- onSelectMenuItem: (item: T) => void;
1753
+ children: React__default.ReactNode;
1753
1754
  };
1754
- declare const SelectionToolbar: <T extends string>(props: SelectionToolbarProps<T>) => React__default.ReactElement | null;
1755
+ declare const SelectionToolbarContainer: React__default.NamedExoticComponent<SelectionToolbarContainerProps>;
1755
1756
 
1756
1757
  type Props$5<T extends string> = {
1757
1758
  id?: string;
@@ -2023,6 +2024,19 @@ declare const ImageDataProvider: React$1.NamedExoticComponent<{
2023
2024
  }>;
2024
2025
  declare function useImageData(ref: string): ArrayBuffer | undefined;
2025
2026
 
2027
+ type PortalScopeContextValue = string;
2028
+ declare const PortalScopeProvider: React$1.NamedExoticComponent<{
2029
+ children: React$1.ReactNode;
2030
+ portalScopeId: string;
2031
+ }>;
2032
+ declare function usePortalScopeId(): string;
2033
+ declare const portalScopeDataSetName = "noyaPortalScope";
2034
+ declare const portalScopePropName = "data-noya-portal-scope";
2035
+ declare function portalScopeProps(id?: string): {
2036
+ "data-noya-portal-scope": string | undefined;
2037
+ };
2038
+ declare function getClosestPortalScope(element: EventTarget): string | undefined;
2039
+
2026
2040
  interface HoverEvent {
2027
2041
  /** The type of hover event being fired. */
2028
2042
  type: 'hoverstart' | 'hoverend';
@@ -2289,6 +2303,22 @@ interface BaseToolbarProps {
2289
2303
  }
2290
2304
  declare function BaseToolbar({ children, left, right, logo, showDivider, }: BaseToolbarProps): React__default.JSX.Element;
2291
2305
 
2306
+ declare const ToolbarMenuDropdown: <T extends string>(props: {
2307
+ item: SubMenuItem<T>;
2308
+ onSelectMenuItem?: (value: T) => void;
2309
+ }) => React__default.ReactElement | null;
2310
+ declare const ToolbarMenuButton: <T extends string>(props: {
2311
+ item: SelectableMenuItem<T>;
2312
+ onSelectMenuItem?: (value: T) => void;
2313
+ }) => React__default.ReactElement | null;
2314
+ declare const ToolbarMenuItem: <T extends string>(props: {
2315
+ item: MenuItem<T>;
2316
+ onSelectMenuItem?: (value: T) => void;
2317
+ }) => React__default.ReactElement | null;
2318
+ declare const ToolbarMenu: <T extends string>(props: {
2319
+ items: MenuItem<T>[];
2320
+ onSelectMenuItem?: (value: T) => void;
2321
+ }) => React__default.ReactElement | null;
2292
2322
  interface ToolbarProps<T extends string = string> {
2293
2323
  children?: React__default.ReactNode;
2294
2324
  logo?: React__default.ReactNode;
@@ -2299,9 +2329,5 @@ interface ToolbarProps<T extends string = string> {
2299
2329
  shouldBindKeyboardShortcuts?: boolean;
2300
2330
  }
2301
2331
  declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
2302
- declare const ToolbarMenu: <T extends string>(props: {
2303
- items: MenuItem<T>[];
2304
- onSelectMenuItem?: (value: T) => void;
2305
- }) => React__default.ReactElement | null;
2306
2332
 
2307
- 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, 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, SelectionToolbar, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, 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, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, 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, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };
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 };