@noya-app/noya-designsystem 0.1.50 → 0.1.51

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 696.29 KB
11
- CJS dist/index.js.map 1.24 MB
12
- CJS ⚡️ Build success in 397ms
13
- ESM dist/index.mjs 676.46 KB
14
- ESM dist/index.mjs.map 1.24 MB
15
- ESM ⚡️ Build success in 397ms
10
+ CJS dist/index.js 325.10 KB
11
+ CJS dist/index.js.map 643.95 KB
12
+ CJS ⚡️ Build success in 180ms
13
+ ESM dist/index.mjs 304.25 KB
14
+ ESM dist/index.mjs.map 644.38 KB
15
+ ESM ⚡️ Build success in 180ms
16
16
  DTS Build start
17
17
  Browserslist: caniuse-lite is outdated. Please run:
18
18
  npx update-browserslist-db@latest
@@ -23,8 +23,8 @@ Browserslist: caniuse-lite is outdated. Please run:
23
23
 
24
24
  Rebuilding...
25
25
 
26
- Done in 767ms.
26
+ Done in 417ms.
27
27
 
28
- DTS ⚡️ Build success in 8654ms
29
- DTS dist/index.d.ts 89.42 KB
30
- DTS dist/index.d.mts 89.42 KB
28
+ DTS ⚡️ Build success in 6847ms
29
+ DTS dist/index.d.ts 83.78 KB
30
+ DTS dist/index.d.mts 83.78 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @noya-app/noya-designsystem
2
2
 
3
+ ## 0.1.51
4
+
5
+ ### Patch Changes
6
+
7
+ - 2d476e8: Bump versions
8
+ - Updated dependencies [2d476e8]
9
+ - @noya-app/noya-tailwind-config@0.1.2
10
+
3
11
  ## 0.1.50
4
12
 
