@noya-app/noya-designsystem 0.1.52 → 0.1.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +14 -0
- package/dist/index.css +1 -1
- package/dist/index.d.mts +38 -12
- package/dist/index.d.ts +38 -12
- package/dist/index.js +421 -326
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +900 -814
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
- package/src/components/Button.tsx +1 -1
- package/src/components/ColorSwatch.tsx +5 -2
- package/src/components/ColorSwatchControl.tsx +4 -6
- package/src/components/ContextMenu.tsx +10 -2
- package/src/components/DraggableMenuButton.tsx +17 -30
- package/src/components/DropdownMenu.tsx +7 -0
- package/src/components/Popover.tsx +7 -0
- package/src/components/SegmentedControl.tsx +13 -42
- package/src/components/SelectMenu.tsx +7 -0
- package/src/components/SelectionToolbar.tsx +51 -45
- package/src/components/Slider.tsx +1 -1
- package/src/components/Toolbar.tsx +124 -76
- package/src/components/Tooltip.tsx +7 -0
- package/src/components/connected-users-menu/ConnectedUsersMenuLayout.tsx +2 -2
- package/src/components/internal/Menu.tsx +2 -2
- package/src/components/internal/MenuViewport.tsx +9 -1
- package/src/components/internal/SelectItem.tsx +24 -3
- package/src/contexts/PortalScopeContext.tsx +48 -0
- package/src/index.tsx +1 -0
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[32m385.34 KB[39m
|
|
11
|
+
[32mCJS[39m [1mdist/index.js.map [22m[32m753.35 KB[39m
|
|
12
|
+
[32mCJS[39m ⚡️ Build success in 100ms
|
|
13
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m363.56 KB[39m
|
|
14
|
+
[32mESM[39m [1mdist/index.mjs.map [22m[32m753.63 KB[39m
|
|
15
|
+
[32mESM[39m ⚡️ Build success in 101ms
|
|
16
16
|
DTS Build start
|
|
17
17
|
Browserslist: caniuse-lite is outdated. Please run:
|
|
18
18
|
npx update-browserslist-db@latest
|
|
@@ -20,8 +20,8 @@ Browserslist: caniuse-lite is outdated. Please run:
|
|
|
20
20
|
|
|
21
21
|
Rebuilding...
|
|
22
22
|
|
|
23
|
-
Done in
|
|
23
|
+
Done in 344ms.
|
|
24
24
|
|
|
25
|
-
DTS ⚡️ Build success in
|
|
26
|
-
DTS dist/index.d.ts
|
|
27
|
-
DTS dist/index.d.mts
|
|
25
|
+
DTS ⚡️ Build success in 5765ms
|
|
26
|
+
DTS dist/index.d.ts 92.75 KB
|
|
27
|
+
DTS dist/index.d.mts 92.75 KB
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @noya-app/noya-designsystem
|
|
2
2
|
|
|
3
|
+
## 0.1.54
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 89d7116: UI improvements
|
|
8
|
+
- Updated dependencies [89d7116]
|
|
9
|
+
- @noya-app/noya-colorpicker@0.1.21
|
|
10
|
+
|
|
11
|
+
## 0.1.53
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- aa6fbab: Markdown improvements
|
|
16
|
+
|
|
3
17
|
## 0.1.52
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--n-primary-900:#2d195f;--n-primary-600:#6746ff;--n-primary-500:#7742ff;--n-primary-400:#9356ff;--n-primary-300:#8656ff;--n-primary-250:#ab89fb;--n-primary-200:#bca0ff;--n-primary-150:#e1dbff;--n-primary-100:#eae6ff;--n-indigo-950:#121a25;--n-indigo-900:#1e283c;--n-indigo-800:#263053;--n-indigo-700:#374163;--n-indigo-600:#4c567a;--n-indigo-500:#6b7188;--n-indigo-400:#757981;--n-indigo-300:#8183a5;--n-indigo-200:#9698ac;--n-indigo-150:#e2e6ee;--n-indigo-100:#f0f2f6;--n-indigo-50:#f3f5f9;--n-indigo-25:#fbfcfe;--n-logo-fill:var(--n-indigo-200);--n-logo-highlight:var(--n-indigo-200);--n-background:#fff;--n-text:var(--n-indigo-800);--n-text-muted:var(--n-indigo-500);--n-text-subtle:var(--n-indigo-400);--n-text-disabled:var(--n-indigo-200);--n-text-decorative-light:var(--n-indigo-100);--n-divider-subtle:color-mix(in srgb,var(--n-indigo-900) 4%,transparent);--n-divider:color-mix(in srgb,var(--n-indigo-900) 7%,transparent);--n-divider-strong:color-mix(in srgb,var(--n-indigo-900) 9%,transparent);--n-primary:var(--n-primary-600);--n-primary-light:var(--n-primary-400);--n-primary-pastel:var(--n-primary-100);--n-secondary:#009775;--n-secondary-light:#00a081;--n-secondary-pastel:#cdeee7;--n-secondary-bright:#0ab557;--n-input-background-light:#f3f5f9;--n-code-background:#fafafa;--n-code-background-dark:var(--n-indigo-950);--n-selected-background:#f2f5fa;--n-breadcrumb-text:var(--n-indigo-500);--n-breadcrumb-text-hover:var(--n-indigo-400);--n-breadcrumb-icon:var(--n-indigo-300);--n-canvas-background:var(--n-indigo-25);--n-canvas-grid:rgba(0,0,0,.05);--n-sidebar-background:#fff;--n-popover-background:#fcfcfc;--n-popover-divider:transparent;--n-listview-raised-background:rgba(0,0,0,.03);--n-listview-editing-background:#fff;--n-input-background:var(--n-indigo-100);--n-list-view-hover-background:#f4f6fa;--n-list-view-thumbnail-background:var(--n-input-background);--n-slider-thumb-background:#fff;--n-slider-border:#9698ac;--n-mask:#0cc143;--n-transparent-checker:hsla(0,0%,100%,.8);--n-scrollbar:hsla(0,0%,78%,.8);--n-placeholder-dots:rgba(0,0,0,.3);--n-drag-outline:var(--n-primary-600);--n-active-background:var(--n-indigo-150);--n-thumbnail-background:#f0efff;--n-thumbnail-shadow:#d3ceed66;--n-inline-code-text:var(--n-primary-600);--n-inline-code-background:#f0f2f6;--n-text-link:var(--n-primary-600);--n-text-link-focused:var(--n-primary-400);--n-inset-top:46px;--n-sidebar-width:260px;--n-toolbar-height:46px;--n-toolbar-separator:8px;--n-inspector-h-separator:8px;--n-inspector-v-separator:10px;--n-dialog-padding:16px;--n-input-height:27px;--n-icon:var(--n-indigo-300);--n-icon-selected:#dcdcdc;--n-warning:#fbd300;--n-segmented-control-item:#8b8b8b;--n-dot:rgba(0,0,0,.25);--n-row-highlight:#3390ff10;--n-table-row-background:var(--n-background);--n-interactable-z-index:2;--n-label-z-index:3;--n-menu-z-index:5000;--n-chip-primary-bg:rgba(238,229,255,.2);--n-chip-secondary-bg:rgba(205,238,231,.2);--n-chip-error-bg:hsla(0,100%,93%,.2);--n-chip-default-bg:rgba(0,0,0,.1);--n-chip-primary-shadow:#eee5ff;--n-chip-secondary-shadow:#cdeee7;--n-chip-error-shadow:#ffdbdb;--n-chip-default-shadow:#000;--n-floating-button:#f8f8fa;--n-block-border:#b8c9da;--n-block-highlight:orange;--n-markdown-editor-line-placeholder-content:"Write or press / for commands";--n-selected-list-item-background:var(--n-primary-100);--n-selected-list-item-text:var(--n-primary);--n-selected-list-item-icon-background:var(--n-primary-150);--n-cm-keyword:var(--n-primary-600);--n-cm-function:#1b4db8;--n-cm-control-keyword:var(--n-primary-600);--n-cm-class-type:#1b4db8;--n-cm-regexp:#1097af;--n-cm-link:#1097af;--n-cm-string:#1097af;--n-cm-number:#1097af;--n-cm-comment:var(--n-indigo-300);--n-cm-operator:var(--n-indigo-800);--n-cm-variable:var(--n-indigo-800);--n-cm-type:#f59e0b;--n-cm-error:#e45649;--n-cm-warning:#fb9d00;--n-cm-info:#3390ff}[data-theme=dark]{--n-background:#111;--n-logo-fill:#f8f8fa;--n-logo-highlight:#f8f8fa;--n-text:#f8f8fa;--n-text-muted:#b4b3b6;--n-text-subtle:#b4b3b6;--n-text-disabled:#73727e;--n-divider-subtle:hsla(0,0%,100%,.04);--n-divider:hsla(0,0%,100%,.08);--n-divider-strong:#000;--n-primary:var(--n-primary-500);--n-primary-light:var(--n-primary-300);--n-selected-list-item-background:var(--n-primary-900);--n-selected-list-item-text:var(--n-primary-200);--n-selected-list-item-icon-background:var(--n-primary-900);--n-secondary-bright:#36fe91;--n-input-background:rgba(181,178,255,.08);--n-input-background-light:rgba(181,178,255,.1);--n-code-background:#141317;--n-canvas-background:#141317;--n-canvas-grid:rgba(0,0,0,.1);--n-sidebar-background:#222127;--n-popover-background:#222127;--n-popover-divider:hsla(0,0%,100%,.08);--n-listview-raised-background:rgba(181,178,255,.1);--n-listview-editing-background:#000;--n-list-view-hover-background:var(--n-input-background-light);--n-list-view-thumbnail-background:var(--n-input-background);--n-slider-thumb-background:var(--n-input-background-light);--n-slider-border:var(--n-divider);--n-mask:#66bb6a;--n-transparent-checker:hsla(0,0%,100%,.3);--n-scrollbar:hsla(0,0%,78%,.2);--n-placeholder-dots:hsla(0,0%,100%,.3);--n-drag-outline:#fff;--n-active-background:rgba(181,178,255,.08);--n-thumbnail-background:#1f1d33;--n-thumbnail-shadow:#1f1d3366;--n-dot:hsla(0,0%,100%,.15);--n-table-row-background:var(--n-sidebar-background);--n-floating-button:#333;--n-cm-keyword:#569cd6;--n-cm-function:#dcdcaa;--n-cm-control-keyword:#c586c0;--n-cm-class-type:#4ec9b0;--n-cm-regexp:#d16969;--n-cm-link:#4078f2;--n-cm-string:#ce9178;--n-cm-number:#b5cea8;--n-cm-comment:#6a9955;--n-cm-operator:#d4d4d4;--n-cm-variable:#9cdcfe;--n-cm-type:#f59e0b;--n-cm-error:red;--n-cm-warning:#fb9d00;--n-cm-info:#3390ff}.noya-styles *,.noya-styles :after,.noya-styles :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.noya-styles ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.noya-styles .container{width:100%}@media (min-width:640px){.noya-styles .container{max-width:640px}}@media (min-width:768px){.noya-styles .container{max-width:768px}}@media (min-width:1024px){.noya-styles .container{max-width:1024px}}@media (min-width:1280px){.noya-styles .container{max-width:1280px}}@media (min-width:1536px){.noya-styles .container{max-width:1536px}}.noya-styles .pointer-events-none{pointer-events:none}.noya-styles .visible{visibility:visible}.noya-styles .collapse{visibility:collapse}.noya-styles .fixed{position:fixed}.noya-styles .absolute{position:absolute}.noya-styles .relative{position:relative}.noya-styles .sticky{position:sticky}.noya-styles .inset-0{inset:0}.noya-styles .inset-y-0{top:0;bottom:0}.noya-styles .-left-2\.5{left:-.625rem}.noya-styles .-top-\[1px\]{top:-1px}.noya-styles .bottom-0{bottom:0}.noya-styles .left-0{left:0}.noya-styles .left-1\.5{left:.375rem}.noya-styles .left-1\/2{left:50%}.noya-styles .left-2{left:.5rem}.noya-styles .left-5{left:1.25rem}.noya-styles .right-0{right:0}.noya-styles .right-0\.5{right:.125rem}.noya-styles .right-1{right:.25rem}.noya-styles .right-1\.5{right:.375rem}.noya-styles .right-2{right:.5rem}.noya-styles .right-6{right:1.5rem}.noya-styles .right-\[5px\]{right:5px}.noya-styles .right-\[7px\]{right:7px}.noya-styles .top-0{top:0}.noya-styles .top-1\/2{top:50%}.noya-styles .top-4{top:1rem}.noya-styles .top-\[5px\]{top:5px}.noya-styles .top-\[7px\]{top:7px}.noya-styles .z-20{z-index:20}.noya-styles .z-50{z-index:50}.noya-styles .z-\[1000\]{z-index:1000}.noya-styles .z-\[1\]{z-index:1}.noya-styles .z-\[2147483647\]{z-index:2147483647}.noya-styles .z-label{z-index:var(--n-label-z-index)}.noya-styles .z-menu{z-index:var(--n-menu-z-index)}.noya-styles .-m-1{margin:-.25rem}.noya-styles .-m-2{margin:-.5rem}.noya-styles .m-0{margin:0}.noya-styles .m-\[0_-24px_0_-20px\]{margin:0 -24px 0 -20px}.noya-styles .-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.noya-styles .-mx-3{margin-left:-.75rem;margin-right:-.75rem}.noya-styles .-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.noya-styles .mx-3{margin-left:.75rem;margin-right:.75rem}.noya-styles .my-1{margin-top:.25rem;margin-bottom:.25rem}.noya-styles .-mb-\[6px\]{margin-bottom:-6px}.noya-styles .-ml-1\.5{margin-left:-.375rem}.noya-styles .-ml-3{margin-left:-.75rem}.noya-styles .-mr-1{margin-right:-.25rem}.noya-styles .-mr-2{margin-right:-.5rem}.noya-styles .-mt-1{margin-top:-.25rem}.noya-styles .mb-\[5px\]{margin-bottom:5px}.noya-styles .ml-1\.5{margin-left:.375rem}.noya-styles .ml-\[-2px\]{margin-left:-2px}.noya-styles .ml-\[2px\]{margin-left:2px}.noya-styles .ml-auto{margin-left:auto}.noya-styles .mr-1{margin-right:.25rem}.noya-styles .mr-\[-2px\]{margin-right:-2px}.noya-styles .mr-\[2px\]{margin-right:2px}.noya-styles .mt-3{margin-top:.75rem}.noya-styles .block{display:block}.noya-styles .inline-block{display:inline-block}.noya-styles .inline{display:inline}.noya-styles .flex{display:flex}.noya-styles .inline-flex{display:inline-flex}.noya-styles .grid{display:grid}.noya-styles .\!contents{display:contents!important}.noya-styles .contents{display:contents}.noya-styles .hidden{display:none}.noya-styles .aspect-\[24\/26\]{aspect-ratio:24/26}.noya-styles .aspect-square{aspect-ratio:1/1}.noya-styles .h-16{height:4rem}.noya-styles .h-24{height:6rem}.noya-styles .h-4{height:1rem}.noya-styles .h-5{height:1.25rem}.noya-styles .h-8{height:2rem}.noya-styles .h-\[15px\]{height:15px}.noya-styles .h-\[19px\]{height:19px}.noya-styles .h-\[25px\]{height:25px}.noya-styles .h-\[50px\]{height:50px}.noya-styles .h-\[5px\]{height:5px}.noya-styles .h-full{height:100%}.noya-styles .h-input-height{height:var(--n-input-height)}.noya-styles .h-px{height:1px}.noya-styles .max-h-\[600px\]{max-height:600px}.noya-styles .max-h-\[85vh\]{max-height:85vh}.noya-styles .max-h-full{max-height:100%}.noya-styles .max-h-input-height{max-height:var(--n-input-height)}.noya-styles .max-h-none{max-height:none}.noya-styles .min-h-0{min-height:0}.noya-styles .min-h-6{min-height:1.5rem}.noya-styles .min-h-\[19px\]{min-height:19px}.noya-styles .min-h-input-height{min-height:var(--n-input-height)}.noya-styles .min-h-px{min-height:1px}.noya-styles .w-0{width:0}.noya-styles .w-16{width:4rem}.noya-styles .w-24{width:6rem}.noya-styles .w-4{width:1rem}.noya-styles .w-5{width:1.25rem}.noya-styles .w-6{width:1.5rem}.noya-styles .w-8{width:2rem}.noya-styles .w-\[0\.9rem\]{width:.9rem}.noya-styles .w-\[15px\]{width:15px}.noya-styles .w-\[19px\]{width:19px}.noya-styles .w-\[1px\]{width:1px}.noya-styles .w-\[240px\]{width:240px}.noya-styles .w-\[25px\]{width:25px}.noya-styles .w-\[50px\]{width:50px}.noya-styles .w-\[680px\]{width:680px}.noya-styles .w-\[90vw\]{width:90vw}.noya-styles .w-full{width:100%}.noya-styles .w-input-height{width:var(--n-input-height)}.noya-styles .w-px{width:1px}.noya-styles .min-w-0{min-width:0}.noya-styles .min-w-6{min-width:1.5rem}.noya-styles .min-w-\[200px\]{min-width:200px}.noya-styles .min-w-\[31px\]{min-width:31px}.noya-styles .min-w-px{min-width:1px}.noya-styles .max-w-\[100vw\]{max-width:100vw}.noya-styles .max-w-\[450px\]{max-width:450px}.noya-styles .max-w-\[70\%\]{max-width:70%}.noya-styles .max-w-full{max-width:100%}.noya-styles .max-w-none{max-width:none}.noya-styles .flex-1{flex:1 1 0%}.noya-styles .flex-\[0_0_auto\]{flex:0 0 auto}.noya-styles .flex-auto{flex:1 1 auto}.noya-styles .flex-none{flex:none}.noya-styles .flex-shrink-0{flex-shrink:0}.noya-styles .flex-grow{flex-grow:1}.noya-styles .basis-0{flex-basis:0px}.noya-styles .-translate-x-1\/2{--tw-translate-x:-50%}.noya-styles .-translate-x-1\/2,.noya-styles .-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .-translate-y-1\/2{--tw-translate-y:-50%}.noya-styles .translate-x-\[2px\]{--tw-translate-x:2px}.noya-styles .rotate-0,.noya-styles .translate-x-\[2px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .rotate-0{--tw-rotate:0deg}.noya-styles .rotate-180{--tw-rotate:180deg}.noya-styles .rotate-180,.noya-styles .scale-\[0\.60\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .scale-\[0\.60\]{--tw-scale-x:0.60;--tw-scale-y:0.60}.noya-styles .scale-\[0\.75\]{--tw-scale-x:0.75;--tw-scale-y:0.75}.noya-styles .scale-\[0\.75\],.noya-styles .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.noya-styles .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.noya-styles .animate-shimmer{animation:shimmer 6s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.noya-styles .animate-spin{animation:spin 1s linear infinite}.noya-styles .cursor-col-resize{cursor:col-resize}.noya-styles .cursor-default{cursor:default}.noya-styles .cursor-pointer{cursor:pointer}.noya-styles .touch-none{touch-action:none}.noya-styles .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.noya-styles .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.noya-styles .resize-none{resize:none}.noya-styles .resize{resize:both}.noya-styles .list-none{list-style-type:none}.noya-styles .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.noya-styles .grid-cols-\[auto_max-content\]{grid-template-columns:auto max-content}.noya-styles .flex-row{flex-direction:row}.noya-styles .flex-row-reverse{flex-direction:row-reverse}.noya-styles .flex-col{flex-direction:column}.noya-styles .flex-wrap{flex-wrap:wrap}.noya-styles .items-start{align-items:flex-start}.noya-styles .items-end{align-items:flex-end}.noya-styles .items-center{align-items:center}.noya-styles .items-stretch{align-items:stretch}.noya-styles .justify-start{justify-content:flex-start}.noya-styles .justify-end{justify-content:flex-end}.noya-styles .justify-center{justify-content:center}.noya-styles .gap-0\.5{gap:.125rem}.noya-styles .gap-1{gap:.25rem}.noya-styles .gap-1\.5{gap:.375rem}.noya-styles .gap-2{gap:.5rem}.noya-styles .gap-3{gap:.75rem}.noya-styles .gap-4{gap:1rem}.noya-styles .gap-toolbar-separator{gap:var(--n-toolbar-separator)}.noya-styles .gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.noya-styles .gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.noya-styles .self-start{align-self:flex-start}.noya-styles .self-stretch{align-self:stretch}.noya-styles .overflow-auto{overflow:auto}.noya-styles .overflow-hidden{overflow:hidden}.noya-styles .overflow-y-auto{overflow-y:auto}.noya-styles .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noya-styles .text-ellipsis{text-overflow:ellipsis}.noya-styles .whitespace-pre{white-space:pre}.noya-styles .rounded{border-radius:.25rem}.noya-styles .rounded-\[10px\]{border-radius:10px}.noya-styles .rounded-\[2px\]{border-radius:2px}.noya-styles .rounded-\[3px\]{border-radius:3px}.noya-styles .rounded-\[50\%\]{border-radius:50%}.noya-styles .rounded-full{border-radius:9999px}.noya-styles .rounded-lg{border-radius:.5rem}.noya-styles .rounded-md{border-radius:.375rem}.noya-styles .rounded-none{border-radius:0}.noya-styles .rounded-sm{border-radius:.125rem}.noya-styles .border{border-width:1px}.noya-styles .border-0{border-width:0}.noya-styles .border-l{border-left-width:1px}.noya-styles .border-r{border-right-width:1px}.noya-styles .border-t{border-top-width:1px}.noya-styles .border-solid{border-style:solid}.noya-styles .border-dashed{border-style:dashed}.noya-styles .border-dotted{border-style:dotted}.noya-styles .border-none{border-style:none}.noya-styles .border-background{border-color:var(--n-background)}.noya-styles .border-divider{border-color:var(--n-divider)}.noya-styles .border-divider-strong{border-color:var(--n-divider-strong)}.noya-styles .border-divider-subtle{border-color:var(--n-divider-subtle)}.noya-styles .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.noya-styles .border-primary{border-color:var(--n-primary)}.noya-styles .border-secondary{border-color:var(--n-secondary)}.noya-styles .border-slider-border{border-color:var(--n-slider-border)}.noya-styles .border-transparent{border-color:transparent}.noya-styles .bg-\[\#0ab557\]{--tw-bg-opacity:1;background-color:rgb(10 181 87/var(--tw-bg-opacity,1))}.noya-styles .bg-\[rgb\(255\2c 219\2c 219\)\]{--tw-bg-opacity:1;background-color:rgb(255 219 219/var(--tw-bg-opacity,1))}.noya-styles .bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{background-color:rgba(0,0,0,.5)}.noya-styles .bg-\[var\(--n-chip-default-bg\)\]{background-color:var(--n-chip-default-bg)}.noya-styles .bg-\[var\(--n-chip-error-bg\)\]{background-color:var(--n-chip-error-bg)}.noya-styles .bg-\[var\(--n-chip-primary-bg\)\]{background-color:var(--n-chip-primary-bg)}.noya-styles .bg-\[var\(--n-chip-secondary-bg\)\]{background-color:var(--n-chip-secondary-bg)}.noya-styles .bg-active-background{background-color:var(--n-active-background)}.noya-styles .bg-background{background-color:var(--n-background)}.noya-styles .bg-black\/50{background-color:rgba(0,0,0,.5)}.noya-styles .bg-canvas-background{background-color:var(--n-canvas-background)}.noya-styles .bg-divider{background-color:var(--n-divider)}.noya-styles .bg-divider-strong{background-color:var(--n-divider-strong)}.noya-styles .bg-divider-subtle{background-color:var(--n-divider-subtle)}.noya-styles .bg-floating-button{background-color:var(--n-floating-button)}.noya-styles .bg-input-background{background-color:var(--n-input-background)}.noya-styles .bg-list-view-hover-background{background-color:var(--n-list-view-hover-background)}.noya-styles .bg-listview-editing-background{background-color:var(--n-listview-editing-background)}.noya-styles .bg-listview-raised-background{background-color:var(--n-listview-raised-background)}.noya-styles .bg-popover-background{background-color:var(--n-popover-background)}.noya-styles .bg-primary{background-color:var(--n-primary)}.noya-styles .bg-primary-pastel{background-color:var(--n-primary-pastel)}.noya-styles .bg-row-highlight{background-color:var(--n-row-highlight)}.noya-styles .bg-scrollbar{background-color:var(--n-scrollbar)}.noya-styles .bg-secondary{background-color:var(--n-secondary)}.noya-styles .bg-secondary-pastel{background-color:var(--n-secondary-pastel)}.noya-styles .bg-selected-list-item-background{background-color:var(--n-selected-list-item-background)}.noya-styles .bg-sidebar-background{background-color:var(--n-sidebar-background)}.noya-styles .bg-slider-thumb-background{background-color:var(--n-slider-thumb-background)}.noya-styles .bg-text{background-color:var(--n-text)}.noya-styles .bg-transparent{background-color:transparent}.noya-styles .bg-warning{background-color:var(--n-warning)}.noya-styles .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.noya-styles .from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.noya-styles .from-white\/0{--tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.noya-styles .via-\[rgb\(226\2c 232\2c 240\)\]\/50{--tw-gradient-to:rgba(226,232,240,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(226,232,240,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.noya-styles .to-background{--tw-gradient-to:var(--n-background) var(--tw-gradient-to-position)}.noya-styles .to-white\/0{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)}.noya-styles .fill-popover-background{fill:var(--n-popover-background)}.noya-styles .stroke-white{stroke:#fff}.noya-styles .stroke-\[1\.3px\]{stroke-width:1.3px}.noya-styles .object-contain{-o-object-fit:contain;object-fit:contain}.noya-styles .object-cover{-o-object-fit:cover;object-fit:cover}.noya-styles .p-0{padding:0}.noya-styles .p-1{padding:.25rem}.noya-styles .p-2{padding:.5rem}.noya-styles .p-20{padding:5rem}.noya-styles .p-3{padding:.75rem}.noya-styles .p-5{padding:1.25rem}.noya-styles .p-\[0_24px_0_20px\]{padding:0 24px 0 20px}.noya-styles .p-\[0px_4px\]{padding:0 4px}.noya-styles .p-\[2px_4px\]{padding:2px 4px}.noya-styles .p-\[2px_6px\]{padding:2px 6px}.noya-styles .p-\[3px\]{padding:3px}.noya-styles .p-\[4px_8px\]{padding:4px 8px}.noya-styles .p-dialog-padding{padding:var(--n-dialog-padding)}.noya-styles .px-0{padding-left:0;padding-right:0}.noya-styles .px-1{padding-left:.25rem;padding-right:.25rem}.noya-styles .px-1\.5{padding-left:.375rem;padding-right:.375rem}.noya-styles .px-2{padding-left:.5rem;padding-right:.5rem}.noya-styles .px-3{padding-left:.75rem;padding-right:.75rem}.noya-styles .px-4{padding-left:1rem;padding-right:1rem}.noya-styles .px-5{padding-left:1.25rem;padding-right:1.25rem}.noya-styles .px-\[1px\]{padding-left:1px;padding-right:1px}.noya-styles .px-\[2px\]{padding-left:2px;padding-right:2px}.noya-styles .px-\[6px\]{padding-left:6px;padding-right:6px}.noya-styles .px-medium{padding-left:16px;padding-right:16px}.noya-styles .py-0{padding-top:0;padding-bottom:0}.noya-styles .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.noya-styles .py-1{padding-top:.25rem;padding-bottom:.25rem}.noya-styles .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.noya-styles .py-2{padding-top:.5rem;padding-bottom:.5rem}.noya-styles .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.noya-styles .py-3{padding-top:.75rem;padding-bottom:.75rem}.noya-styles .py-\[1px\]{padding-top:1px;padding-bottom:1px}.noya-styles .py-\[2px\]{padding-top:2px;padding-bottom:2px}.noya-styles .py-small{padding-top:8px;padding-bottom:8px}.noya-styles .\!pr-9{padding-right:2.25rem!important}.noya-styles .pb-4{padding-bottom:1rem}.noya-styles .pl-1\.5{padding-left:.375rem}.noya-styles .pl-3{padding-left:.75rem}.noya-styles .pr-1\.5{padding-right:.375rem}.noya-styles .pr-2\.5{padding-right:.625rem}.noya-styles .pr-4{padding-right:1rem}.noya-styles .pt-1{padding-top:.25rem}.noya-styles .text-left{text-align:left}.noya-styles .text-center{text-align:center}.noya-styles .align-middle{vertical-align:middle}.noya-styles .font-mono{font-family:SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.noya-styles .font-sans{font-family:__Inter_6b0edc,__Inter_Fallback_6b0edc,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.noya-styles .text-\[10px\]{font-size:10px}.noya-styles .text-\[11px\]{font-size:11px}.noya-styles .text-\[12px\]{font-size:12px}.noya-styles .text-\[9px\]{font-size:9px}.noya-styles .text-base{font-size:1rem;line-height:1.5rem}.noya-styles .text-button{font-size:.8rem;line-height:1.4;letter-spacing:-.2px}.noya-styles .text-code{font-size:90%;line-height:1.5}.noya-styles .text-heading1{font-size:1.953rem;line-height:1.6;letter-spacing:-.025em}.noya-styles .text-heading2{font-size:1.563rem;line-height:1.5;letter-spacing:-.025em}.noya-styles .text-heading3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em}.noya-styles .text-heading4{font-size:1rem;line-height:1.4}.noya-styles .text-heading5{font-size:.85rem;line-height:1.4}.noya-styles .text-label{font-size:.62rem;line-height:19px;letter-spacing:-.3px}.noya-styles .text-list-small{font-size:.75rem;line-height:1.4;letter-spacing:-.2px}.noya-styles .text-sm{font-size:.875rem;line-height:1.25rem}.noya-styles .text-subtitle{font-size:1.563rem;line-height:1.75;letter-spacing:-.05em}.noya-styles .text-title{font-size:3.052rem;line-height:1.4;letter-spacing:-.05em}.noya-styles .text-xs{font-size:.75rem;line-height:1rem}.noya-styles .font-\[14px\]{font-weight:14px}.noya-styles .font-bold{font-weight:700}.noya-styles .font-medium{font-weight:500}.noya-styles .font-normal{font-weight:400}.noya-styles .font-semibold{font-weight:600}.noya-styles .uppercase{text-transform:uppercase}.noya-styles .italic{font-style:italic}.noya-styles .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.noya-styles .leading-3{line-height:.75rem}.noya-styles .leading-\[1\.4\]{line-height:1.4}.noya-styles .leading-\[15px\]{line-height:15px}.noya-styles .leading-\[19px\]{line-height:19px}.noya-styles .leading-\[1\],.noya-styles .leading-none{line-height:1}.noya-styles .\!text-text-disabled{color:var(--n-text-disabled)!important}.noya-styles .text-inherit{color:inherit}.noya-styles .text-primary{color:var(--n-primary)}.noya-styles .text-secondary{color:var(--n-secondary)}.noya-styles .text-segmented-control-item{color:var(--n-segmented-control-item)}.noya-styles .text-selected-list-item-text{color:var(--n-selected-list-item-text)}.noya-styles .text-text{color:var(--n-text)}.noya-styles .text-text-disabled{color:var(--n-text-disabled)}.noya-styles .text-text-muted{color:var(--n-text-muted)}.noya-styles .text-text-subtle{color:var(--n-text-subtle)}.noya-styles .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.noya-styles .underline{text-decoration-line:underline}.noya-styles .no-underline{text-decoration-line:none}.noya-styles .decoration-text-decorative-light{text-decoration-color:var(--n-text-decorative-light)}.noya-styles .opacity-0{opacity:0}.noya-styles .opacity-100{opacity:1}.noya-styles .opacity-25{opacity:.25}.noya-styles .opacity-50{opacity:.5}.noya-styles .opacity-60{opacity:.6}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-default-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-default-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-error-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-error-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-primary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-primary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-secondary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-secondary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-divider\)_inset\]{--tw-shadow:0 0 0 1px var(--n-divider) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 1px 2px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color)}.noya-styles .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\],.noya-styles .shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.noya-styles .shadow-popover{--tw-shadow:0 2px 4px rgba(0,0,0,.2),0 0 12px rgba(0,0,0,.1);--tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color)}.noya-styles .shadow-popover,.noya-styles .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.noya-styles .outline-none{outline:2px solid transparent;outline-offset:2px}.noya-styles .outline{outline-style:solid}.noya-styles .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.noya-styles .ring-inset{--tw-ring-inset:inset}.noya-styles .ring-primary{--tw-ring-color:var(--n-primary)}.noya-styles .ring-offset-background{--tw-ring-offset-color:var(--n-background)}.noya-styles .blur{--tw-blur:blur(8px)}.noya-styles .blur,.noya-styles .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.noya-styles .backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.noya-styles .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .duration-100{transition-duration:.1s}.noya-styles .duration-200{transition-duration:.2s}.noya-styles .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.noya-styles .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.noya-styles .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.noya-styles .\@container\/toolbar{container-type:inline-size;container-name:toolbar}.noya-styles .\[-webkit-app-region\:no-drag\]{-webkit-app-region:no-drag}.noya-styles .\[-webkit-tap-highlight-color\:rgba\(0\2c 0\2c 0\2c 0\)\]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.noya-styles .markdown-editor-line-placeholder:after{content:var(--n-markdown-editor-line-placeholder-content);color:var(--n-text-disabled);pointer-events:none}.placeholder\:text-text-disabled::-moz-placeholder{color:var(--n-text-disabled)}.placeholder\:text-text-disabled::placeholder{color:var(--n-text-disabled)}.read-only\:text-text-disabled:-moz-read-only{color:var(--n-text-disabled)}.read-only\:text-text-disabled:read-only{color:var(--n-text-disabled)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:select-none:hover{-webkit-user-select:none;-moz-user-select:none;user-select:none}.hover\:whitespace-pre:hover{white-space:pre}.hover\:bg-input-background-light:hover{background-color:var(--n-input-background-light)}.hover\:bg-primary-light:hover{background-color:var(--n-primary-light)}.hover\:bg-secondary-light:hover{background-color:var(--n-secondary-light)}.hover\:text-breadcrumb-text-hover:hover{color:var(--n-breadcrumb-text-hover)}.hover\:text-text:hover{color:var(--n-text)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:z-interactable:focus{z-index:var(--n-interactable-z-index)}.focus\:border-2:focus{border-width:2px}.focus\:border-primary:focus{border-color:var(--n-primary)}.focus\:bg-selected-list-item-background:focus{background-color:var(--n-selected-list-item-background)}.focus\:text-selected-list-item-text:focus{color:var(--n-selected-list-item-text)}.focus\:shadow-\[0_0_0_1px_var\(--n-popover-background\)_inset\]:focus{--tw-shadow:0 0 0 1px var(--n-popover-background) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-primary:focus{--tw-ring-color:var(--n-primary)}.focus\:ring-secondary:focus{--tw-ring-color:var(--n-secondary)}.focus\:ring-offset-1:focus,.focus\:ring-offset-\[1px\]:focus{--tw-ring-offset-width:1px}.active\:bg-active-background:active{background-color:var(--n-active-background)}.active\:bg-primary:active{background-color:var(--n-primary)}.active\:bg-secondary:active{background-color:var(--n-secondary)}.active\:bg-selected-list-item-background:active{background-color:var(--n-selected-list-item-background)}.active\:opacity-70:active{opacity:.7}.active\:opacity-90:active{opacity:.9}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:flex{display:flex}.peer:checked~.peer-checked\:opacity-100{opacity:1}.aria-checked\:bg-background[aria-checked=true]{background-color:var(--n-background)}.aria-checked\:bg-primary[aria-checked=true]{background-color:var(--n-primary)}.aria-checked\:bg-secondary[aria-checked=true]{background-color:var(--n-secondary)}.aria-checked\:text-text[aria-checked=true]{color:var(--n-text)}.aria-checked\:text-white[aria-checked=true]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.aria-checked\:shadow-segment[aria-checked=true]{--tw-shadow:0 1px 1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[orientation\=vertical\]\:w-\[10px\][data-orientation=vertical]{width:10px}.data-\[state\=checked\]\:translate-x-\[15px\][data-state=checked]{--tw-translate-x:15px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--n-primary)}.data-\[state\=checked\]\:bg-secondary[data-state=checked]{background-color:var(--n-secondary)}@container toolbar (min-width: 42rem){.\@2xl\/toolbar\:absolute{position:absolute}}@media (min-width:640px){.sm\:max-w-sm{max-width:24rem}}.\[\&\>\*\]\:pointer-events-none>*{pointer-events:none}.\[\&\>div\]\:block>div{display:block}
|
|
1
|
+
:root{--n-primary-900:#2d195f;--n-primary-600:#6746ff;--n-primary-500:#7742ff;--n-primary-400:#9356ff;--n-primary-300:#8656ff;--n-primary-250:#ab89fb;--n-primary-200:#bca0ff;--n-primary-150:#e1dbff;--n-primary-100:#eae6ff;--n-indigo-950:#121a25;--n-indigo-900:#1e283c;--n-indigo-800:#263053;--n-indigo-700:#374163;--n-indigo-600:#4c567a;--n-indigo-500:#6b7188;--n-indigo-400:#757981;--n-indigo-300:#8183a5;--n-indigo-200:#9698ac;--n-indigo-150:#e2e6ee;--n-indigo-100:#f0f2f6;--n-indigo-50:#f3f5f9;--n-indigo-25:#fbfcfe;--n-logo-fill:var(--n-indigo-200);--n-logo-highlight:var(--n-indigo-200);--n-background:#fff;--n-text:var(--n-indigo-800);--n-text-muted:var(--n-indigo-500);--n-text-subtle:var(--n-indigo-400);--n-text-disabled:var(--n-indigo-200);--n-text-decorative-light:var(--n-indigo-100);--n-divider-subtle:color-mix(in srgb,var(--n-indigo-900) 4%,transparent);--n-divider:color-mix(in srgb,var(--n-indigo-900) 7%,transparent);--n-divider-strong:color-mix(in srgb,var(--n-indigo-900) 9%,transparent);--n-primary:var(--n-primary-600);--n-primary-light:var(--n-primary-400);--n-primary-pastel:var(--n-primary-100);--n-secondary:#009775;--n-secondary-light:#00a081;--n-secondary-pastel:#cdeee7;--n-secondary-bright:#0ab557;--n-input-background-light:#f3f5f9;--n-code-background:#fafafa;--n-code-background-dark:var(--n-indigo-950);--n-selected-background:#f2f5fa;--n-breadcrumb-text:var(--n-indigo-500);--n-breadcrumb-text-hover:var(--n-indigo-400);--n-breadcrumb-icon:var(--n-indigo-300);--n-canvas-background:var(--n-indigo-25);--n-canvas-grid:rgba(0,0,0,.05);--n-sidebar-background:#fff;--n-popover-background:#fcfcfc;--n-popover-divider:transparent;--n-listview-raised-background:rgba(0,0,0,.03);--n-listview-editing-background:#fff;--n-input-background:var(--n-indigo-100);--n-list-view-hover-background:#f4f6fa;--n-list-view-thumbnail-background:var(--n-input-background);--n-slider-thumb-background:#fff;--n-slider-border:#9698ac;--n-mask:#0cc143;--n-transparent-checker:hsla(0,0%,100%,.8);--n-scrollbar:hsla(0,0%,78%,.8);--n-placeholder-dots:rgba(0,0,0,.3);--n-drag-outline:var(--n-primary-600);--n-active-background:var(--n-indigo-150);--n-thumbnail-background:#f0efff;--n-thumbnail-shadow:#d3ceed66;--n-inline-code-text:var(--n-primary-600);--n-inline-code-background:#f0f2f6;--n-text-link:var(--n-primary-600);--n-text-link-focused:var(--n-primary-400);--n-inset-top:46px;--n-sidebar-width:260px;--n-toolbar-height:46px;--n-toolbar-separator:8px;--n-inspector-h-separator:8px;--n-inspector-v-separator:10px;--n-dialog-padding:16px;--n-input-height:27px;--n-icon:var(--n-indigo-300);--n-icon-selected:#dcdcdc;--n-warning:#fbd300;--n-segmented-control-item:#8b8b8b;--n-dot:rgba(0,0,0,.25);--n-row-highlight:#3390ff10;--n-table-row-background:var(--n-background);--n-interactable-z-index:2;--n-label-z-index:3;--n-menu-z-index:5000;--n-chip-primary-bg:rgba(238,229,255,.2);--n-chip-secondary-bg:rgba(205,238,231,.2);--n-chip-error-bg:hsla(0,100%,93%,.2);--n-chip-default-bg:rgba(0,0,0,.1);--n-chip-primary-shadow:#eee5ff;--n-chip-secondary-shadow:#cdeee7;--n-chip-error-shadow:#ffdbdb;--n-chip-default-shadow:#000;--n-floating-button:#f8f8fa;--n-block-border:#b8c9da;--n-block-highlight:orange;--n-markdown-editor-line-placeholder-content:"Write or press / for commands";--n-selected-list-item-background:var(--n-primary-100);--n-selected-list-item-text:var(--n-primary);--n-selected-list-item-icon-background:var(--n-primary-150);--n-cm-keyword:var(--n-primary-600);--n-cm-function:#1b4db8;--n-cm-control-keyword:var(--n-primary-600);--n-cm-class-type:#1b4db8;--n-cm-regexp:#1097af;--n-cm-link:#1097af;--n-cm-string:#1097af;--n-cm-number:#1097af;--n-cm-comment:var(--n-indigo-300);--n-cm-operator:var(--n-indigo-800);--n-cm-variable:var(--n-indigo-800);--n-cm-type:#f59e0b;--n-cm-error:#e45649;--n-cm-warning:#fb9d00;--n-cm-info:#3390ff}[data-theme=dark]{--n-background:#111;--n-logo-fill:#f8f8fa;--n-logo-highlight:#f8f8fa;--n-text:#f8f8fa;--n-text-muted:#b4b3b6;--n-text-subtle:#b4b3b6;--n-text-disabled:#73727e;--n-divider-subtle:hsla(0,0%,100%,.04);--n-divider:hsla(0,0%,100%,.08);--n-divider-strong:#000;--n-primary:var(--n-primary-500);--n-primary-light:var(--n-primary-300);--n-selected-list-item-background:var(--n-primary-900);--n-selected-list-item-text:var(--n-primary-200);--n-selected-list-item-icon-background:var(--n-primary-900);--n-secondary-bright:#36fe91;--n-input-background:rgba(181,178,255,.08);--n-input-background-light:rgba(181,178,255,.1);--n-code-background:#141317;--n-canvas-background:#141317;--n-canvas-grid:rgba(0,0,0,.1);--n-sidebar-background:#222127;--n-popover-background:#222127;--n-popover-divider:hsla(0,0%,100%,.08);--n-listview-raised-background:rgba(181,178,255,.1);--n-listview-editing-background:#000;--n-list-view-hover-background:var(--n-input-background-light);--n-list-view-thumbnail-background:var(--n-input-background);--n-slider-thumb-background:var(--n-input-background-light);--n-slider-border:var(--n-divider);--n-mask:#66bb6a;--n-transparent-checker:hsla(0,0%,100%,.3);--n-scrollbar:hsla(0,0%,78%,.2);--n-placeholder-dots:hsla(0,0%,100%,.3);--n-drag-outline:#fff;--n-active-background:rgba(181,178,255,.08);--n-thumbnail-background:#1f1d33;--n-thumbnail-shadow:#1f1d3366;--n-dot:hsla(0,0%,100%,.15);--n-table-row-background:var(--n-sidebar-background);--n-floating-button:#333;--n-cm-keyword:#569cd6;--n-cm-function:#dcdcaa;--n-cm-control-keyword:#c586c0;--n-cm-class-type:#4ec9b0;--n-cm-regexp:#d16969;--n-cm-link:#4078f2;--n-cm-string:#ce9178;--n-cm-number:#b5cea8;--n-cm-comment:#6a9955;--n-cm-operator:#d4d4d4;--n-cm-variable:#9cdcfe;--n-cm-type:#f59e0b;--n-cm-error:red;--n-cm-warning:#fb9d00;--n-cm-info:#3390ff}.noya-styles *,.noya-styles :after,.noya-styles :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.noya-styles ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.noya-styles .container{width:100%}@media (min-width:640px){.noya-styles .container{max-width:640px}}@media (min-width:768px){.noya-styles .container{max-width:768px}}@media (min-width:1024px){.noya-styles .container{max-width:1024px}}@media (min-width:1280px){.noya-styles .container{max-width:1280px}}@media (min-width:1536px){.noya-styles .container{max-width:1536px}}.noya-styles .pointer-events-none{pointer-events:none}.noya-styles .visible{visibility:visible}.noya-styles .collapse{visibility:collapse}.noya-styles .fixed{position:fixed}.noya-styles .absolute{position:absolute}.noya-styles .relative{position:relative}.noya-styles .sticky{position:sticky}.noya-styles .inset-0{inset:0}.noya-styles .inset-y-0{top:0;bottom:0}.noya-styles .-left-2\.5{left:-.625rem}.noya-styles .-top-\[1px\]{top:-1px}.noya-styles .bottom-0{bottom:0}.noya-styles .left-0{left:0}.noya-styles .left-1\.5{left:.375rem}.noya-styles .left-1\/2{left:50%}.noya-styles .left-2{left:.5rem}.noya-styles .left-5{left:1.25rem}.noya-styles .right-0{right:0}.noya-styles .right-0\.5{right:.125rem}.noya-styles .right-1{right:.25rem}.noya-styles .right-1\.5{right:.375rem}.noya-styles .right-2{right:.5rem}.noya-styles .right-6{right:1.5rem}.noya-styles .right-\[5px\]{right:5px}.noya-styles .right-\[7px\]{right:7px}.noya-styles .top-0{top:0}.noya-styles .top-1\/2{top:50%}.noya-styles .top-4{top:1rem}.noya-styles .top-\[5px\]{top:5px}.noya-styles .top-\[7px\]{top:7px}.noya-styles .z-20{z-index:20}.noya-styles .z-50{z-index:50}.noya-styles .z-\[1000\]{z-index:1000}.noya-styles .z-\[1\]{z-index:1}.noya-styles .z-\[2147483647\]{z-index:2147483647}.noya-styles .z-label{z-index:var(--n-label-z-index)}.noya-styles .z-menu{z-index:var(--n-menu-z-index)}.noya-styles .-m-1{margin:-.25rem}.noya-styles .-m-2{margin:-.5rem}.noya-styles .m-0{margin:0}.noya-styles .m-\[0_-24px_0_-20px\]{margin:0 -24px 0 -20px}.noya-styles .-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.noya-styles .-mx-3{margin-left:-.75rem;margin-right:-.75rem}.noya-styles .-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.noya-styles .mx-3{margin-left:.75rem;margin-right:.75rem}.noya-styles .my-1{margin-top:.25rem;margin-bottom:.25rem}.noya-styles .-mb-\[6px\]{margin-bottom:-6px}.noya-styles .-ml-1\.5{margin-left:-.375rem}.noya-styles .-ml-3{margin-left:-.75rem}.noya-styles .-mr-1{margin-right:-.25rem}.noya-styles .-mr-2{margin-right:-.5rem}.noya-styles .-mt-1{margin-top:-.25rem}.noya-styles .mb-\[5px\]{margin-bottom:5px}.noya-styles .ml-1\.5{margin-left:.375rem}.noya-styles .ml-\[-2px\]{margin-left:-2px}.noya-styles .ml-\[2px\]{margin-left:2px}.noya-styles .ml-auto{margin-left:auto}.noya-styles .mr-1{margin-right:.25rem}.noya-styles .mr-\[-2px\]{margin-right:-2px}.noya-styles .mr-\[2px\]{margin-right:2px}.noya-styles .mt-3{margin-top:.75rem}.noya-styles .block{display:block}.noya-styles .inline-block{display:inline-block}.noya-styles .inline{display:inline}.noya-styles .flex{display:flex}.noya-styles .inline-flex{display:inline-flex}.noya-styles .grid{display:grid}.noya-styles .\!contents{display:contents!important}.noya-styles .contents{display:contents}.noya-styles .hidden{display:none}.noya-styles .aspect-\[24\/26\]{aspect-ratio:24/26}.noya-styles .aspect-square{aspect-ratio:1/1}.noya-styles .h-16{height:4rem}.noya-styles .h-24{height:6rem}.noya-styles .h-4{height:1rem}.noya-styles .h-5{height:1.25rem}.noya-styles .h-8{height:2rem}.noya-styles .h-\[15px\]{height:15px}.noya-styles .h-\[19px\]{height:19px}.noya-styles .h-\[25px\]{height:25px}.noya-styles .h-\[50px\]{height:50px}.noya-styles .h-\[5px\]{height:5px}.noya-styles .h-full{height:100%}.noya-styles .h-input-height{height:var(--n-input-height)}.noya-styles .h-px{height:1px}.noya-styles .max-h-\[600px\]{max-height:600px}.noya-styles .max-h-\[85vh\]{max-height:85vh}.noya-styles .max-h-full{max-height:100%}.noya-styles .max-h-input-height{max-height:var(--n-input-height)}.noya-styles .max-h-none{max-height:none}.noya-styles .min-h-0{min-height:0}.noya-styles .min-h-6{min-height:1.5rem}.noya-styles .min-h-\[19px\]{min-height:19px}.noya-styles .min-h-input-height{min-height:var(--n-input-height)}.noya-styles .min-h-px{min-height:1px}.noya-styles .w-0{width:0}.noya-styles .w-16{width:4rem}.noya-styles .w-24{width:6rem}.noya-styles .w-4{width:1rem}.noya-styles .w-5{width:1.25rem}.noya-styles .w-6{width:1.5rem}.noya-styles .w-8{width:2rem}.noya-styles .w-\[0\.9rem\]{width:.9rem}.noya-styles .w-\[15px\]{width:15px}.noya-styles .w-\[19px\]{width:19px}.noya-styles .w-\[240px\]{width:240px}.noya-styles .w-\[25px\]{width:25px}.noya-styles .w-\[50px\]{width:50px}.noya-styles .w-\[680px\]{width:680px}.noya-styles .w-\[90vw\]{width:90vw}.noya-styles .w-full{width:100%}.noya-styles .w-input-height{width:var(--n-input-height)}.noya-styles .w-px{width:1px}.noya-styles .min-w-0{min-width:0}.noya-styles .min-w-6{min-width:1.5rem}.noya-styles .min-w-\[200px\]{min-width:200px}.noya-styles .min-w-\[31px\]{min-width:31px}.noya-styles .min-w-px{min-width:1px}.noya-styles .max-w-\[100vw\]{max-width:100vw}.noya-styles .max-w-\[450px\]{max-width:450px}.noya-styles .max-w-\[70\%\]{max-width:70%}.noya-styles .max-w-full{max-width:100%}.noya-styles .max-w-none{max-width:none}.noya-styles .flex-1{flex:1 1 0%}.noya-styles .flex-\[0_0_auto\]{flex:0 0 auto}.noya-styles .flex-auto{flex:1 1 auto}.noya-styles .flex-none{flex:none}.noya-styles .flex-shrink-0{flex-shrink:0}.noya-styles .flex-grow{flex-grow:1}.noya-styles .basis-0{flex-basis:0px}.noya-styles .origin-center{transform-origin:center}.noya-styles .-translate-x-1\/2{--tw-translate-x:-50%}.noya-styles .-translate-x-1\/2,.noya-styles .-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .-translate-y-1\/2{--tw-translate-y:-50%}.noya-styles .translate-x-\[2px\]{--tw-translate-x:2px}.noya-styles .rotate-0,.noya-styles .translate-x-\[2px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .rotate-0{--tw-rotate:0deg}.noya-styles .rotate-180{--tw-rotate:180deg}.noya-styles .rotate-180,.noya-styles .scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.noya-styles .scale-\[0\.60\]{--tw-scale-x:0.60;--tw-scale-y:0.60}.noya-styles .scale-\[0\.60\],.noya-styles .scale-\[0\.75\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.noya-styles .scale-\[0\.75\]{--tw-scale-x:0.75;--tw-scale-y:0.75}.noya-styles .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.noya-styles .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.noya-styles .animate-shimmer{animation:shimmer 6s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.noya-styles .animate-spin{animation:spin 1s linear infinite}.noya-styles .cursor-col-resize{cursor:col-resize}.noya-styles .cursor-default{cursor:default}.noya-styles .cursor-pointer{cursor:pointer}.noya-styles .touch-none{touch-action:none}.noya-styles .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.noya-styles .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.noya-styles .resize-none{resize:none}.noya-styles .resize{resize:both}.noya-styles .list-none{list-style-type:none}.noya-styles .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.noya-styles .grid-cols-\[auto_max-content\]{grid-template-columns:auto max-content}.noya-styles .flex-row{flex-direction:row}.noya-styles .flex-row-reverse{flex-direction:row-reverse}.noya-styles .flex-col{flex-direction:column}.noya-styles .flex-wrap{flex-wrap:wrap}.noya-styles .items-start{align-items:flex-start}.noya-styles .items-end{align-items:flex-end}.noya-styles .items-center{align-items:center}.noya-styles .items-stretch{align-items:stretch}.noya-styles .justify-start{justify-content:flex-start}.noya-styles .justify-end{justify-content:flex-end}.noya-styles .justify-center{justify-content:center}.noya-styles .gap-0\.5{gap:.125rem}.noya-styles .gap-1{gap:.25rem}.noya-styles .gap-1\.5{gap:.375rem}.noya-styles .gap-2{gap:.5rem}.noya-styles .gap-3{gap:.75rem}.noya-styles .gap-4{gap:1rem}.noya-styles .gap-toolbar-separator{gap:var(--n-toolbar-separator)}.noya-styles .gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.noya-styles .gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.noya-styles .self-start{align-self:flex-start}.noya-styles .self-stretch{align-self:stretch}.noya-styles .overflow-auto{overflow:auto}.noya-styles .overflow-hidden{overflow:hidden}.noya-styles .overflow-y-auto{overflow-y:auto}.noya-styles .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noya-styles .text-ellipsis{text-overflow:ellipsis}.noya-styles .whitespace-pre{white-space:pre}.noya-styles .rounded{border-radius:.25rem}.noya-styles .rounded-\[10px\]{border-radius:10px}.noya-styles .rounded-\[2px\]{border-radius:2px}.noya-styles .rounded-\[3px\]{border-radius:3px}.noya-styles .rounded-\[50\%\]{border-radius:50%}.noya-styles .rounded-full{border-radius:9999px}.noya-styles .rounded-lg{border-radius:.5rem}.noya-styles .rounded-md{border-radius:.375rem}.noya-styles .rounded-none{border-radius:0}.noya-styles .rounded-sm{border-radius:.125rem}.noya-styles .border{border-width:1px}.noya-styles .border-0{border-width:0}.noya-styles .border-l{border-left-width:1px}.noya-styles .border-r{border-right-width:1px}.noya-styles .border-t{border-top-width:1px}.noya-styles .border-solid{border-style:solid}.noya-styles .border-dashed{border-style:dashed}.noya-styles .border-dotted{border-style:dotted}.noya-styles .border-none{border-style:none}.noya-styles .border-background{border-color:var(--n-background)}.noya-styles .border-divider{border-color:var(--n-divider)}.noya-styles .border-divider-strong{border-color:var(--n-divider-strong)}.noya-styles .border-divider-subtle{border-color:var(--n-divider-subtle)}.noya-styles .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.noya-styles .border-primary{border-color:var(--n-primary)}.noya-styles .border-secondary{border-color:var(--n-secondary)}.noya-styles .border-slider-border{border-color:var(--n-slider-border)}.noya-styles .border-transparent{border-color:transparent}.noya-styles .bg-\[\#0ab557\]{--tw-bg-opacity:1;background-color:rgb(10 181 87/var(--tw-bg-opacity,1))}.noya-styles .bg-\[rgb\(255\2c 219\2c 219\)\]{--tw-bg-opacity:1;background-color:rgb(255 219 219/var(--tw-bg-opacity,1))}.noya-styles .bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{background-color:rgba(0,0,0,.5)}.noya-styles .bg-\[var\(--n-chip-default-bg\)\]{background-color:var(--n-chip-default-bg)}.noya-styles .bg-\[var\(--n-chip-error-bg\)\]{background-color:var(--n-chip-error-bg)}.noya-styles .bg-\[var\(--n-chip-primary-bg\)\]{background-color:var(--n-chip-primary-bg)}.noya-styles .bg-\[var\(--n-chip-secondary-bg\)\]{background-color:var(--n-chip-secondary-bg)}.noya-styles .bg-active-background{background-color:var(--n-active-background)}.noya-styles .bg-background{background-color:var(--n-background)}.noya-styles .bg-black\/50{background-color:rgba(0,0,0,.5)}.noya-styles .bg-canvas-background{background-color:var(--n-canvas-background)}.noya-styles .bg-divider{background-color:var(--n-divider)}.noya-styles .bg-divider-strong{background-color:var(--n-divider-strong)}.noya-styles .bg-divider-subtle{background-color:var(--n-divider-subtle)}.noya-styles .bg-floating-button{background-color:var(--n-floating-button)}.noya-styles .bg-input-background{background-color:var(--n-input-background)}.noya-styles .bg-list-view-hover-background{background-color:var(--n-list-view-hover-background)}.noya-styles .bg-listview-editing-background{background-color:var(--n-listview-editing-background)}.noya-styles .bg-listview-raised-background{background-color:var(--n-listview-raised-background)}.noya-styles .bg-popover-background{background-color:var(--n-popover-background)}.noya-styles .bg-primary{background-color:var(--n-primary)}.noya-styles .bg-primary-pastel{background-color:var(--n-primary-pastel)}.noya-styles .bg-row-highlight{background-color:var(--n-row-highlight)}.noya-styles .bg-scrollbar{background-color:var(--n-scrollbar)}.noya-styles .bg-secondary{background-color:var(--n-secondary)}.noya-styles .bg-secondary-pastel{background-color:var(--n-secondary-pastel)}.noya-styles .bg-selected-list-item-background{background-color:var(--n-selected-list-item-background)}.noya-styles .bg-sidebar-background{background-color:var(--n-sidebar-background)}.noya-styles .bg-slider-thumb-background{background-color:var(--n-slider-thumb-background)}.noya-styles .bg-text{background-color:var(--n-text)}.noya-styles .bg-transparent{background-color:transparent}.noya-styles .bg-warning{background-color:var(--n-warning)}.noya-styles .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.noya-styles .from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.noya-styles .from-white\/0{--tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.noya-styles .via-\[rgb\(226\2c 232\2c 240\)\]\/50{--tw-gradient-to:rgba(226,232,240,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(226,232,240,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.noya-styles .to-background{--tw-gradient-to:var(--n-background) var(--tw-gradient-to-position)}.noya-styles .to-white\/0{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)}.noya-styles .fill-popover-background{fill:var(--n-popover-background)}.noya-styles .stroke-white{stroke:#fff}.noya-styles .stroke-\[1\.3px\]{stroke-width:1.3px}.noya-styles .object-contain{-o-object-fit:contain;object-fit:contain}.noya-styles .object-cover{-o-object-fit:cover;object-fit:cover}.noya-styles .p-0{padding:0}.noya-styles .p-1{padding:.25rem}.noya-styles .p-2{padding:.5rem}.noya-styles .p-20{padding:5rem}.noya-styles .p-3{padding:.75rem}.noya-styles .p-5{padding:1.25rem}.noya-styles .p-\[0_24px_0_20px\]{padding:0 24px 0 20px}.noya-styles .p-\[0px_4px\]{padding:0 4px}.noya-styles .p-\[2px_4px\]{padding:2px 4px}.noya-styles .p-\[2px_6px\]{padding:2px 6px}.noya-styles .p-\[3px\]{padding:3px}.noya-styles .p-\[4px_8px\]{padding:4px 8px}.noya-styles .p-dialog-padding{padding:var(--n-dialog-padding)}.noya-styles .px-0{padding-left:0;padding-right:0}.noya-styles .px-0\.5{padding-left:.125rem;padding-right:.125rem}.noya-styles .px-1{padding-left:.25rem;padding-right:.25rem}.noya-styles .px-1\.5{padding-left:.375rem;padding-right:.375rem}.noya-styles .px-2{padding-left:.5rem;padding-right:.5rem}.noya-styles .px-3{padding-left:.75rem;padding-right:.75rem}.noya-styles .px-4{padding-left:1rem;padding-right:1rem}.noya-styles .px-5{padding-left:1.25rem;padding-right:1.25rem}.noya-styles .px-\[1px\]{padding-left:1px;padding-right:1px}.noya-styles .px-\[2px\]{padding-left:2px;padding-right:2px}.noya-styles .px-\[6px\]{padding-left:6px;padding-right:6px}.noya-styles .px-medium{padding-left:16px;padding-right:16px}.noya-styles .py-0{padding-top:0;padding-bottom:0}.noya-styles .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.noya-styles .py-1{padding-top:.25rem;padding-bottom:.25rem}.noya-styles .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.noya-styles .py-2{padding-top:.5rem;padding-bottom:.5rem}.noya-styles .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.noya-styles .py-3{padding-top:.75rem;padding-bottom:.75rem}.noya-styles .py-\[1px\]{padding-top:1px;padding-bottom:1px}.noya-styles .py-\[2px\]{padding-top:2px;padding-bottom:2px}.noya-styles .py-small{padding-top:8px;padding-bottom:8px}.noya-styles .\!pr-9{padding-right:2.25rem!important}.noya-styles .pb-4{padding-bottom:1rem}.noya-styles .pl-1\.5{padding-left:.375rem}.noya-styles .pl-3{padding-left:.75rem}.noya-styles .pr-1\.5{padding-right:.375rem}.noya-styles .pr-2\.5{padding-right:.625rem}.noya-styles .pr-4{padding-right:1rem}.noya-styles .pt-1{padding-top:.25rem}.noya-styles .text-left{text-align:left}.noya-styles .text-center{text-align:center}.noya-styles .align-middle{vertical-align:middle}.noya-styles .font-mono{font-family:SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.noya-styles .font-sans{font-family:__Inter_6b0edc,__Inter_Fallback_6b0edc,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.noya-styles .text-\[10px\]{font-size:10px}.noya-styles .text-\[11px\]{font-size:11px}.noya-styles .text-\[12px\]{font-size:12px}.noya-styles .text-\[9px\]{font-size:9px}.noya-styles .text-base{font-size:1rem;line-height:1.5rem}.noya-styles .text-button{font-size:.8rem;line-height:1.4;letter-spacing:-.2px}.noya-styles .text-code{font-size:90%;line-height:1.5}.noya-styles .text-heading1{font-size:1.953rem;line-height:1.6;letter-spacing:-.025em}.noya-styles .text-heading2{font-size:1.563rem;line-height:1.5;letter-spacing:-.025em}.noya-styles .text-heading3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em}.noya-styles .text-heading4{font-size:1rem;line-height:1.4}.noya-styles .text-heading5{font-size:.85rem;line-height:1.4}.noya-styles .text-label{font-size:.62rem;line-height:19px;letter-spacing:-.3px}.noya-styles .text-list-small{font-size:.75rem;line-height:1.4;letter-spacing:-.2px}.noya-styles .text-sm{font-size:.875rem;line-height:1.25rem}.noya-styles .text-subtitle{font-size:1.563rem;line-height:1.75;letter-spacing:-.05em}.noya-styles .text-title{font-size:3.052rem;line-height:1.4;letter-spacing:-.05em}.noya-styles .text-xs{font-size:.75rem;line-height:1rem}.noya-styles .font-\[14px\]{font-weight:14px}.noya-styles .font-bold{font-weight:700}.noya-styles .font-medium{font-weight:500}.noya-styles .font-normal{font-weight:400}.noya-styles .font-semibold{font-weight:600}.noya-styles .uppercase{text-transform:uppercase}.noya-styles .italic{font-style:italic}.noya-styles .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.noya-styles .leading-3{line-height:.75rem}.noya-styles .leading-\[1\.4\]{line-height:1.4}.noya-styles .leading-\[15px\]{line-height:15px}.noya-styles .leading-\[19px\]{line-height:19px}.noya-styles .leading-\[1\],.noya-styles .leading-none{line-height:1}.noya-styles .\!text-text-disabled{color:var(--n-text-disabled)!important}.noya-styles .text-inherit{color:inherit}.noya-styles .text-primary{color:var(--n-primary)}.noya-styles .text-secondary{color:var(--n-secondary)}.noya-styles .text-segmented-control-item{color:var(--n-segmented-control-item)}.noya-styles .text-selected-list-item-text{color:var(--n-selected-list-item-text)}.noya-styles .text-text{color:var(--n-text)}.noya-styles .text-text-disabled{color:var(--n-text-disabled)}.noya-styles .text-text-muted{color:var(--n-text-muted)}.noya-styles .text-text-subtle{color:var(--n-text-subtle)}.noya-styles .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.noya-styles .underline{text-decoration-line:underline}.noya-styles .no-underline{text-decoration-line:none}.noya-styles .decoration-text-decorative-light{text-decoration-color:var(--n-text-decorative-light)}.noya-styles .opacity-0{opacity:0}.noya-styles .opacity-100{opacity:1}.noya-styles .opacity-25{opacity:.25}.noya-styles .opacity-50{opacity:.5}.noya-styles .opacity-60{opacity:.6}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-default-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-default-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-error-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-error-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-primary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-primary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-secondary-shadow\)_inset\]{--tw-shadow:0 0 0 1px var(--n-chip-secondary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_0_0_1px_var\(--n-divider\)_inset\]{--tw-shadow:0 0 0 1px var(--n-divider) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 1px 2px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color)}.noya-styles .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\],.noya-styles .shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.noya-styles .shadow-popover{--tw-shadow:0 2px 4px rgba(0,0,0,.2),0 0 12px rgba(0,0,0,.1);--tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color)}.noya-styles .shadow-popover,.noya-styles .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.noya-styles .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.noya-styles .outline-none{outline:2px solid transparent;outline-offset:2px}.noya-styles .outline{outline-style:solid}.noya-styles .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.noya-styles .ring-inset{--tw-ring-inset:inset}.noya-styles .ring-primary{--tw-ring-color:var(--n-primary)}.noya-styles .ring-offset-background{--tw-ring-offset-color:var(--n-background)}.noya-styles .blur{--tw-blur:blur(8px)}.noya-styles .blur,.noya-styles .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.noya-styles .backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.noya-styles .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.noya-styles .duration-100{transition-duration:.1s}.noya-styles .duration-200{transition-duration:.2s}.noya-styles .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.noya-styles .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.noya-styles .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.noya-styles .\@container\/toolbar{container-type:inline-size;container-name:toolbar}.noya-styles .\[-webkit-app-region\:no-drag\]{-webkit-app-region:no-drag}.noya-styles .\[-webkit-tap-highlight-color\:rgba\(0\2c 0\2c 0\2c 0\)\]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.noya-styles .markdown-editor-line-placeholder:after{content:var(--n-markdown-editor-line-placeholder-content);color:var(--n-text-disabled);pointer-events:none}.placeholder\:text-text-disabled::-moz-placeholder{color:var(--n-text-disabled)}.placeholder\:text-text-disabled::placeholder{color:var(--n-text-disabled)}.last\:border-r-0:last-child{border-right-width:0}.read-only\:text-text-disabled:-moz-read-only{color:var(--n-text-disabled)}.read-only\:text-text-disabled:read-only{color:var(--n-text-disabled)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:select-none:hover{-webkit-user-select:none;-moz-user-select:none;user-select:none}.hover\:whitespace-pre:hover{white-space:pre}.hover\:bg-input-background-light:hover{background-color:var(--n-input-background-light)}.hover\:bg-primary-light:hover{background-color:var(--n-primary-light)}.hover\:bg-secondary-light:hover{background-color:var(--n-secondary-light)}.hover\:text-breadcrumb-text-hover:hover{color:var(--n-breadcrumb-text-hover)}.hover\:text-text:hover{color:var(--n-text)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:z-interactable:focus{z-index:var(--n-interactable-z-index)}.focus\:border-2:focus{border-width:2px}.focus\:border-primary:focus{border-color:var(--n-primary)}.focus\:bg-selected-list-item-background:focus{background-color:var(--n-selected-list-item-background)}.focus\:text-selected-list-item-text:focus{color:var(--n-selected-list-item-text)}.focus\:shadow-\[0_0_0_1px_var\(--n-popover-background\)_inset\]:focus{--tw-shadow:0 0 0 1px var(--n-popover-background) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-primary:focus{--tw-ring-color:var(--n-primary)}.focus\:ring-secondary:focus{--tw-ring-color:var(--n-secondary)}.focus\:ring-offset-1:focus,.focus\:ring-offset-\[1px\]:focus{--tw-ring-offset-width:1px}.active\:bg-active-background:active{background-color:var(--n-active-background)}.active\:bg-primary:active{background-color:var(--n-primary)}.active\:bg-secondary:active{background-color:var(--n-secondary)}.active\:bg-selected-list-item-background:active{background-color:var(--n-selected-list-item-background)}.active\:opacity-70:active{opacity:.7}.active\:opacity-90:active{opacity:.9}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:flex{display:flex}.peer:checked~.peer-checked\:opacity-100{opacity:1}.aria-checked\:border-r-transparent[aria-checked=true]{border-right-color:transparent}.aria-checked\:bg-background[aria-checked=true]{background-color:var(--n-background)}.aria-checked\:bg-primary[aria-checked=true]{background-color:var(--n-primary)}.aria-checked\:bg-secondary[aria-checked=true]{background-color:var(--n-secondary)}.aria-checked\:text-text[aria-checked=true]{color:var(--n-text)}.aria-checked\:text-white[aria-checked=true]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.aria-checked\:shadow-segment[aria-checked=true]{--tw-shadow:0 1px 1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[orientation\=vertical\]\:w-\[10px\][data-orientation=vertical]{width:10px}.data-\[state\=checked\]\:translate-x-\[15px\][data-state=checked]{--tw-translate-x:15px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--n-primary)}.data-\[state\=checked\]\:bg-secondary[data-state=checked]{background-color:var(--n-secondary)}@container toolbar (min-width: 42rem){.\@2xl\/toolbar\:absolute{position:absolute}}@media (min-width:640px){.sm\:max-w-sm{max-width:24rem}}.\[\&\:has\(\+\[aria-checked\=true\]\)\]\:border-r-transparent:has(+[aria-checked=true]){border-right-color:transparent}.\[\&\>\*\]\:pointer-events-none>*{pointer-events:none}.\[\&\>div\]\:block>div{display:block}
|
package/dist/index.d.mts
CHANGED
|
@@ -10,7 +10,7 @@ import { UniqueIdentifier } from '@dnd-kit/core';
|
|
|
10
10
|
import { useSortable } from '@dnd-kit/sortable';
|
|
11
11
|
import { Property } from 'csstype';
|
|
12
12
|
import * as _noya_app_noya_designsystem from '@noya-app/noya-designsystem';
|
|
13
|
-
import { SectionProps as SectionProps$1, BannerProps as BannerProps$1
|
|
13
|
+
import { SectionProps as SectionProps$1, BannerProps as BannerProps$1 } from '@noya-app/noya-designsystem';
|
|
14
14
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
15
15
|
import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
16
16
|
import { Sketch } from '@noya-app/noya-file-format';
|
|
@@ -100,7 +100,7 @@ declare const isMenuItemSectionHeader: (item: MenuItem<string>) => item is Secti
|
|
|
100
100
|
declare const isSelectableMenuItemWithScore: (item: MenuItem<string>) => item is ScoredSelectableMenuItem<string>;
|
|
101
101
|
declare const getMenuItemKey: <T extends string>(item: MenuItem<T>, index: number) => string;
|
|
102
102
|
declare const CHECKBOX_WIDTH = 15;
|
|
103
|
-
declare const CHECKBOX_RIGHT_INSET =
|
|
103
|
+
declare const CHECKBOX_RIGHT_INSET = 6;
|
|
104
104
|
declare const CHECKBOX_INDENT_WIDTH = 6;
|
|
105
105
|
declare const styles: {
|
|
106
106
|
separatorStyle: string;
|
|
@@ -1287,7 +1287,10 @@ declare const DividerVertical: React__default.NamedExoticComponent<DividerProps>
|
|
|
1287
1287
|
declare const DraggableMenuButton: <T extends string>(props: {
|
|
1288
1288
|
items?: MenuItem<T>[];
|
|
1289
1289
|
onSelect?: (value: T) => void;
|
|
1290
|
+
onClick?: () => void;
|
|
1290
1291
|
isVisible?: boolean;
|
|
1292
|
+
className?: string;
|
|
1293
|
+
style?: React__default.CSSProperties;
|
|
1291
1294
|
}) => React__default.ReactElement | null;
|
|
1292
1295
|
|
|
1293
1296
|
type SidebarRef = {
|
|
@@ -1733,7 +1736,6 @@ interface SegmentedControlProps<T extends string> {
|
|
|
1733
1736
|
/** @default primary */
|
|
1734
1737
|
colorScheme?: SegmentedControlColorScheme;
|
|
1735
1738
|
allowEmpty?: boolean;
|
|
1736
|
-
separator?: boolean;
|
|
1737
1739
|
items: SegmentedControlItemProps<T>[];
|
|
1738
1740
|
className?: string;
|
|
1739
1741
|
style?: React__default.CSSProperties;
|
|
@@ -1746,12 +1748,11 @@ type SegmentedControlItemProps<T extends string> = {
|
|
|
1746
1748
|
} & Pick<SelectableMenuItem<T>, "value" | "disabled" | "icon" | "role" | "title">;
|
|
1747
1749
|
declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement | null;
|
|
1748
1750
|
|
|
1749
|
-
type
|
|
1751
|
+
type SelectionToolbarContainerProps = {
|
|
1750
1752
|
rect: Rect;
|
|
1751
|
-
|
|
1752
|
-
onSelectMenuItem: (item: T) => void;
|
|
1753
|
+
children: React__default.ReactNode;
|
|
1753
1754
|
};
|
|
1754
|
-
declare const
|
|
1755
|
+
declare const SelectionToolbarContainer: React__default.NamedExoticComponent<SelectionToolbarContainerProps>;
|
|
1755
1756
|
|
|
1756
1757
|
type Props$5<T extends string> = {
|
|
1757
1758
|
id?: string;
|
|
@@ -2023,6 +2024,19 @@ declare const ImageDataProvider: React$1.NamedExoticComponent<{
|
|
|
2023
2024
|
}>;
|
|
2024
2025
|
declare function useImageData(ref: string): ArrayBuffer | undefined;
|
|
2025
2026
|
|
|
2027
|
+
type PortalScopeContextValue = string;
|
|
2028
|
+
declare const PortalScopeProvider: React$1.NamedExoticComponent<{
|
|
2029
|
+
children: React$1.ReactNode;
|
|
2030
|
+
portalScopeId: string;
|
|
2031
|
+
}>;
|
|
2032
|
+
declare function usePortalScopeId(): string;
|
|
2033
|
+
declare const portalScopeDataSetName = "noyaPortalScope";
|
|
2034
|
+
declare const portalScopePropName = "data-noya-portal-scope";
|
|
2035
|
+
declare function portalScopeProps(id?: string): {
|
|
2036
|
+
"data-noya-portal-scope": string | undefined;
|
|
2037
|
+
};
|
|
2038
|
+
declare function getClosestPortalScope(element: EventTarget): string | undefined;
|
|
2039
|
+
|
|
2026
2040
|
interface HoverEvent {
|
|
2027
2041
|
/** The type of hover event being fired. */
|
|
2028
2042
|
type: 'hoverstart' | 'hoverend';
|
|
@@ -2289,6 +2303,22 @@ interface BaseToolbarProps {
|
|
|
2289
2303
|
}
|
|
2290
2304
|
declare function BaseToolbar({ children, left, right, logo, showDivider, }: BaseToolbarProps): React__default.JSX.Element;
|
|
2291
2305
|
|
|
2306
|
+
declare const ToolbarMenuDropdown: <T extends string>(props: {
|
|
2307
|
+
item: SubMenuItem<T>;
|
|
2308
|
+
onSelectMenuItem?: (value: T) => void;
|
|
2309
|
+
}) => React__default.ReactElement | null;
|
|
2310
|
+
declare const ToolbarMenuButton: <T extends string>(props: {
|
|
2311
|
+
item: SelectableMenuItem<T>;
|
|
2312
|
+
onSelectMenuItem?: (value: T) => void;
|
|
2313
|
+
}) => React__default.ReactElement | null;
|
|
2314
|
+
declare const ToolbarMenuItem: <T extends string>(props: {
|
|
2315
|
+
item: MenuItem<T>;
|
|
2316
|
+
onSelectMenuItem?: (value: T) => void;
|
|
2317
|
+
}) => React__default.ReactElement | null;
|
|
2318
|
+
declare const ToolbarMenu: <T extends string>(props: {
|
|
2319
|
+
items: MenuItem<T>[];
|
|
2320
|
+
onSelectMenuItem?: (value: T) => void;
|
|
2321
|
+
}) => React__default.ReactElement | null;
|
|
2292
2322
|
interface ToolbarProps<T extends string = string> {
|
|
2293
2323
|
children?: React__default.ReactNode;
|
|
2294
2324
|
logo?: React__default.ReactNode;
|
|
@@ -2299,9 +2329,5 @@ interface ToolbarProps<T extends string = string> {
|
|
|
2299
2329
|
shouldBindKeyboardShortcuts?: boolean;
|
|
2300
2330
|
}
|
|
2301
2331
|
declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
|
|
2302
|
-
declare const ToolbarMenu: <T extends string>(props: {
|
|
2303
|
-
items: MenuItem<T>[];
|
|
2304
|
-
onSelectMenuItem?: (value: T) => void;
|
|
2305
|
-
}) => React__default.ReactElement | null;
|
|
2306
2332
|
|
|
2307
|
-
export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDropOptions, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveTreeItemOptions, type NonSelectableMenuItem, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem,
|
|
2333
|
+
export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDropOptions, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveTreeItemOptions, type NonSelectableMenuItem, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, type PortalScopeContextValue, PortalScopeProvider, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, ToolbarMenuButton, ToolbarMenuDropdown, ToolbarMenuItem, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createSectionedMenu, cssVarNames, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, usePlatform, usePlatformModKey, usePortalScopeId, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };
|
package/dist/index.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ import { UniqueIdentifier } from '@dnd-kit/core';
|
|
|
10
10
|
import { useSortable } from '@dnd-kit/sortable';
|
|
11
11
|
import { Property } from 'csstype';
|
|
12
12
|
import * as _noya_app_noya_designsystem from '@noya-app/noya-designsystem';
|
|
13
|
-
import { SectionProps as SectionProps$1, BannerProps as BannerProps$1
|
|
13
|
+
import { SectionProps as SectionProps$1, BannerProps as BannerProps$1 } from '@noya-app/noya-designsystem';
|
|
14
14
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
15
15
|
import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
16
16
|
import { Sketch } from '@noya-app/noya-file-format';
|
|
@@ -100,7 +100,7 @@ declare const isMenuItemSectionHeader: (item: MenuItem<string>) => item is Secti
|
|
|
100
100
|
declare const isSelectableMenuItemWithScore: (item: MenuItem<string>) => item is ScoredSelectableMenuItem<string>;
|
|
101
101
|
declare const getMenuItemKey: <T extends string>(item: MenuItem<T>, index: number) => string;
|
|
102
102
|
declare const CHECKBOX_WIDTH = 15;
|
|
103
|
-
declare const CHECKBOX_RIGHT_INSET =
|
|
103
|
+
declare const CHECKBOX_RIGHT_INSET = 6;
|
|
104
104
|
declare const CHECKBOX_INDENT_WIDTH = 6;
|
|
105
105
|
declare const styles: {
|
|
106
106
|
separatorStyle: string;
|
|
@@ -1287,7 +1287,10 @@ declare const DividerVertical: React__default.NamedExoticComponent<DividerProps>
|
|
|
1287
1287
|
declare const DraggableMenuButton: <T extends string>(props: {
|
|
1288
1288
|
items?: MenuItem<T>[];
|
|
1289
1289
|
onSelect?: (value: T) => void;
|
|
1290
|
+
onClick?: () => void;
|
|
1290
1291
|
isVisible?: boolean;
|
|
1292
|
+
className?: string;
|
|
1293
|
+
style?: React__default.CSSProperties;
|
|
1291
1294
|
}) => React__default.ReactElement | null;
|
|
1292
1295
|
|
|
1293
1296
|
type SidebarRef = {
|
|
@@ -1733,7 +1736,6 @@ interface SegmentedControlProps<T extends string> {
|
|
|
1733
1736
|
/** @default primary */
|
|
1734
1737
|
colorScheme?: SegmentedControlColorScheme;
|
|
1735
1738
|
allowEmpty?: boolean;
|
|
1736
|
-
separator?: boolean;
|
|
1737
1739
|
items: SegmentedControlItemProps<T>[];
|
|
1738
1740
|
className?: string;
|
|
1739
1741
|
style?: React__default.CSSProperties;
|
|
@@ -1746,12 +1748,11 @@ type SegmentedControlItemProps<T extends string> = {
|
|
|
1746
1748
|
} & Pick<SelectableMenuItem<T>, "value" | "disabled" | "icon" | "role" | "title">;
|
|
1747
1749
|
declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement | null;
|
|
1748
1750
|
|
|
1749
|
-
type
|
|
1751
|
+
type SelectionToolbarContainerProps = {
|
|
1750
1752
|
rect: Rect;
|
|
1751
|
-
|
|
1752
|
-
onSelectMenuItem: (item: T) => void;
|
|
1753
|
+
children: React__default.ReactNode;
|
|
1753
1754
|
};
|
|
1754
|
-
declare const
|
|
1755
|
+
declare const SelectionToolbarContainer: React__default.NamedExoticComponent<SelectionToolbarContainerProps>;
|
|
1755
1756
|
|
|
1756
1757
|
type Props$5<T extends string> = {
|
|
1757
1758
|
id?: string;
|
|
@@ -2023,6 +2024,19 @@ declare const ImageDataProvider: React$1.NamedExoticComponent<{
|
|
|
2023
2024
|
}>;
|
|
2024
2025
|
declare function useImageData(ref: string): ArrayBuffer | undefined;
|
|
2025
2026
|
|
|
2027
|
+
type PortalScopeContextValue = string;
|
|
2028
|
+
declare const PortalScopeProvider: React$1.NamedExoticComponent<{
|
|
2029
|
+
children: React$1.ReactNode;
|
|
2030
|
+
portalScopeId: string;
|
|
2031
|
+
}>;
|
|
2032
|
+
declare function usePortalScopeId(): string;
|
|
2033
|
+
declare const portalScopeDataSetName = "noyaPortalScope";
|
|
2034
|
+
declare const portalScopePropName = "data-noya-portal-scope";
|
|
2035
|
+
declare function portalScopeProps(id?: string): {
|
|
2036
|
+
"data-noya-portal-scope": string | undefined;
|
|
2037
|
+
};
|
|
2038
|
+
declare function getClosestPortalScope(element: EventTarget): string | undefined;
|
|
2039
|
+
|
|
2026
2040
|
interface HoverEvent {
|
|
2027
2041
|
/** The type of hover event being fired. */
|
|
2028
2042
|
type: 'hoverstart' | 'hoverend';
|
|
@@ -2289,6 +2303,22 @@ interface BaseToolbarProps {
|
|
|
2289
2303
|
}
|
|
2290
2304
|
declare function BaseToolbar({ children, left, right, logo, showDivider, }: BaseToolbarProps): React__default.JSX.Element;
|
|
2291
2305
|
|
|
2306
|
+
declare const ToolbarMenuDropdown: <T extends string>(props: {
|
|
2307
|
+
item: SubMenuItem<T>;
|
|
2308
|
+
onSelectMenuItem?: (value: T) => void;
|
|
2309
|
+
}) => React__default.ReactElement | null;
|
|
2310
|
+
declare const ToolbarMenuButton: <T extends string>(props: {
|
|
2311
|
+
item: SelectableMenuItem<T>;
|
|
2312
|
+
onSelectMenuItem?: (value: T) => void;
|
|
2313
|
+
}) => React__default.ReactElement | null;
|
|
2314
|
+
declare const ToolbarMenuItem: <T extends string>(props: {
|
|
2315
|
+
item: MenuItem<T>;
|
|
2316
|
+
onSelectMenuItem?: (value: T) => void;
|
|
2317
|
+
}) => React__default.ReactElement | null;
|
|
2318
|
+
declare const ToolbarMenu: <T extends string>(props: {
|
|
2319
|
+
items: MenuItem<T>[];
|
|
2320
|
+
onSelectMenuItem?: (value: T) => void;
|
|
2321
|
+
}) => React__default.ReactElement | null;
|
|
2292
2322
|
interface ToolbarProps<T extends string = string> {
|
|
2293
2323
|
children?: React__default.ReactNode;
|
|
2294
2324
|
logo?: React__default.ReactNode;
|
|
@@ -2299,9 +2329,5 @@ interface ToolbarProps<T extends string = string> {
|
|
|
2299
2329
|
shouldBindKeyboardShortcuts?: boolean;
|
|
2300
2330
|
}
|
|
2301
2331
|
declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
|
|
2302
|
-
declare const ToolbarMenu: <T extends string>(props: {
|
|
2303
|
-
items: MenuItem<T>[];
|
|
2304
|
-
onSelectMenuItem?: (value: T) => void;
|
|
2305
|
-
}) => React__default.ReactElement | null;
|
|
2306
2332
|
|
|
2307
|
-
export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDropOptions, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveTreeItemOptions, type NonSelectableMenuItem, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem,
|
|
2333
|
+
export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDropOptions, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveTreeItemOptions, type NonSelectableMenuItem, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, type PortalScopeContextValue, PortalScopeProvider, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, ToolbarMenuButton, ToolbarMenuDropdown, ToolbarMenuItem, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createSectionedMenu, cssVarNames, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, usePlatform, usePlatformModKey, usePortalScopeId, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };
|