@noya-app/noya-designsystem 0.1.49 → 0.1.50
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 +11 -0
- package/dist/index.css +1 -1
- package/dist/index.d.mts +137 -12
- package/dist/index.d.ts +137 -12
- package/dist/index.js +1627 -1129
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1582 -1102
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
- package/src/components/Avatar.tsx +2 -2
- package/src/components/Banner.tsx +29 -0
- package/src/components/Button.tsx +2 -2
- package/src/components/Chip.tsx +8 -8
- package/src/components/Collection.tsx +6 -1
- package/src/components/Dialog.tsx +2 -2
- package/src/components/FillInputField.tsx +1 -1
- package/src/components/Grid.tsx +1 -3
- package/src/components/Label.tsx +11 -6
- package/src/components/LabeledField.tsx +6 -1
- package/src/components/List.tsx +4 -4
- package/src/components/ListView.tsx +10 -5
- package/src/components/MediaThumbnail.tsx +11 -3
- package/src/components/Popover.tsx +9 -6
- package/src/components/Section.tsx +172 -0
- package/src/components/SelectMenu.tsx +1 -1
- package/src/components/Slider.tsx +1 -1
- package/src/components/Sortable.tsx +124 -22
- package/src/components/UserPointer.tsx +1 -1
- package/src/components/ai-assistant/AIAssistantLayout.tsx +102 -0
- package/src/components/connected-users-menu/ConnectedUsersMenuLayout.tsx +71 -0
- package/src/components/file-explorer/FileExplorerLayout.tsx +71 -0
- package/src/components/internal/Menu.tsx +12 -7
- package/src/components/pipeline/PipelineResultLayout.tsx +32 -0
- package/src/index.css +118 -118
- package/src/index.tsx +7 -0
- package/src/utils/classNames.ts +27 -2
- package/src/utils/moveTreeItem.ts +99 -0
- package/tailwind.config.ts +79 -79
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
|
-
[
|
|
11
|
-
[
|
|
12
|
-
[
|
|
13
|
-
[
|
|
14
|
-
[
|
|
15
|
-
[
|
|
10
|
+
[32mCJS[39m [1mdist/index.js [22m[32m696.29 KB[39m
|
|
11
|
+
[32mCJS[39m [1mdist/index.js.map [22m[32m1.24 MB[39m
|
|
12
|
+
[32mCJS[39m ⚡️ Build success in 397ms
|
|
13
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m676.46 KB[39m
|
|
14
|
+
[32mESM[39m [1mdist/index.mjs.map [22m[32m1.24 MB[39m
|
|
15
|
+
[32mESM[39m ⚡️ Build success in 397ms
|
|
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 767ms.
|
|
27
27
|
|
|
28
|
-
DTS ⚡️ Build success in
|
|
29
|
-
DTS dist/index.d.ts
|
|
30
|
-
DTS dist/index.d.mts
|
|
28
|
+
DTS ⚡️ Build success in 8654ms
|
|
29
|
+
DTS dist/index.d.ts 89.42 KB
|
|
30
|
+
DTS dist/index.d.mts 89.42 KB
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @noya-app/noya-designsystem
|
|
2
2
|
|
|
3
|
+
## 0.1.50
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- a842a0f: bump versions
|
|
8
|
+
- Updated dependencies [a842a0f]
|
|
9
|
+
- @noya-app/noya-colorpicker@0.1.19
|
|
10
|
+
- @noya-app/noya-icons@0.1.7
|
|
11
|
+
- @noya-app/noya-utils@0.1.5
|
|
12
|
+
- @noya-app/noya-geometry@0.1.10
|
|
13
|
+
|
|
3
14
|
## 0.1.49
|
|
4
15
|
|
|
5
16
|
### 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-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1\]{z-index:1}.z-\[2147483647\]{z-index:2147483647}.z-label{z-index:var(--label-z-index)}.z-menu{z-index:var(--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}.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(--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(--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(--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(--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-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 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(--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-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-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-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-none{border-style:none}.border-background{border-color:var(--background)}.border-divider{border-color:var(--divider)}.border-divider-strong{border-color:var(--divider-strong)}.border-divider-subtle{border-color:var(--divider-subtle)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-slider-border{border-color:var(--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\(--chip-default-bg\)\]{background-color:var(--chip-default-bg)}.bg-\[var\(--chip-error-bg\)\]{background-color:var(--chip-error-bg)}.bg-\[var\(--chip-primary-bg\)\]{background-color:var(--chip-primary-bg)}.bg-\[var\(--chip-secondary-bg\)\]{background-color:var(--chip-secondary-bg)}.bg-active-background{background-color:var(--active-background)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-canvas-background{background-color:var(--canvas-background)}.bg-divider{background-color:var(--divider)}.bg-divider-strong{background-color:var(--divider-strong)}.bg-divider-subtle{background-color:var(--divider-subtle)}.bg-floating-button{background-color:var(--floating-button)}.bg-input-background{background-color:var(--input-background)}.bg-list-view-hover-background{background-color:var(--list-view-hover-background)}.bg-listview-editing-background{background-color:var(--listview-editing-background)}.bg-listview-raised-background{background-color:var(--listview-raised-background)}.bg-popover-background{background-color:var(--popover-background)}.bg-primary{background-color:var(--primary)}.bg-primary-pastel{background-color:var(--primary-pastel)}.bg-row-highlight{background-color:var(--row-highlight)}.bg-scrollbar{background-color:var(--scrollbar)}.bg-secondary{background-color:var(--secondary)}.bg-secondary-pastel{background-color:var(--secondary-pastel)}.bg-sidebar-background{background-color:var(--sidebar-background)}.bg-slider-thumb-background{background-color:var(--slider-thumb-background)}.bg-text{background-color:var(--text)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--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(--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(--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(--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}.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}.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-bold{font-weight:700!important}.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(--text-disabled)!important}.text-inherit{color:inherit}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-segmented-control-item{color:var(--segmented-control-item)}.text-text{color:var(--text)}.text-text-disabled{color:var(--text-disabled)}.text-text-muted{color:var(--text-muted)}.text-text-subtle{color:var(--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(--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\(--chip-default-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--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\(--chip-error-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--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\(--chip-primary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--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\(--chip-secondary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--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\(--divider\)_inset\]{--tw-shadow:0 0 0 1px var(--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(--primary)}.ring-offset-background{--tw-ring-offset-color:var(--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{--logo-fill:#9698ac;--logo-highlight:#9698ac;--background:#fff;--text:#263053;--text-muted:#6b7188;--text-subtle:#757981;--text-disabled:#9698ac;--text-decorative-light:#a8b9d4;--divider-subtle:rgba(30,50,100,.04);--divider:rgba(30,50,100,.07);--divider-strong:rgba(30,50,100,.09);--primary:#6746ff;--primary-light:#9356ff;--primary-pastel:#eae6ff;--secondary:#009775;--secondary-light:#00a081;--secondary-pastel:#cdeee7;--secondary-bright:#0ab557;--input-background-light:#f3f5f9;--code-background:#fafafa;--code-background-dark:#435080;--selected-background:#f2f5fa;--breadcrumb-text:#6b7188;--breadcrumb-text-hover:#757981;--breadcrumb-icon:#8183a5;--canvas-background:#f9f9f9;--canvas-grid:rgba(0,0,0,.05);--sidebar-background:#fff;--sidebar-background-transparent:hsla(0,0%,100%,.85);--popover-background:#fcfcfc;--popover-divider:transparent;--listview-raised-background:rgba(0,0,0,.03);--listview-editing-background:#fff;--input-background:#f0f2f6;--list-view-hover-background:#f4f6fa;--list-view-thumbnail-background:var(--input-background);--slider-thumb-background:#fff;--slider-border:#9698ac;--mask:#0cc143;--transparent-checker:hsla(0,0%,100%,.8);--scrollbar:hsla(0,0%,78%,.8);--placeholder-dots:rgba(0,0,0,.3);--drag-outline:#6746ff;--active-background:rgba(0,0,0,.1);--thumbnail-background:#f0efff;--thumbnail-shadow:#d3ceed66;--inline-code-text:#6746ff;--inline-code-background:#f0f2f6;--text-link:#6746ff;--text-link-focused:#9356ff;--inset-top:46px;--sidebar-width:260px;--toolbar-height:46px;--toolbar-separator:8px;--inspector-h-separator:8px;--inspector-v-separator:10px;--dialog-padding:16px;--input-height:27px;--icon:#8183a5;--icon-selected:#dcdcdc;--warning:#fbd300;--segmented-control-item:#8b8b8b;--dot:rgba(0,0,0,.25);--row-highlight:#3390ff10;--table-row-background:var(--background);--interactable-z-index:2;--label-z-index:3;--menu-z-index:5000;--chip-primary-bg:rgba(238,229,255,.2);--chip-secondary-bg:rgba(205,238,231,.2);--chip-error-bg:hsla(0,100%,93%,.2);--chip-default-bg:rgba(0,0,0,.1);--chip-primary-shadow:#eee5ff;--chip-secondary-shadow:#cdeee7;--chip-error-shadow:#ffdbdb;--chip-default-shadow:#000;--floating-button:#f8f8fa;--block-border:#b8c9da;--block-highlight:orange}[data-theme=dark]{--background:#111;--logo-fill:#f8f8fa;--logo-highlight:#f8f8fa;--text:#f8f8fa;--text-muted:#b4b3b6;--text-subtle:#b4b3b6;--text-disabled:#73727e;--divider-subtle:hsla(0,0%,100%,.04);--divider:hsla(0,0%,100%,.08);--divider-strong:#000;--primary:#7742ff;--primary-light:#8656ff;--secondary-bright:#36fe91;--input-background:rgba(181,178,255,.08);--input-background-light:rgba(181,178,255,.1);--code-background:#141317;--canvas-background:#141317;--canvas-grid:rgba(0,0,0,.1);--sidebar-background:#222127;--sidebar-background-transparent:rgba(34,33,39,.95);--popover-background:#222127;--popover-divider:hsla(0,0%,100%,.08);--listview-raised-background:rgba(181,178,255,.1);--listview-editing-background:#000;--list-view-hover-background:var(--input-background-light);--list-view-thumbnail-background:var(--input-background);--slider-thumb-background:var(--input-background-light);--slider-border:var(--divider);--mask:#66bb6a;--transparent-checker:hsla(0,0%,100%,.3);--scrollbar:hsla(0,0%,78%,.2);--placeholder-dots:hsla(0,0%,100%,.3);--drag-outline:#fff;--active-background:rgba(181,178,255,.08);--thumbnail-background:#1f1d33;--thumbnail-shadow:#1f1d3366;--dot:hsla(0,0%,100%,.15);--table-row-background:var(--sidebar-background);--floating-button:#333}.placeholder\:text-text-disabled::-moz-placeholder{color:var(--text-disabled)}.placeholder\:text-text-disabled::placeholder{color:var(--text-disabled)}.read-only\:text-text-disabled:-moz-read-only{color:var(--text-disabled)}.read-only\:text-text-disabled:read-only{color:var(--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(--input-background-light)}.hover\:bg-primary-light:hover{background-color:var(--primary-light)}.hover\:bg-secondary-light:hover{background-color:var(--secondary-light)}.hover\:text-breadcrumb-text-hover:hover{color:var(--breadcrumb-text-hover)}.hover\:text-text:hover{color:var(--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(--interactable-z-index)}.focus\:border-2:focus{border-width:2px}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:bg-primary:focus{background-color:var(--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\(--popover-background\)_inset\]:focus{--tw-shadow:0 0 0 1px var(--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\(--sidebar-background\)\2c 0_0_0_3px_var\(--primary\)\]:focus{--tw-shadow:0 0 0 1px var(--sidebar-background),0 0 0 3px var(--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(--primary)}.focus\:ring-secondary:focus{--tw-ring-color:var(--secondary)}.focus\:ring-offset-1:focus,.focus\:ring-offset-\[1px\]:focus{--tw-ring-offset-width:1px}.active\:bg-active-background:active{background-color:var(--active-background)}.active\:bg-primary:active{background-color:var(--primary)}.active\:bg-primary-light:active{background-color:var(--primary-light)}.active\:bg-secondary:active{background-color:var(--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(--background)}.aria-checked\:bg-primary[aria-checked=true]{background-color:var(--primary)}.aria-checked\:bg-secondary[aria-checked=true]{background-color:var(--secondary)}.aria-checked\:text-text[aria-checked=true]{color:var(--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(--primary)}.data-\[state\=checked\]\:bg-secondary[data-state=checked]{background-color:var(--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-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}
|
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { ReactNode,
|
|
2
|
+
import React__default, { ReactNode, CSSProperties, ReactHTML, HTMLAttributes, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, ForwardedRef, ComponentProps, SyntheticEvent, LabelHTMLAttributes } from 'react';
|
|
3
3
|
import { IItemScore } from 'vscode-fuzzy-scorer';
|
|
4
4
|
import * as Icons from '@noya-app/noya-icons';
|
|
5
5
|
export { Icons };
|
|
@@ -10,6 +10,7 @@ import { UniqueIdentifier } from '@dnd-kit/core';
|
|
|
10
10
|
import { useSortable } from '@dnd-kit/sortable';
|
|
11
11
|
import { Property } from 'csstype';
|
|
12
12
|
import * as _noya_app_noya_designsystem from '@noya-app/noya-designsystem';
|
|
13
|
+
import { SectionProps as SectionProps$1, BannerProps as BannerProps$1 } from '@noya-app/noya-designsystem';
|
|
13
14
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
14
15
|
import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
15
16
|
import { Sketch } from '@noya-app/noya-file-format';
|
|
@@ -143,6 +144,25 @@ interface Props$e {
|
|
|
143
144
|
}
|
|
144
145
|
declare const ActivityIndicator: React$1.NamedExoticComponent<Props$e>;
|
|
145
146
|
|
|
147
|
+
declare const AIAssistantLoadingIndicator: () => React__default.JSX.Element;
|
|
148
|
+
type AIAssistantInputProps = {
|
|
149
|
+
value: string;
|
|
150
|
+
onChange: (e: React__default.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
151
|
+
onSubmitClick: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
|
|
152
|
+
onKeyDown: (e: React__default.KeyboardEvent<HTMLTextAreaElement>) => void;
|
|
153
|
+
disabled: boolean;
|
|
154
|
+
};
|
|
155
|
+
declare const AIAssistantInput: React__default.ForwardRefExoticComponent<AIAssistantInputProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
156
|
+
type AIAssistantLayoutProps = {
|
|
157
|
+
renderMessages: () => React__default.ReactNode;
|
|
158
|
+
renderInput: () => React__default.ReactNode;
|
|
159
|
+
isLoading: boolean;
|
|
160
|
+
renderLoadingIndicator?: () => React__default.ReactNode;
|
|
161
|
+
className?: string;
|
|
162
|
+
style?: React__default.CSSProperties;
|
|
163
|
+
};
|
|
164
|
+
declare const AIAssistantLayout: React__default.ForwardRefExoticComponent<AIAssistantLayoutProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
165
|
+
|
|
146
166
|
type AnimatePresenceProps = {
|
|
147
167
|
children: React__default.ReactNode;
|
|
148
168
|
/**
|
|
@@ -197,6 +217,13 @@ declare const AvatarStack: React__default.NamedExoticComponent<{
|
|
|
197
217
|
className?: string;
|
|
198
218
|
}>;
|
|
199
219
|
|
|
220
|
+
type BannerProps = {
|
|
221
|
+
label?: string;
|
|
222
|
+
className?: string;
|
|
223
|
+
style?: CSSProperties;
|
|
224
|
+
};
|
|
225
|
+
declare function Banner({ label, className, style }: BannerProps): React__default.JSX.Element;
|
|
226
|
+
|
|
200
227
|
declare const config: {
|
|
201
228
|
content: string[];
|
|
202
229
|
corePlugins: {
|
|
@@ -667,14 +694,15 @@ type ValidateDropIndicatorParams = {
|
|
|
667
694
|
};
|
|
668
695
|
declare function validateDropIndicator({ acceptsDrop, keys, activeId, overId, offsetStart, elementStart, elementSize, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
|
|
669
696
|
type UseSortableReturnType = ReturnType<typeof useSortable>;
|
|
697
|
+
type ItemChildrenProps<T> = {
|
|
698
|
+
ref: React$1.Ref<T>;
|
|
699
|
+
relativeDropPosition?: RelativeDropPosition;
|
|
700
|
+
style?: React$1.CSSProperties;
|
|
701
|
+
} & UseSortableReturnType["attributes"];
|
|
670
702
|
interface ItemProps$1<T> {
|
|
671
703
|
id: UniqueIdentifier;
|
|
672
704
|
disabled?: boolean;
|
|
673
|
-
children: (props:
|
|
674
|
-
ref: React$1.Ref<T>;
|
|
675
|
-
relativeDropPosition?: RelativeDropPosition;
|
|
676
|
-
style?: React$1.CSSProperties;
|
|
677
|
-
} & UseSortableReturnType["attributes"]) => JSX.Element;
|
|
705
|
+
children: (props: ItemChildrenProps<T>) => JSX.Element;
|
|
678
706
|
}
|
|
679
707
|
interface RootProps {
|
|
680
708
|
keys: UniqueIdentifier[];
|
|
@@ -685,10 +713,19 @@ interface RootProps {
|
|
|
685
713
|
axis?: SortableItemContextProps["axis"];
|
|
686
714
|
getDropTargetParentIndex?: SortableItemContextProps["getDropTargetParentIndex"];
|
|
687
715
|
}
|
|
688
|
-
declare
|
|
689
|
-
|
|
690
|
-
|
|
716
|
+
declare function SortableRoot({ keys, children, onMoveItem, renderOverlay, acceptsDrop, axis, getDropTargetParentIndex, }: RootProps): React$1.JSX.Element;
|
|
717
|
+
interface SortableProps<T, TElement extends HTMLElement> extends Omit<RootProps, "children" | "keys" | "renderOverlay"> {
|
|
718
|
+
items: T[];
|
|
719
|
+
keyExtractor: (item: T) => UniqueIdentifier;
|
|
720
|
+
shouldRenderOverlay?: boolean;
|
|
721
|
+
renderItem: (item: T, props: ItemChildrenProps<TElement>, { isOverlay }: {
|
|
722
|
+
isOverlay: boolean;
|
|
723
|
+
}) => JSX.Element;
|
|
691
724
|
}
|
|
725
|
+
declare const Sortable: (<TItem, TElement extends HTMLElement>(props: SortableProps<TItem, TElement>) => React$1.ReactElement | null) & {
|
|
726
|
+
readonly Root: React$1.MemoExoticComponent<typeof SortableRoot>;
|
|
727
|
+
readonly Item: <T extends HTMLElement>(props: ItemProps$1<T>) => React$1.ReactElement | null;
|
|
728
|
+
};
|
|
692
729
|
|
|
693
730
|
type ListRowMarginType = "none" | "top" | "bottom" | "vertical";
|
|
694
731
|
type ListRowPosition = "only" | "first" | "middle" | "last";
|
|
@@ -902,6 +939,7 @@ interface CollectionProps<T, M extends string = string> {
|
|
|
902
939
|
renderEmptyState?: () => React__default.ReactElement;
|
|
903
940
|
/** @default false */
|
|
904
941
|
sortable?: boolean;
|
|
942
|
+
dragIndicatorStyle?: ListViewRowProps<M>["dragIndicatorStyle"];
|
|
905
943
|
}
|
|
906
944
|
declare const Collection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
|
|
907
945
|
|
|
@@ -1109,6 +1147,15 @@ declare const CommandPalette: React__default.NamedExoticComponent<{
|
|
|
1109
1147
|
testSearch?: string;
|
|
1110
1148
|
} & React__default.RefAttributes<ISearchCompletionMenu>, "onSelect" | "items" | "onHover">>;
|
|
1111
1149
|
|
|
1150
|
+
declare const UserAvatar: ({ userId, name, image }: AvatarProps) => React__default.JSX.Element;
|
|
1151
|
+
type ConnectedUsersMenuLayoutProps = {
|
|
1152
|
+
renderUsers: () => React__default.ReactNode;
|
|
1153
|
+
currentUserId?: string;
|
|
1154
|
+
launchAIAssistant?: () => void;
|
|
1155
|
+
isAssistantOpen?: boolean;
|
|
1156
|
+
};
|
|
1157
|
+
declare const ConnectedUsersMenuLayout: ({ renderUsers, currentUserId, launchAIAssistant, isAssistantOpen, }: ConnectedUsersMenuLayoutProps) => React__default.JSX.Element;
|
|
1158
|
+
|
|
1112
1159
|
interface MenuItemProps<T extends string> {
|
|
1113
1160
|
value?: T;
|
|
1114
1161
|
children: ReactNode;
|
|
@@ -1276,6 +1323,19 @@ type FadeProps = {
|
|
|
1276
1323
|
};
|
|
1277
1324
|
declare const Fade: ({ children, direction, width, height, className, zIndex, position, }: FadeProps) => React__default.JSX.Element;
|
|
1278
1325
|
|
|
1326
|
+
declare const FileExplorerLayout: ({ children, className, ...props }: SectionProps$1) => React__default.JSX.Element;
|
|
1327
|
+
declare const FileExplorerUploadButton: ({ showUploadButton, onUpload, children, }: {
|
|
1328
|
+
showUploadButton?: boolean;
|
|
1329
|
+
onUpload?: () => void;
|
|
1330
|
+
children?: React__default.ReactNode;
|
|
1331
|
+
}) => React__default.JSX.Element;
|
|
1332
|
+
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, }: {
|
|
1334
|
+
selected: boolean;
|
|
1335
|
+
children: React__default.ReactNode;
|
|
1336
|
+
}) => React__default.JSX.Element;
|
|
1337
|
+
declare const FileExplorerEmptyState: ({ label, ...props }: BannerProps$1) => React__default.JSX.Element;
|
|
1338
|
+
|
|
1279
1339
|
declare const SUPPORTED_IMAGE_UPLOAD_TYPES: ("image/png" | "image/jpeg" | "image/webp" | "image/svg+xml" | "application/pdf")[];
|
|
1280
1340
|
declare const SUPPORTED_CANVAS_UPLOAD_TYPES: ("" | "image/png" | "image/jpeg" | "image/webp" | "image/svg+xml" | "application/pdf")[];
|
|
1281
1341
|
type SupportedImageUploadType = (typeof SUPPORTED_IMAGE_UPLOAD_TYPES)[number];
|
|
@@ -1481,7 +1541,7 @@ declare const LabeledField: React__default.NamedExoticComponent<{
|
|
|
1481
1541
|
|
|
1482
1542
|
declare const List: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
|
|
1483
1543
|
|
|
1484
|
-
type ColorScheme$1 = "primary" | "icon" | "warning";
|
|
1544
|
+
type ColorScheme$1 = "primary" | "secondary" | "icon" | "warning";
|
|
1485
1545
|
type MediaThumbnailProps = {
|
|
1486
1546
|
contentType?: string;
|
|
1487
1547
|
url?: string;
|
|
@@ -1496,6 +1556,10 @@ type MediaThumbnailProps = {
|
|
|
1496
1556
|
*/
|
|
1497
1557
|
iconName?: IconName;
|
|
1498
1558
|
};
|
|
1559
|
+
declare const getThumbnailColors: (colorScheme: ColorScheme$1, selected: boolean) => {
|
|
1560
|
+
icon: string;
|
|
1561
|
+
background: string;
|
|
1562
|
+
};
|
|
1499
1563
|
declare const MediaThumbnail: React__default.NamedExoticComponent<MediaThumbnailProps>;
|
|
1500
1564
|
|
|
1501
1565
|
type MessageProps = {
|
|
@@ -1509,6 +1573,13 @@ declare const Message: React__default.MemoExoticComponent<React__default.Forward
|
|
|
1509
1573
|
|
|
1510
1574
|
declare const Logo: React__default.ForwardRefExoticComponent<Omit<React__default.SVGProps<SVGSVGElement>, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
|
|
1511
1575
|
|
|
1576
|
+
declare const PipelineResultLink: ({ url }: {
|
|
1577
|
+
url: string;
|
|
1578
|
+
}) => React__default.JSX.Element;
|
|
1579
|
+
declare const PipelineResultLayout: ({ children, }: {
|
|
1580
|
+
children: React__default.ReactNode;
|
|
1581
|
+
}) => React__default.JSX.Element;
|
|
1582
|
+
|
|
1512
1583
|
type PopoverVariant = "normal" | "large";
|
|
1513
1584
|
interface Props$7 extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content"]>, "onOpenAutoFocus" | "onCloseAutoFocus" | "onPointerDownOutside" | "onInteractOutside" | "onFocusOutside" | "side"> {
|
|
1514
1585
|
children: React__default.ReactNode;
|
|
@@ -1522,6 +1593,11 @@ interface Props$7 extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content
|
|
|
1522
1593
|
showArrow?: boolean;
|
|
1523
1594
|
className?: string;
|
|
1524
1595
|
}
|
|
1596
|
+
declare const popoverStyle: {
|
|
1597
|
+
base: string;
|
|
1598
|
+
large: string;
|
|
1599
|
+
normal: string;
|
|
1600
|
+
};
|
|
1525
1601
|
declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, className, }: Props$7): React__default.JSX.Element;
|
|
1526
1602
|
|
|
1527
1603
|
type ProgressVariant = "normal" | "warning" | "primary" | "secondary";
|
|
@@ -1536,6 +1612,28 @@ interface Props$6 {
|
|
|
1536
1612
|
}
|
|
1537
1613
|
declare const ScrollArea: React$1.NamedExoticComponent<Props$6>;
|
|
1538
1614
|
|
|
1615
|
+
type TitleIconOptions = {
|
|
1616
|
+
inlineBlockWrapper?: boolean;
|
|
1617
|
+
};
|
|
1618
|
+
type SectionProps = {
|
|
1619
|
+
children: React__default.ReactNode;
|
|
1620
|
+
title?: React__default.ReactNode;
|
|
1621
|
+
onClickTitle?: () => void;
|
|
1622
|
+
titleTextStyle?: "small" | "heading5" | "heading4" | "heading3";
|
|
1623
|
+
right?: React__default.ReactNode;
|
|
1624
|
+
hideRightWhenCollapsed?: boolean;
|
|
1625
|
+
extraPadding?: boolean;
|
|
1626
|
+
className?: string;
|
|
1627
|
+
style?: CSSProperties;
|
|
1628
|
+
titleIcon?: React__default.ReactNode;
|
|
1629
|
+
titleIconOptions?: TitleIconOptions;
|
|
1630
|
+
};
|
|
1631
|
+
type ExpandableSectionProps = {
|
|
1632
|
+
storageKey: string;
|
|
1633
|
+
initialVisibility?: "show" | "hide";
|
|
1634
|
+
};
|
|
1635
|
+
declare const Section$1: React__default.NamedExoticComponent<SectionProps & Partial<ExpandableSectionProps>>;
|
|
1636
|
+
|
|
1539
1637
|
type SegmentedControlColorScheme = "primary" | "secondary";
|
|
1540
1638
|
interface SegmentedControlProps<T extends string> {
|
|
1541
1639
|
id?: string;
|
|
@@ -1913,7 +2011,7 @@ declare const mediaQuery: {
|
|
|
1913
2011
|
};
|
|
1914
2012
|
|
|
1915
2013
|
type ClassNameItem = string | number | BigInt | boolean | null | undefined;
|
|
1916
|
-
type Category = "text" | "flex";
|
|
2014
|
+
type Category = "text" | "color" | "font" | "flex";
|
|
1917
2015
|
type Options = {
|
|
1918
2016
|
categories?: Category[];
|
|
1919
2017
|
};
|
|
@@ -1969,6 +2067,33 @@ declare class ComboboxState<T extends string> {
|
|
|
1969
2067
|
declare function getNextIndex<T>(items: T[], currentIndex: number, direction: "next" | "previous", isDisabled: (item: T) => boolean): number;
|
|
1970
2068
|
declare function useComboboxState<T extends string>(state: ComboboxState<T>): ComboboxStateSnapshot<T>;
|
|
1971
2069
|
|
|
2070
|
+
type MoveOptions = {
|
|
2071
|
+
indexPaths: number[][];
|
|
2072
|
+
to: number[];
|
|
2073
|
+
};
|
|
2074
|
+
type MoveTreeItemOptions<T> = {
|
|
2075
|
+
root: T;
|
|
2076
|
+
move: (root: T, options: MoveOptions) => T;
|
|
2077
|
+
position: RelativeDropPosition;
|
|
2078
|
+
sourceIndexPath: number[];
|
|
2079
|
+
targetIndexPath: number[];
|
|
2080
|
+
};
|
|
2081
|
+
declare function moveTreeItem<T>({ root, move, position, sourceIndexPath, targetIndexPath, }: MoveTreeItemOptions<T>): T;
|
|
2082
|
+
type AcceptsDropOptions = {
|
|
2083
|
+
sourceIndexPath: number[];
|
|
2084
|
+
targetIndexPath: number[];
|
|
2085
|
+
position: RelativeDropPosition;
|
|
2086
|
+
/**
|
|
2087
|
+
* Whether to allow dropping the source item within the same parent as the target item.
|
|
2088
|
+
*/
|
|
2089
|
+
allowSiblings: boolean;
|
|
2090
|
+
/**
|
|
2091
|
+
* Whether to allow dropping the source item within itself or one of its descendants.
|
|
2092
|
+
*/
|
|
2093
|
+
allowRecursion: boolean;
|
|
2094
|
+
};
|
|
2095
|
+
declare function acceptsDrop({ sourceIndexPath, targetIndexPath, position, allowSiblings, allowRecursion, }: AcceptsDropOptions): boolean;
|
|
2096
|
+
|
|
1972
2097
|
/**
|
|
1973
2098
|
* Updates the selection state based on user interaction.
|
|
1974
2099
|
* Handles single selection, multi-selection with meta/ctrl, and range selection with shift.
|
|
@@ -2068,4 +2193,4 @@ declare function ToolbarMenu<T extends string>({ items, onSelectMenuItem, }: {
|
|
|
2068
2193
|
onSelectMenuItem?: (value: T) => void;
|
|
2069
2194
|
}): React__default.JSX.Element;
|
|
2070
2195
|
|
|
2071
|
-
export { ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, 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, 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, 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, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type NonSelectableMenuItem, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, Popover, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, 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, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, colorForStringValues, colorFromString, createSectionedMenu, cssVars, cx, defaultAcceptsDrop, fuzzyFilter, fuzzyScore, fuzzyTokenize, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, normalizeListTargetIndex, 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 };
|
|
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 };
|