5
13
  ### Patch Changes
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- *,:after,: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: }::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: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-left-2\.5{left:-.625rem}.-top-\[1px\]{top:-1px}.bottom-0{bottom:0}.left-0{left:0}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-5{left:1.25rem}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-6{right:1.5rem}.right-\[5px\]{right:5px}.right-\[7px\]{right:7px}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[5px\]{top:5px}.top-\[7px\]{top:7px}.z-20{z-index:20}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1\]{z-index:1}.z-\[2147483647\]{z-index:2147483647}.z-label{z-index:var(--n-label-z-index)}.z-menu{z-index:var(--n-menu-z-index)}.-m-1{margin:-.25rem}.-m-2{margin:-.5rem}.m-0{margin:0}.m-\[0_-24px_0_-20px\]{margin:0 -24px 0 -20px}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mb-\[6px\]{margin-bottom:-6px}.-ml-1\.5{margin-left:-.375rem}.-ml-3{margin-left:-.75rem}.-mr-1{margin-right:-.25rem}.-mr-2{margin-right:-.5rem}.-mt-1{margin-top:-.25rem}.mb-\[5px\]{margin-bottom:5px}.ml-1\.5{margin-left:.375rem}.ml-\[-2px\]{margin-left:-2px}.ml-\[2px\]{margin-left:2px}.ml-auto{margin-left:auto}.mr-\[-2px\]{margin-right:-2px}.mr-\[2px\]{margin-right:2px}.mt-3{margin-top:.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\!contents{display:contents!important}.contents{display:contents}.hidden{display:none}.aspect-\[24\/26\]{aspect-ratio:24/26}.aspect-square{aspect-ratio:1/1}.h-16{height:4rem}.h-24{height:6rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[15px\]{height:15px}.h-\[19px\]{height:19px}.h-\[25px\]{height:25px}.h-\[50px\]{height:50px}.h-\[5px\]{height:5px}.h-full{height:100%}.h-input-height{height:var(--n-input-height)}.h-px{height:1px}.max-h-\[600px\]{max-height:600px}.max-h-\[85vh\]{max-height:85vh}.max-h-full{max-height:100%}.max-h-input-height{max-height:var(--n-input-height)}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-6{min-height:1.5rem}.min-h-\[19px\]{min-height:19px}.min-h-input-height{min-height:var(--n-input-height)}.min-h-px{min-height:1px}.w-0{width:0}.w-16{width:4rem}.w-24{width:6rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[0\.9rem\]{width:.9rem}.w-\[15px\]{width:15px}.w-\[19px\]{width:19px}.w-\[1px\]{width:1px}.w-\[240px\]{width:240px}.w-\[25px\]{width:25px}.w-\[50px\]{width:50px}.w-\[680px\]{width:680px}.w-\[90vw\]{width:90vw}.w-full{width:100%}.w-input-height{width:var(--n-input-height)}.w-px{width:1px}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.min-w-\[200px\]{min-width:200px}.min-w-\[31px\]{min-width:31px}.min-w-px{min-width:1px}.max-w-\[100vw\]{max-width:100vw}.max-w-\[450px\]{max-width:450px}.max-w-\[70\%\]{max-width:70%}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-\[0_0_auto\]{flex:0 0 auto}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-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))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[2px\]{--tw-translate-x:2px}.rotate-0,.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))}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.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))}.scale-\[0\.60\]{--tw-scale-x:0.60;--tw-scale-y:0.60}.scale-\[0\.75\]{--tw-scale-x:0.75;--tw-scale-y:0.75}.scale-\[0\.75\],.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}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{animation:shimmer 6s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-\[auto_max-content\]{grid-template-columns:auto max-content}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-toolbar-separator{gap:var(--n-toolbar-separator)}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-pre{white-space:pre}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.border{border-width:1px}.border-0{border-width:0}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-none{border-style:none}.border-background{border-color:var(--n-background)}.border-divider{border-color:var(--n-divider)}.border-divider-strong{border-color:var(--n-divider-strong)}.border-divider-subtle{border-color:var(--n-divider-subtle)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-primary{border-color:var(--n-primary)}.border-secondary{border-color:var(--n-secondary)}.border-slider-border{border-color:var(--n-slider-border)}.border-transparent{border-color:transparent}.bg-\[\#0ab557\]{--tw-bg-opacity:1;background-color:rgb(10 181 87/var(--tw-bg-opacity))}.bg-\[rgb\(255\2c 219\2c 219\)\]{--tw-bg-opacity:1;background-color:rgb(255 219 219/var(--tw-bg-opacity))}.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{background-color:rgba(0,0,0,.5)}.bg-\[var\(--n-chip-default-bg\)\]{background-color:var(--n-chip-default-bg)}.bg-\[var\(--n-chip-error-bg\)\]{background-color:var(--n-chip-error-bg)}.bg-\[var\(--n-chip-primary-bg\)\]{background-color:var(--n-chip-primary-bg)}.bg-\[var\(--n-chip-secondary-bg\)\]{background-color:var(--n-chip-secondary-bg)}.bg-active-background{background-color:var(--n-active-background)}.bg-background{background-color:var(--n-background)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-canvas-background{background-color:var(--n-canvas-background)}.bg-divider{background-color:var(--n-divider)}.bg-divider-strong{background-color:var(--n-divider-strong)}.bg-divider-subtle{background-color:var(--n-divider-subtle)}.bg-floating-button{background-color:var(--n-floating-button)}.bg-input-background{background-color:var(--n-input-background)}.bg-list-view-hover-background{background-color:var(--n-list-view-hover-background)}.bg-listview-editing-background{background-color:var(--n-listview-editing-background)}.bg-listview-raised-background{background-color:var(--n-listview-raised-background)}.bg-popover-background{background-color:var(--n-popover-background)}.bg-primary{background-color:var(--n-primary)}.bg-primary-pastel{background-color:var(--n-primary-pastel)}.bg-row-highlight{background-color:var(--n-row-highlight)}.bg-scrollbar{background-color:var(--n-scrollbar)}.bg-secondary{background-color:var(--n-secondary)}.bg-secondary-pastel{background-color:var(--n-secondary-pastel)}.bg-sidebar-background{background-color:var(--n-sidebar-background)}.bg-slider-thumb-background{background-color:var(--n-slider-thumb-background)}.bg-text{background-color:var(--n-text)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--n-warning)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.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)}.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)}.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)}.to-background{--tw-gradient-to:var(--n-background) var(--tw-gradient-to-position)}.to-white\/0{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)}.fill-popover-background{fill:var(--n-popover-background)}.stroke-white{stroke:#fff}.stroke-\[1\.3px\]{stroke-width:1.3px}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-20{padding:5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-\[0_24px_0_20px\]{padding:0 24px 0 20px}.p-\[0px_4px\]{padding:0 4px}.p-\[2px_4px\]{padding:2px 4px}.p-\[2px_6px\]{padding:2px 6px}.p-\[3px\]{padding:3px}.p-\[4px_8px\]{padding:4px 8px}.p-dialog-padding{padding:var(--n-dialog-padding)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[1px\]{padding-left:1px;padding-right:1px}.px-\[2px\]{padding-left:2px;padding-right:2px}.px-\[6px\]{padding-left:6px;padding-right:6px}.px-medium{padding-left:16px;padding-right:16px}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-small{padding-top:8px;padding-bottom:8px}.\!pr-9{padding-right:2.25rem!important}.pb-4{padding-bottom:1rem}.pl-1\.5{padding-left:.375rem}.pl-3{padding-left:.75rem}.pr-1\.5{padding-right:.375rem}.pr-2\.5{padding-right:.625rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:Menlo,Monaco,Consolas,Courier New,monospace}.font-sans{font-family:__Inter_6b0edc,__Inter_Fallback_6b0edc,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-button{font-size:.8rem;line-height:1.4;letter-spacing:-.2px}.text-code{font-size:90%;line-height:1.5}.text-heading1{font-size:1.953rem;line-height:1.6;letter-spacing:-.025em}.text-heading2{font-size:1.563rem;line-height:1.5;letter-spacing:-.025em}.text-heading3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em}.text-heading4{font-size:1rem;line-height:1.4}.text-heading5{font-size:.85rem;line-height:1.4}.text-label{font-size:.62rem;line-height:19px;letter-spacing:-.3px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-subtitle{font-size:1.563rem;line-height:1.75;letter-spacing:-.05em}.text-title{font-size:3.052rem;line-height:1.4;letter-spacing:-.05em}.text-xs{font-size:.75rem;line-height:1rem}.font-\[14px\]{font-weight:14px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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)}.leading-3{line-height:.75rem}.leading-\[1\.4\]{line-height:1.4}.leading-\[15px\]{line-height:15px}.leading-\[19px\]{line-height:19px}.leading-\[1\],.leading-none{line-height:1}.\!text-text-disabled{color:var(--n-text-disabled)!important}.text-inherit{color:inherit}.text-primary{color:var(--n-primary)}.text-secondary{color:var(--n-secondary)}.text-segmented-control-item{color:var(--n-segmented-control-item)}.text-text{color:var(--n-text)}.text-text-disabled{color:var(--n-text-disabled)}.text-text-muted{color:var(--n-text-muted)}.text-text-subtle{color:var(--n-text-subtle)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.decoration-text-decorative-light{text-decoration-color:var(--n-text-decorative-light)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.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)}.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)}.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)}.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)}.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)}.shadow-\[0_10px_38px_-10px_hsla\(206\2c 22\%\2c 7\%\2c \.35\)\2c 0_10px_20px_-15px_hsla\(206\2c 22\%\2c 7\%\2c \.2\)\]{--tw-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);--tw-shadow-colored:0 10px 38px -10px var(--tw-shadow-color),0 10px 20px -15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.2\)\2c 0_0_12px_rgba\(0\2c 0\2c 0\2c 0\.1\)\],.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.2\)\2c _0_0_12px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.2\)_0_0_12px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 2px 4px rgba(0,0,0,.2) 0 0 12px rgba(0,0,0,.1);--tw-shadow-colored:0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.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)}.ring-inset{--tw-ring-inset:inset}.ring-primary{--tw-ring-color:var(--n-primary)}.ring-offset-background{--tw-ring-offset-color:var(--n-background)}.blur{--tw-blur:blur(8px)}.blur,.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)}.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)}.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}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\@container\/toolbar{container-type:inline-size;container-name:toolbar}.\[-webkit-app-region\:no-drag\]{-webkit-app-region:no-drag}.\[webkit-tap-highlight-color\:rgba\(0\2c 0\2c 0\2c 0\)\]{webkit-tap-highlight-color:transparent}:root{--n-logo-fill:#9698ac;--n-logo-highlight:#9698ac;--n-background:#fff;--n-text:#263053;--n-text-muted:#6b7188;--n-text-subtle:#757981;--n-text-disabled:#9698ac;--n-text-decorative-light:#a8b9d4;--n-divider-subtle:rgba(30,50,100,.04);--n-divider:rgba(30,50,100,.07);--n-divider-strong:rgba(30,50,100,.09);--n-primary:#6746ff;--n-primary-light:#9356ff;--n-primary-pastel:#eae6ff;--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:#435080;--n-selected-background:#f2f5fa;--n-breadcrumb-text:#6b7188;--n-breadcrumb-text-hover:#757981;--n-breadcrumb-icon:#8183a5;--n-canvas-background:#f9f9f9;--n-canvas-grid:rgba(0,0,0,.05);--n-sidebar-background:#fff;--n-sidebar-background-transparent:hsla(0,0%,100%,.85);--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:#f0f2f6;--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:#6746ff;--n-active-background:rgba(0,0,0,.1);--n-thumbnail-background:#f0efff;--n-thumbnail-shadow:#d3ceed66;--n-inline-code-text:#6746ff;--n-inline-code-background:#f0f2f6;--n-text-link:#6746ff;--n-text-link-focused:#9356ff;--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:#8183a5;--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}[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:#7742ff;--n-primary-light:#8656ff;--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-sidebar-background-transparent:rgba(34,33,39,.95);--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}.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-primary:focus{background-color:var(--n-primary)}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.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\:shadow-\[0_0_0_1px_var\(--n-sidebar-background\)\2c 0_0_0_3px_var\(--n-primary\)\]:focus{--tw-shadow:0 0 0 1px var(--n-sidebar-background),0 0 0 3px var(--n-primary);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 0 0 3px 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-primary-light:active{background-color:var(--n-primary-light)}.active\:bg-secondary:active{background-color:var(--n-secondary)}.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))}.aria-checked\:shadow-\[0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\][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}.sm\:text-\[18px\]{font-size:18px}.sm\:text-\[36px\]{font-size:36px}}.\[\&\>\*\]\:pointer-events-none>*{pointer-events:none}.\[\&\>div\]\:block>div{display:block}
1
+ *,:after,: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: }::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: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-left-2\.5{left:-.625rem}.-top-\[1px\]{top:-1px}.bottom-0{bottom:0}.left-0{left:0}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-5{left:1.25rem}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-6{right:1.5rem}.right-\[5px\]{right:5px}.right-\[7px\]{right:7px}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[5px\]{top:5px}.top-\[7px\]{top:7px}.z-20{z-index:20}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1\]{z-index:1}.z-\[2147483647\]{z-index:2147483647}.z-label{z-index:var(--n-label-z-index)}.z-menu{z-index:var(--n-menu-z-index)}.-m-1{margin:-.25rem}.-m-2{margin:-.5rem}.m-0{margin:0}.m-\[0_-24px_0_-20px\]{margin:0 -24px 0 -20px}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mb-\[6px\]{margin-bottom:-6px}.-ml-1\.5{margin-left:-.375rem}.-ml-3{margin-left:-.75rem}.-mr-1{margin-right:-.25rem}.-mr-2{margin-right:-.5rem}.-mt-1{margin-top:-.25rem}.mb-\[5px\]{margin-bottom:5px}.ml-1\.5{margin-left:.375rem}.ml-\[-2px\]{margin-left:-2px}.ml-\[2px\]{margin-left:2px}.ml-auto{margin-left:auto}.mr-\[-2px\]{margin-right:-2px}.mr-\[2px\]{margin-right:2px}.mt-3{margin-top:.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\!contents{display:contents!important}.contents{display:contents}.hidden{display:none}.aspect-\[24\/26\]{aspect-ratio:24/26}.aspect-square{aspect-ratio:1/1}.h-16{height:4rem}.h-24{height:6rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[15px\]{height:15px}.h-\[19px\]{height:19px}.h-\[25px\]{height:25px}.h-\[50px\]{height:50px}.h-\[5px\]{height:5px}.h-full{height:100%}.h-input-height{height:var(--n-input-height)}.h-px{height:1px}.max-h-\[600px\]{max-height:600px}.max-h-\[85vh\]{max-height:85vh}.max-h-full{max-height:100%}.max-h-input-height{max-height:var(--n-input-height)}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-6{min-height:1.5rem}.min-h-\[19px\]{min-height:19px}.min-h-input-height{min-height:var(--n-input-height)}.min-h-px{min-height:1px}.w-0{width:0}.w-16{width:4rem}.w-24{width:6rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[0\.9rem\]{width:.9rem}.w-\[15px\]{width:15px}.w-\[19px\]{width:19px}.w-\[1px\]{width:1px}.w-\[240px\]{width:240px}.w-\[25px\]{width:25px}.w-\[50px\]{width:50px}.w-\[680px\]{width:680px}.w-\[90vw\]{width:90vw}.w-full{width:100%}.w-input-height{width:var(--n-input-height)}.w-px{width:1px}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.min-w-\[200px\]{min-width:200px}.min-w-\[31px\]{min-width:31px}.min-w-px{min-width:1px}.max-w-\[100vw\]{max-width:100vw}.max-w-\[450px\]{max-width:450px}.max-w-\[70\%\]{max-width:70%}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-\[0_0_auto\]{flex:0 0 auto}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-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))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[2px\]{--tw-translate-x:2px}.rotate-0,.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))}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.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))}.scale-\[0\.60\]{--tw-scale-x:0.60;--tw-scale-y:0.60}.scale-\[0\.75\]{--tw-scale-x:0.75;--tw-scale-y:0.75}.scale-\[0\.75\],.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}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{animation:shimmer 6s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-\[auto_max-content\]{grid-template-columns:auto max-content}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-toolbar-separator{gap:var(--n-toolbar-separator)}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-pre{white-space:pre}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-0{border-width:0}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-none{border-style:none}.border-background{border-color:var(--n-background)}.border-divider{border-color:var(--n-divider)}.border-divider-strong{border-color:var(--n-divider-strong)}.border-divider-subtle{border-color:var(--n-divider-subtle)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-primary{border-color:var(--n-primary)}.border-secondary{border-color:var(--n-secondary)}.border-slider-border{border-color:var(--n-slider-border)}.border-transparent{border-color:transparent}.bg-\[\#0ab557\]{--tw-bg-opacity:1;background-color:rgb(10 181 87/var(--tw-bg-opacity))}.bg-\[rgb\(255\2c 219\2c 219\)\]{--tw-bg-opacity:1;background-color:rgb(255 219 219/var(--tw-bg-opacity))}.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{background-color:rgba(0,0,0,.5)}.bg-\[var\(--n-chip-default-bg\)\]{background-color:var(--n-chip-default-bg)}.bg-\[var\(--n-chip-error-bg\)\]{background-color:var(--n-chip-error-bg)}.bg-\[var\(--n-chip-primary-bg\)\]{background-color:var(--n-chip-primary-bg)}.bg-\[var\(--n-chip-secondary-bg\)\]{background-color:var(--n-chip-secondary-bg)}.bg-active-background{background-color:var(--n-active-background)}.bg-background{background-color:var(--n-background)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-canvas-background{background-color:var(--n-canvas-background)}.bg-divider{background-color:var(--n-divider)}.bg-divider-strong{background-color:var(--n-divider-strong)}.bg-divider-subtle{background-color:var(--n-divider-subtle)}.bg-floating-button{background-color:var(--n-floating-button)}.bg-input-background{background-color:var(--n-input-background)}.bg-list-view-hover-background{background-color:var(--n-list-view-hover-background)}.bg-listview-editing-background{background-color:var(--n-listview-editing-background)}.bg-listview-raised-background{background-color:var(--n-listview-raised-background)}.bg-popover-background{background-color:var(--n-popover-background)}.bg-primary{background-color:var(--n-primary)}.bg-primary-pastel{background-color:var(--n-primary-pastel)}.bg-row-highlight{background-color:var(--n-row-highlight)}.bg-scrollbar{background-color:var(--n-scrollbar)}.bg-secondary{background-color:var(--n-secondary)}.bg-secondary-pastel{background-color:var(--n-secondary-pastel)}.bg-sidebar-background{background-color:var(--n-sidebar-background)}.bg-slider-thumb-background{background-color:var(--n-slider-thumb-background)}.bg-text{background-color:var(--n-text)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--n-warning)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.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)}.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)}.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)}.to-background{--tw-gradient-to:var(--n-background) var(--tw-gradient-to-position)}.to-white\/0{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)}.fill-popover-background{fill:var(--n-popover-background)}.stroke-white{stroke:#fff}.stroke-\[1\.3px\]{stroke-width:1.3px}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-20{padding:5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-\[0_24px_0_20px\]{padding:0 24px 0 20px}.p-\[0px_4px\]{padding:0 4px}.p-\[2px_4px\]{padding:2px 4px}.p-\[2px_6px\]{padding:2px 6px}.p-\[3px\]{padding:3px}.p-\[4px_8px\]{padding:4px 8px}.p-dialog-padding{padding:var(--n-dialog-padding)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[1px\]{padding-left:1px;padding-right:1px}.px-\[2px\]{padding-left:2px;padding-right:2px}.px-\[6px\]{padding-left:6px;padding-right:6px}.px-medium{padding-left:16px;padding-right:16px}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-small{padding-top:8px;padding-bottom:8px}.\!pr-9{padding-right:2.25rem!important}.pb-4{padding-bottom:1rem}.pl-1\.5{padding-left:.375rem}.pl-3{padding-left:.75rem}.pr-1\.5{padding-right:.375rem}.pr-2\.5{padding-right:.625rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:Menlo,Monaco,Consolas,Courier New,monospace}.font-sans{font-family:__Inter_6b0edc,__Inter_Fallback_6b0edc,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-button{font-size:.8rem;line-height:1.4;letter-spacing:-.2px}.text-code{font-size:90%;line-height:1.5}.text-heading1{font-size:1.953rem;line-height:1.6;letter-spacing:-.025em}.text-heading2{font-size:1.563rem;line-height:1.5;letter-spacing:-.025em}.text-heading3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em}.text-heading4{font-size:1rem;line-height:1.4}.text-heading5{font-size:.85rem;line-height:1.4}.text-label{font-size:.62rem;line-height:19px;letter-spacing:-.3px}.text-list-small{font-size:.75rem;line-height:1.4;letter-spacing:-.2px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-subtitle{font-size:1.563rem;line-height:1.75;letter-spacing:-.05em}.text-title{font-size:3.052rem;line-height:1.4;letter-spacing:-.05em}.text-xs{font-size:.75rem;line-height:1rem}.font-\[14px\]{font-weight:14px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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)}.leading-3{line-height:.75rem}.leading-\[1\.4\]{line-height:1.4}.leading-\[15px\]{line-height:15px}.leading-\[19px\]{line-height:19px}.leading-\[1\],.leading-none{line-height:1}.\!text-text-disabled{color:var(--n-text-disabled)!important}.text-inherit{color:inherit}.text-primary{color:var(--n-primary)}.text-secondary{color:var(--n-secondary)}.text-segmented-control-item{color:var(--n-segmented-control-item)}.text-text{color:var(--n-text)}.text-text-disabled{color:var(--n-text-disabled)}.text-text-muted{color:var(--n-text-muted)}.text-text-subtle{color:var(--n-text-subtle)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.decoration-text-decorative-light{text-decoration-color:var(--n-text-decorative-light)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.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)}.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)}.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)}.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)}.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)}.shadow-\[0_10px_38px_-10px_hsla\(206\2c 22\%\2c 7\%\2c \.35\)\2c 0_10px_20px_-15px_hsla\(206\2c 22\%\2c 7\%\2c \.2\)\]{--tw-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);--tw-shadow-colored:0 10px 38px -10px var(--tw-shadow-color),0 10px 20px -15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.2\)\2c 0_0_12px_rgba\(0\2c 0\2c 0\2c 0\.1\)\],.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.2\)\2c _0_0_12px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.2\)_0_0_12px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 2px 4px rgba(0,0,0,.2) 0 0 12px rgba(0,0,0,.1);--tw-shadow-colored:0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.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)}.ring-inset{--tw-ring-inset:inset}.ring-primary{--tw-ring-color:var(--n-primary)}.ring-offset-background{--tw-ring-offset-color:var(--n-background)}.blur{--tw-blur:blur(8px)}.blur,.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)}.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)}.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}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\@container\/toolbar{container-type:inline-size;container-name:toolbar}.\[-webkit-app-region\:no-drag\]{-webkit-app-region:no-drag}.\[webkit-tap-highlight-color\:rgba\(0\2c 0\2c 0\2c 0\)\]{webkit-tap-highlight-color:transparent}:root{--n-logo-fill:#9698ac;--n-logo-highlight:#9698ac;--n-background:#fff;--n-text:#263053;--n-text-muted:#6b7188;--n-text-subtle:#757981;--n-text-disabled:#9698ac;--n-text-decorative-light:#a8b9d4;--n-divider-subtle:rgba(30,50,100,.04);--n-divider:rgba(30,50,100,.07);--n-divider-strong:rgba(30,50,100,.09);--n-primary:#6746ff;--n-primary-light:#9356ff;--n-primary-pastel:#eae6ff;--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:#435080;--n-selected-background:#f2f5fa;--n-breadcrumb-text:#6b7188;--n-breadcrumb-text-hover:#757981;--n-breadcrumb-icon:#8183a5;--n-canvas-background:#f9f9f9;--n-canvas-grid:rgba(0,0,0,.05);--n-sidebar-background:#fff;--n-sidebar-background-transparent:hsla(0,0%,100%,.85);--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:#f0f2f6;--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:#6746ff;--n-active-background:rgba(0,0,0,.1);--n-thumbnail-background:#f0efff;--n-thumbnail-shadow:#d3ceed66;--n-inline-code-text:#6746ff;--n-inline-code-background:#f0f2f6;--n-text-link:#6746ff;--n-text-link-focused:#9356ff;--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:#8183a5;--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-visual-editor-line-placeholder-content:"Write or press / for commands"}[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:#7742ff;--n-primary-light:#8656ff;--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-sidebar-background-transparent:rgba(34,33,39,.95);--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}.visual-editor-line-placeholder:after{content:var(--n-visual-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-primary:focus{background-color:var(--n-primary)}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.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\:shadow-\[0_0_0_1px_var\(--n-sidebar-background\)\2c 0_0_0_3px_var\(--n-primary\)\]:focus{--tw-shadow:0 0 0 1px var(--n-sidebar-background),0 0 0 3px var(--n-primary);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 0 0 3px 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-primary-light:active{background-color:var(--n-primary-light)}.active\:bg-secondary:active{background-color:var(--n-secondary)}.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))}.aria-checked\:shadow-\[0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\][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}.sm\:text-\[18px\]{font-size:18px}.sm\:text-\[36px\]{font-size:36px}}.\[\&\>\*\]\:pointer-events-none>*{pointer-events:none}.\[\&\>div\]\:block>div{display:block}
package/dist/index.d.mts CHANGED
@@ -3,7 +3,7 @@ import React__default, { ReactNode, CSSProperties, ReactHTML, HTMLAttributes, Ar
3
3
  import { IItemScore } from 'vscode-fuzzy-scorer';
4
4
  import * as Icons from '@noya-app/noya-icons';
5
5
  export { Icons };
6
- import * as tailwindcss_types_config from 'tailwindcss/types/config';
6
+ import tailwindConfig from '@noya-app/noya-tailwind-config';
7
7
  import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
8
8
  import { Size } from '@noya-app/noya-geometry';
9
9
  import { UniqueIdentifier } from '@dnd-kit/core';
@@ -132,6 +132,7 @@ type ActionMenuProps<TMenu extends string> = {
132
132
  onOpenChange: (open: boolean) => void;
133
133
  className?: string;
134
134
  style?: React__default.CSSProperties;
135
+ variant?: "normal" | "bare";
135
136
  };
136
137
  declare const ActionMenu: <TMenu extends string>(props: ActionMenuProps<TMenu>) => React__default.ReactElement | null;
137
138
 
@@ -224,186 +225,7 @@ type BannerProps = {
224
225
  };
225
226
  declare function Banner({ label, className, style }: BannerProps): React__default.JSX.Element;
226
227
 
227
- declare const config: {
228
- content: string[];
229
- corePlugins: {
230
- preflight: false;
231
- };
232
- theme: {
233
- extend: {
234
- colors: {
235
- "logo-fill": string;
236
- "logo-highlight": string;
237
- background: string;
238
- text: string;
239
- "text-muted": string;
240
- "text-subtle": string;
241
- "text-disabled": string;
242
- "text-decorative-light": string;
243
- "divider-subtle": string;
244
- divider: string;
245
- "divider-strong": string;
246
- primary: string;
247
- "primary-light": string;
248
- "primary-pastel": string;
249
- secondary: string;
250
- "secondary-light": string;
251
- "secondary-pastel": string;
252
- "secondary-bright": string;
253
- "input-background": string;
254
- "input-background-light": string;
255
- "list-view-hover-background": string;
256
- "list-view-thumbnail-background": string;
257
- "code-background": string;
258
- "code-background-dark": string;
259
- "selected-background": string;
260
- "breadcrumb-text": string;
261
- "breadcrumb-text-hover": string;
262
- "breadcrumb-icon": string;
263
- "canvas-background": string;
264
- "canvas-grid": string;
265
- "sidebar-background": string;
266
- "sidebar-background-transparent": string;
267
- "popover-background": string;
268
- "popover-divider": string;
269
- "listview-raised-background": string;
270
- "listview-editing-background": string;
271
- "slider-thumb-background": string;
272
- "slider-border": string;
273
- "segmented-control-item": string;
274
- mask: string;
275
- "transparent-checker": string;
276
- scrollbar: string;
277
- "placeholder-dots": string;
278
- "drag-outline": string;
279
- "active-background": string;
280
- "thumbnail-background": string;
281
- "thumbnail-shadow": string;
282
- "inline-code-text": string;
283
- "inline-code-background": string;
284
- "text-link": string;
285
- "text-link-focused": string;
286
- icon: string;
287
- "icon-selected": string;
288
- warning: string;
289
- dot: string;
290
- "row-highlight": string;
291
- "table-row-background": string;
292
- "chip-primary-bg": string;
293
- "chip-secondary-bg": string;
294
- "chip-error-bg": string;
295
- "chip-default-bg": string;
296
- "chip-primary-shadow": string;
297
- "chip-secondary-shadow": string;
298
- "chip-error-shadow": string;
299
- "chip-default-shadow": string;
300
- "floating-button": string;
301
- "block-border": string;
302
- "block-highlight": string;
303
- };
304
- fontFamily: {
305
- sans: [string, string, string, string, string, string, string, string, string, string];
306
- mono: [string, string, string, string, string];
307
- };
308
- fontSize: {
309
- title: [string, {
310
- lineHeight: string;
311
- letterSpacing: string;
312
- }];
313
- subtitle: [string, {
314
- lineHeight: string;
315
- letterSpacing: string;
316
- }];
317
- heading1: [string, {
318
- lineHeight: string;
319
- letterSpacing: string;
320
- }];
321
- heading2: [string, {
322
- lineHeight: string;
323
- letterSpacing: string;
324
- }];
325
- heading3: [string, {
326
- lineHeight: string;
327
- letterSpacing: string;
328
- }];
329
- heading4: [string, {
330
- lineHeight: string;
331
- }];
332
- heading5: [string, {
333
- lineHeight: string;
334
- }];
335
- body: [string, {
336
- lineHeight: string;
337
- }];
338
- small: [string, {
339
- lineHeight: string;
340
- }];
341
- code: [string, {
342
- lineHeight: string;
343
- }];
344
- button: [string, {
345
- lineHeight: string;
346
- letterSpacing: string;
347
- }];
348
- label: [string, {
349
- lineHeight: string;
350
- letterSpacing: string;
351
- }];
352
- };
353
- spacing: {
354
- nano: string;
355
- micro: string;
356
- small: string;
357
- medium: string;
358
- large: string;
359
- xlarge: string;
360
- xxlarge: string;
361
- "inset-top": string;
362
- "sidebar-width": string;
363
- "toolbar-height": string;
364
- "toolbar-separator": string;
365
- "inspector-h-separator": string;
366
- "inspector-v-separator": string;
367
- "dialog-padding": string;
368
- "input-height": string;
369
- };
370
- keyframes: {
371
- spin: {
372
- "0%": {
373
- transform: string;
374
- };
375
- "100%": {
376
- transform: string;
377
- };
378
- };
379
- shimmer: {
380
- "0%": {
381
- backgroundPosition: string;
382
- };
383
- "100%": {
384
- backgroundPosition: string;
385
- };
386
- };
387
- };
388
- animation: {
389
- spin: string;
390
- shimmer: string;
391
- };
392
- zIndex: {
393
- interactable: string;
394
- label: string;
395
- menu: string;
396
- };
397
- };
398
- };
399
- safelist: string[];
400
- plugins: {
401
- handler: tailwindcss_types_config.PluginCreator;
402
- config?: Partial<tailwindcss_types_config.Config> | undefined;
403
- }[];
404
- };
405
-
406
- type Theme = (typeof config.theme)["extend"];
228
+ type Theme = (typeof tailwindConfig.theme)["extend"];
407
229
  type ThemeColor = keyof Theme["colors"];
408
230
  declare const cssVars: {
409
231
  colors: {
@@ -520,6 +342,10 @@ declare const cssVars: {
520
342
  lineHeight: string;
521
343
  letterSpacing: string;
522
344
  }];
345
+ listSmall: [string, {
346
+ lineHeight: string;
347
+ letterSpacing: string;
348
+ }];
523
349
  label: [string, {
524
350
  lineHeight: string;
525
351
  letterSpacing: string;
@@ -659,15 +485,6 @@ interface ChipProps {
659
485
  }
660
486
  declare const Chip: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<ChipProps & React__default.RefAttributes<HTMLSpanElement>>>;
661
487
 
662
- type GridViewSize = "xxs" | "xs" | "small" | "medium" | "large" | "xl";
663
- declare const getGridSize: (size: GridViewSize) => {
664
- minColumnWidth: string;
665
- gap: number;
666
- };
667
- declare const Grid: <T, M extends string = string>(props: CollectionProps<T, M> & {
668
- ref?: React__default.ForwardedRef<CollectionRef>;
669
- } & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
670
-
671
488
  type RelativeDropPosition = "above" | "below" | "inside";
672
489
  type DropValidator = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition) => boolean;
673
490
  declare const normalizeListTargetIndex: (index: number, position: "above" | "below") => number;
@@ -879,6 +696,7 @@ type CollectionRef = {
879
696
  type CollectionThumbnailProps<T> = {
880
697
  item: T;
881
698
  selected: boolean;
699
+ size?: CollectionItemSize;
882
700
  };
883
701
  type CollectionRenderActionProps<T> = {
884
702
  item: T;
@@ -905,7 +723,7 @@ interface CollectionProps<T, M extends string = string> {
905
723
  menuItems?: MenuItem<M>[];
906
724
  onSelectMenuItem?: (action: M, selectedItems: T[]) => void;
907
725
  onRename?: (item: T, newName: string) => void;
908
- renderThumbnail?: ({ item, selected, }: CollectionThumbnailProps<T>) => React__default.ReactNode;
726
+ renderThumbnail?: ({ item, selected, size, }: CollectionThumbnailProps<T>) => React__default.ReactNode;
909
727
  renderAction?: "menu" | ((props: CollectionRenderActionProps<T>) => React__default.ReactNode);
910
728
  renderDetail?: (item: T, selected: boolean) => React__default.ReactNode;
911
729
  /** Callback when selection changes. If not provided, selection will be disabled. */
@@ -915,7 +733,7 @@ interface CollectionProps<T, M extends string = string> {
915
733
  /** Position of the detail content. Defaults to 'end'. */
916
734
  detailPosition?: "end" | "below";
917
735
  /** Size of the list items. Defaults to 'medium'. */
918
- size?: GridViewSize;
736
+ size?: CollectionItemSize;
919
737
  /** Size of the thumbnail. Defaults to 'auto', which will be based on the size prop. */
920
738
  thumbnailSize?: CollectionThumbnailSize;
921
739
  /** For testing: Override the hover state with a specific item ID */
@@ -942,6 +760,7 @@ interface CollectionProps<T, M extends string = string> {
942
760
  dragIndicatorStyle?: ListViewRowProps<M>["dragIndicatorStyle"];
943
761
  }
944
762
  declare const Collection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
763
+ type CollectionItemSize = "xxs" | "xs" | "small" | "medium" | "large" | "xl";
945
764
 
946
765
  type InputSize = "small" | "medium" | "large";
947
766
 
@@ -975,6 +794,8 @@ type SubmittableProps = Props$d & {
975
794
  onSubmit: (value: string) => void;
976
795
  allowSubmittingWithSameValue?: boolean;
977
796
  submitAutomaticallyAfterDelay?: number;
797
+ /** @default true */
798
+ submitOnBlur?: boolean;
978
799
  };
979
800
  type TextInputProps = ReadOnlyProps | ControlledProps | SubmittableProps;
980
801
 
@@ -1118,6 +939,8 @@ interface ComboboxMenuProps<T extends string> {
1118
939
  listSize: Size;
1119
940
  style?: React__default.CSSProperties;
1120
941
  indented?: boolean;
942
+ /** @default right */
943
+ iconPosition?: "left" | "right";
1121
944
  }
1122
945
  declare const ComboboxMenu: <T extends string>(props: ComboboxMenuProps<T> & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement | null;
1123
946
 
@@ -1330,9 +1153,10 @@ declare const FileExplorerUploadButton: ({ showUploadButton, onUpload, children,
1330
1153
  children?: React__default.ReactNode;
1331
1154
  }) => React__default.JSX.Element;
1332
1155
  declare const FileExplorerCollection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
1333
- declare const FileExplorerDetail: ({ selected, children, }: {
1156
+ declare const FileExplorerDetail: ({ selected, size, children, }: {
1334
1157
  selected: boolean;
1335
1158
  children: React__default.ReactNode;
1159
+ size?: CollectionItemSize;
1336
1160
  }) => React__default.JSX.Element;
1337
1161
  declare const FileExplorerEmptyState: ({ label, ...props }: BannerProps$1) => React__default.JSX.Element;
1338
1162
 
@@ -1393,6 +1217,14 @@ interface Props$8 {
1393
1217
  }
1394
1218
  declare const GradientPicker: React$1.NamedExoticComponent<Props$8>;
1395
1219
 
1220
+ declare const getGridSize: (size: CollectionItemSize) => {
1221
+ minColumnWidth: string;
1222
+ gap: number;
1223
+ };
1224
+ declare const Grid: <T, M extends string = string>(props: CollectionProps<T, M> & {
1225
+ ref?: React__default.ForwardedRef<CollectionRef>;
1226
+ } & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
1227
+
1396
1228
  interface ItemProps<MenuItemType extends string = string> {
1397
1229
  id: string;
1398
1230
  title?: ReactNode;
@@ -1555,6 +1387,7 @@ type MediaThumbnailProps = {
1555
1387
  * If provided, use this icon instead of the default one for the asset type
1556
1388
  */
1557
1389
  iconName?: IconName;
1390
+ size?: CollectionItemSize;
1558
1391
  };
1559
1392
  declare const getThumbnailColors: (colorScheme: ColorScheme$1, selected: boolean) => {
1560
1393
  icon: string;
@@ -2064,7 +1897,13 @@ declare class ComboboxState<T extends string> {
2064
1897
  setSelectedIndex(index: number): void;
2065
1898
  submitArbitraryFilter(filter: string): void;
2066
1899
  }
2067
- declare function getNextIndex<T>(items: T[], currentIndex: number, direction: "next" | "previous", isDisabled: (item: T) => boolean): number;
1900
+ declare function filterWithGroupedSections<T extends string>(items: MenuItem<T>[], query: string): ScoredMenuItem<T>[];
1901
+ declare function getNextIndex<T>({ items, currentIndex, direction, isDisabled, }: {
1902
+ items: T[];
1903
+ currentIndex: number;
1904
+ direction: "next" | "previous";
1905
+ isDisabled: (item: T) => boolean;
1906
+ }): number;
2068
1907
  declare function useComboboxState<T extends string>(state: ComboboxState<T>): ComboboxStateSnapshot<T>;
2069
1908
 
2070
1909
  type MoveOptions = {
@@ -2188,9 +2027,9 @@ interface ToolbarProps<T extends string = string> {
2188
2027
  shouldBindKeyboardShortcuts?: boolean;
2189
2028
  }
2190
2029
  declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
2191
- declare function ToolbarMenu<T extends string>({ items, onSelectMenuItem, }: {
2030
+ declare const ToolbarMenu: <T extends string>(props: {
2192
2031
  items: MenuItem<T>[];
2193
2032
  onSelectMenuItem?: (value: T) => void;
2194
- }): React__default.JSX.Element;
2033
+ }) => React__default.ReactElement | null;
2195
2034
 
2196
- export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDropOptions, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, 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, type GridViewSize, 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, 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, Toolbar, ToolbarMenu, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, createSectionedMenu, cssVars, cx, defaultAcceptsDrop, fuzzyFilter, fuzzyScore, fuzzyTokenize, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, 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 };
2035
+ export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDropOptions, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, 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, 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, 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, Toolbar, ToolbarMenu, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, createSectionedMenu, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, 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 };