@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.
- package/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +8 -0
- package/dist/index.css +1 -1
- package/dist/index.d.mts +36 -197
- package/dist/index.d.ts +36 -197
- package/dist/index.js +1258 -10127
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4458 -13349
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
- package/src/components/ActionMenu.tsx +4 -2
- package/src/components/Collection.tsx +12 -3
- package/src/components/ComboboxMenu.tsx +10 -1
- package/src/components/Grid.tsx +11 -8
- package/src/components/List.tsx +26 -20
- package/src/components/MediaThumbnail.tsx +20 -6
- package/src/components/SearchCompletionMenu.tsx +12 -12
- package/src/components/SegmentedControl.tsx +1 -1
- package/src/components/Toolbar.tsx +22 -10
- package/src/components/file-explorer/FileExplorerLayout.tsx +12 -2
- package/src/components/internal/TextInput.tsx +7 -2
- package/src/index.css +7 -0
- package/src/theme/index.ts +1 -1
- package/src/utils/classNames.ts +1 -1
- package/src/utils/combobox.ts +18 -13
- package/tailwind.config.ts +2 -239
- package/tailwind.d.ts +1 -1
- package/tsup.config.ts +0 -3
package/.turbo/turbo-build.log
CHANGED
|
@@ -7,12 +7,12 @@
|
|
|
7
7
|
[34mCLI[39m Target: esnext
|
|
8
8
|
[34mCJS[39m Build start
|
|
9
9
|
[34mESM[39m Build start
|
|
10
|
-
[32mCJS[39m [1mdist/index.js [22m[
|
|
11
|
-
[32mCJS[39m [1mdist/index.js.map [22m[
|
|
12
|
-
[32mCJS[39m ⚡️ Build success in
|
|
13
|
-
[32mESM[39m [1mdist/index.mjs [22m[
|
|
14
|
-
[32mESM[39m [1mdist/index.mjs.map [22m[
|
|
15
|
-
[32mESM[39m ⚡️ Build success in
|
|
10
|
+
[32mCJS[39m [1mdist/index.js [22m[32m325.10 KB[39m
|
|
11
|
+
[32mCJS[39m [1mdist/index.js.map [22m[32m643.95 KB[39m
|
|
12
|
+
[32mCJS[39m ⚡️ Build success in 180ms
|
|
13
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m304.25 KB[39m
|
|
14
|
+
[32mESM[39m [1mdist/index.mjs.map [22m[32m644.38 KB[39m
|
|
15
|
+
[32mESM[39m ⚡️ 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
|
|
26
|
+
Done in 417ms.
|
|
27
27
|
|
|
28
|
-
DTS ⚡️ Build success in
|
|
29
|
-
DTS dist/index.d.ts
|
|
30
|
-
DTS dist/index.d.mts
|
|
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
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
|
|
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
|
-
|
|
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?:
|
|
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
|
|
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
|
|
2030
|
+
declare const ToolbarMenu: <T extends string>(props: {
|
|
2192
2031
|
items: MenuItem<T>[];
|
|
2193
2032
|
onSelectMenuItem?: (value: T) => void;
|
|
2194
|
-
})
|
|
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,
|
|
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 };
|