@noya-app/noya-designsystem 0.1.54 → 0.1.56
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 +16 -0
- package/dist/index.css +1 -1
- package/dist/index.d.mts +136 -44
- package/dist/index.d.ts +136 -44
- package/dist/index.js +1240 -802
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1484 -1054
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
- package/src/__tests__/validateDropIndicator.test.ts +35 -9
- package/src/components/Button.tsx +13 -0
- package/src/components/Dialog.tsx +3 -5
- package/src/components/Grid.tsx +3 -1
- package/src/components/GridView.tsx +1 -0
- package/src/components/InputField.tsx +10 -3
- package/src/components/ListView.tsx +5 -8
- package/src/components/Popover.tsx +68 -4
- package/src/components/SegmentedControl.tsx +41 -18
- package/src/components/SelectionToolbar.tsx +35 -22
- package/src/components/Toolbar.tsx +22 -12
- package/src/components/connected-users-menu/ConnectedUsersMenuLayout.tsx +3 -26
- package/src/components/sorting/DragRegistration.tsx +110 -0
- package/src/components/sorting/SharedDragProvider.tsx +307 -0
- package/src/components/sorting/Sortable.tsx +404 -0
- package/src/components/sorting/createSharedDrag.tsx +46 -0
- package/src/components/sorting/sorting.ts +180 -0
- package/src/contexts/DesignSystemConfiguration.tsx +8 -5
- package/src/contexts/OpenPortalsContext.tsx +67 -0
- package/src/index.css +2 -2
- package/src/index.tsx +5 -2
- package/src/utils/moveTreeItem.ts +4 -2
- package/src/components/Sortable.tsx +0 -468
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[32m398.83 KB[39m
|
|
11
|
+
[32mCJS[39m [1mdist/index.js.map [22m[32m782.38 KB[39m
|
|
12
|
+
[32mCJS[39m ⚡️ Build success in 86ms
|
|
13
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m376.55 KB[39m
|
|
14
|
+
[32mESM[39m [1mdist/index.mjs.map [22m[32m782.53 KB[39m
|
|
15
|
+
[32mESM[39m ⚡️ Build success in 87ms
|
|
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 367ms.
|
|
24
24
|
|
|
25
|
-
DTS ⚡️ Build success in
|
|
26
|
-
DTS dist/index.d.ts
|
|
27
|
-
DTS dist/index.d.mts
|
|
25
|
+
DTS ⚡️ Build success in 6165ms
|
|
26
|
+
DTS dist/index.d.ts 96.58 KB
|
|
27
|
+
DTS dist/index.d.mts 96.58 KB
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @noya-app/noya-designsystem
|
|
2
2
|
|
|
3
|
+
## 0.1.56
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 7e35a6b: Package updates
|
|
8
|
+
- Updated dependencies [7e35a6b]
|
|
9
|
+
- @noya-app/noya-icons@0.1.10
|
|
10
|
+
|
|
11
|
+
## 0.1.55
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Update packages
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
- @noya-app/noya-icons@0.1.9
|
|
18
|
+
|
|
3
19
|
## 0.1.54
|
|
4
20
|
|
|
5
21
|
### 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-\[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}
|
|
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:32px;--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:"";--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-\[33px\]{min-height:33px}.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-\[550px\]{max-width:550px}.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 .flex-nowrap{flex-wrap:nowrap}.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-y-2{border-top-width:2px;border-bottom-width:2px}.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 .border-y-transparent{border-top-color:transparent;border-bottom-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}.group:focus .group-focus\: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)}.group:focus .group-focus\:ring-primary-pastel{--tw-ring-color:var(--n-primary-pastel)}.group:focus .group-focus\:ring-offset-2{--tw-ring-offset-width:2px}.peer:checked~.peer-checked\:opacity-100{opacity:1}.aria-checked\:border-b-primary[aria-checked=true]{border-bottom-color:var(--n-primary)}.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-primary[aria-checked=true]{color:var(--n-primary)}.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
|
@@ -5,9 +5,8 @@ import * as Icons from '@noya-app/noya-icons';
|
|
|
5
5
|
export { Icons };
|
|
6
6
|
import tailwindConfig from '@noya-app/noya-tailwind-config';
|
|
7
7
|
import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
|
|
8
|
-
import { Size, Rect } from '@noya-app/noya-geometry';
|
|
9
|
-
import { UniqueIdentifier } from '@dnd-kit/core';
|
|
10
|
-
import { useSortable } from '@dnd-kit/sortable';
|
|
8
|
+
import { Size, Rect, Point as Point$1 } from '@noya-app/noya-geometry';
|
|
9
|
+
import { UniqueIdentifier, Active, Over, CollisionDetection } from '@dnd-kit/core';
|
|
11
10
|
import { Property } from 'csstype';
|
|
12
11
|
import * as _noya_app_noya_designsystem from '@noya-app/noya-designsystem';
|
|
13
12
|
import { SectionProps as SectionProps$1, BannerProps as BannerProps$1 } from '@noya-app/noya-designsystem';
|
|
@@ -20,6 +19,7 @@ import * as RadixContextMenu from '@radix-ui/react-context-menu';
|
|
|
20
19
|
import { MultiplayerUser } from '@noya-app/noya-multiplayer-react';
|
|
21
20
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
22
21
|
import { SelectProps } from '@radix-ui/react-select';
|
|
22
|
+
import { useSortable } from '@dnd-kit/sortable';
|
|
23
23
|
import { ImperativePanelGroupHandle } from 'react-resizable-panels';
|
|
24
24
|
import { RgbaColor } from '@noya-app/noya-colorpicker';
|
|
25
25
|
|
|
@@ -658,6 +658,8 @@ interface ButtonRootProps {
|
|
|
658
658
|
className?: string;
|
|
659
659
|
style?: CSSProperties;
|
|
660
660
|
tabIndex?: number;
|
|
661
|
+
icon?: MenuItemIcon;
|
|
662
|
+
iconRight?: MenuItemIcon;
|
|
661
663
|
children: ReactNode;
|
|
662
664
|
active?: boolean;
|
|
663
665
|
disabled?: boolean;
|
|
@@ -707,7 +709,23 @@ interface ChipProps {
|
|
|
707
709
|
declare const Chip: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<ChipProps & React__default.RefAttributes<HTMLSpanElement>>>;
|
|
708
710
|
|
|
709
711
|
type RelativeDropPosition = "above" | "below" | "inside";
|
|
710
|
-
type DropValidator = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition) => boolean;
|
|
712
|
+
type DropValidator = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition, sourceListId: string, targetListId: string) => boolean;
|
|
713
|
+
type AcceptsDrop = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition, sourceListId: string, targetListId: string) => boolean;
|
|
714
|
+
type MoveDragItemHandler = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition, sourceListId: string, targetListId: string) => void;
|
|
715
|
+
type AcceptsFromList = ({ sourceListId, targetListId, }: {
|
|
716
|
+
sourceListId: string;
|
|
717
|
+
targetListId: string;
|
|
718
|
+
}) => boolean;
|
|
719
|
+
interface DragItem {
|
|
720
|
+
id: UniqueIdentifier;
|
|
721
|
+
listId: string;
|
|
722
|
+
index: number;
|
|
723
|
+
}
|
|
724
|
+
interface DropTarget {
|
|
725
|
+
id: UniqueIdentifier;
|
|
726
|
+
listId: string;
|
|
727
|
+
index: number;
|
|
728
|
+
}
|
|
711
729
|
declare const normalizeListTargetIndex: (index: number, position: "above" | "below") => number;
|
|
712
730
|
declare const defaultAcceptsDrop: DropValidator;
|
|
713
731
|
type SortableItemContextProps = {
|
|
@@ -720,7 +738,9 @@ type SortableItemContextProps = {
|
|
|
720
738
|
};
|
|
721
739
|
setActivatorEvent: (event: PointerEvent) => void;
|
|
722
740
|
getDropTargetParentIndex?: (index: number) => number | undefined;
|
|
741
|
+
listId: string;
|
|
723
742
|
};
|
|
743
|
+
declare const SortableItemContext: React$1.Context<SortableItemContextProps>;
|
|
724
744
|
type ValidateDropIndicatorParams = {
|
|
725
745
|
acceptsDrop: DropValidator;
|
|
726
746
|
keys: UniqueIdentifier[];
|
|
@@ -729,41 +749,10 @@ type ValidateDropIndicatorParams = {
|
|
|
729
749
|
offsetStart: number;
|
|
730
750
|
elementStart: number;
|
|
731
751
|
elementSize: number;
|
|
752
|
+
sourceListId: string;
|
|
753
|
+
targetListId: string;
|
|
732
754
|
};
|
|
733
|
-
declare function validateDropIndicator({ acceptsDrop, keys, activeId, overId, offsetStart, elementStart, elementSize, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
|
|
734
|
-
type UseSortableReturnType = ReturnType<typeof useSortable>;
|
|
735
|
-
type ItemChildrenProps<T> = {
|
|
736
|
-
ref: React$1.Ref<T>;
|
|
737
|
-
relativeDropPosition?: RelativeDropPosition;
|
|
738
|
-
style?: React$1.CSSProperties;
|
|
739
|
-
} & UseSortableReturnType["attributes"];
|
|
740
|
-
interface ItemProps$1<T> {
|
|
741
|
-
id: UniqueIdentifier;
|
|
742
|
-
disabled?: boolean;
|
|
743
|
-
children: (props: ItemChildrenProps<T>) => JSX.Element;
|
|
744
|
-
}
|
|
745
|
-
interface RootProps {
|
|
746
|
-
keys: UniqueIdentifier[];
|
|
747
|
-
children: React$1.ReactNode;
|
|
748
|
-
renderOverlay?: (index: number) => React$1.ReactNode;
|
|
749
|
-
onMoveItem?: (sourceIndex: number, targetIndex: number, position: RelativeDropPosition) => void;
|
|
750
|
-
acceptsDrop?: SortableItemContextProps["acceptsDrop"];
|
|
751
|
-
axis?: SortableItemContextProps["axis"];
|
|
752
|
-
getDropTargetParentIndex?: SortableItemContextProps["getDropTargetParentIndex"];
|
|
753
|
-
}
|
|
754
|
-
declare function SortableRoot({ keys, children, onMoveItem, renderOverlay, acceptsDrop, axis, getDropTargetParentIndex, }: RootProps): React$1.JSX.Element;
|
|
755
|
-
interface SortableProps<T, TElement extends HTMLElement> extends Omit<RootProps, "children" | "keys" | "renderOverlay"> {
|
|
756
|
-
items: T[];
|
|
757
|
-
keyExtractor: (item: T) => UniqueIdentifier;
|
|
758
|
-
shouldRenderOverlay?: boolean;
|
|
759
|
-
renderItem: (item: T, props: ItemChildrenProps<TElement>, { isOverlay }: {
|
|
760
|
-
isOverlay: boolean;
|
|
761
|
-
}) => JSX.Element;
|
|
762
|
-
}
|
|
763
|
-
declare const Sortable: (<TItem, TElement extends HTMLElement>(props: SortableProps<TItem, TElement>) => React$1.ReactElement | null) & {
|
|
764
|
-
readonly Root: React$1.MemoExoticComponent<typeof SortableRoot>;
|
|
765
|
-
readonly Item: <T extends HTMLElement>(props: ItemProps$1<T>) => React$1.ReactElement | null;
|
|
766
|
-
};
|
|
755
|
+
declare function validateDropIndicator({ acceptsDrop, keys, activeId, overId, offsetStart, elementStart, elementSize, sourceListId, targetListId, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
|
|
767
756
|
|
|
768
757
|
type ListRowMarginType = "none" | "top" | "bottom" | "vertical";
|
|
769
758
|
type ListRowPosition = "only" | "first" | "middle" | "last";
|
|
@@ -864,7 +853,7 @@ type ListViewRootProps = {
|
|
|
864
853
|
onPress?: () => void;
|
|
865
854
|
scrollable?: boolean;
|
|
866
855
|
expandable?: boolean;
|
|
867
|
-
onMoveItem?:
|
|
856
|
+
onMoveItem?: MoveDragItemHandler;
|
|
868
857
|
indentation?: number;
|
|
869
858
|
acceptsDrop?: DropValidator;
|
|
870
859
|
pressEventName?: PressEventName;
|
|
@@ -1099,7 +1088,9 @@ interface InputFieldRootProps {
|
|
|
1099
1088
|
id?: string;
|
|
1100
1089
|
children?: ReactNode;
|
|
1101
1090
|
start?: ReactNode;
|
|
1091
|
+
startClassName?: string;
|
|
1102
1092
|
end?: ReactNode;
|
|
1093
|
+
endClassName?: string;
|
|
1103
1094
|
label?: ReactNode;
|
|
1104
1095
|
width?: number;
|
|
1105
1096
|
startWidth?: number;
|
|
@@ -1118,7 +1109,7 @@ interface InputFieldRootProps {
|
|
|
1118
1109
|
style?: React__default.CSSProperties;
|
|
1119
1110
|
className?: string;
|
|
1120
1111
|
}
|
|
1121
|
-
declare function InputFieldRoot({ id, children, width, sideOffset, startWidth: startWidthProp, endWidth: endWidthProp, size, renderPopoverContent, onFocusChange, style, className, start, end, label: labelProp, }: InputFieldRootProps): React__default.JSX.Element;
|
|
1112
|
+
declare function InputFieldRoot({ id, children, width, sideOffset, startWidth: startWidthProp, endWidth: endWidthProp, size, renderPopoverContent, onFocusChange, style, className, start, end, startClassName, endClassName, label: labelProp, }: InputFieldRootProps): React__default.JSX.Element;
|
|
1122
1113
|
type InputFieldProps = InputFieldRootProps & InputFieldInputProps;
|
|
1123
1114
|
declare const InputField: React__default.ForwardRefExoticComponent<InputFieldProps & React__default.RefAttributes<HTMLInputElement>> & {
|
|
1124
1115
|
readonly Root: React__default.MemoExoticComponent<typeof InputFieldRoot>;
|
|
@@ -1226,11 +1217,10 @@ declare const CommandPalette: React__default.NamedExoticComponent<{
|
|
|
1226
1217
|
declare const UserAvatar: ({ userId, name, image }: AvatarProps) => React__default.JSX.Element;
|
|
1227
1218
|
type ConnectedUsersMenuLayoutProps = {
|
|
1228
1219
|
renderUsers: () => React__default.ReactNode;
|
|
1229
|
-
currentUserId?: string;
|
|
1230
1220
|
launchAIAssistant?: () => void;
|
|
1231
1221
|
isAssistantOpen?: boolean;
|
|
1232
1222
|
};
|
|
1233
|
-
declare const ConnectedUsersMenuLayout: ({ renderUsers,
|
|
1223
|
+
declare const ConnectedUsersMenuLayout: ({ renderUsers, launchAIAssistant, isAssistantOpen, }: ConnectedUsersMenuLayoutProps) => React__default.JSX.Element;
|
|
1234
1224
|
|
|
1235
1225
|
interface MenuItemProps<T extends string> {
|
|
1236
1226
|
value?: T;
|
|
@@ -1686,13 +1676,14 @@ interface Props$7 extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content
|
|
|
1686
1676
|
onClickClose?: () => void;
|
|
1687
1677
|
showArrow?: boolean;
|
|
1688
1678
|
className?: string;
|
|
1679
|
+
portalContainer?: HTMLElement | null;
|
|
1689
1680
|
}
|
|
1690
1681
|
declare const popoverStyle: {
|
|
1691
1682
|
base: string;
|
|
1692
1683
|
large: string;
|
|
1693
1684
|
normal: string;
|
|
1694
1685
|
};
|
|
1695
|
-
declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, className, }: Props$7): React__default.JSX.Element;
|
|
1686
|
+
declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, className, portalContainer, }: Props$7): React__default.JSX.Element;
|
|
1696
1687
|
|
|
1697
1688
|
type ProgressVariant = "normal" | "warning" | "primary" | "secondary";
|
|
1698
1689
|
declare function Progress({ value, variant, className, }: {
|
|
@@ -1729,6 +1720,7 @@ type ExpandableSectionProps = {
|
|
|
1729
1720
|
declare const Section$1: React__default.NamedExoticComponent<SectionProps & Partial<ExpandableSectionProps>>;
|
|
1730
1721
|
|
|
1731
1722
|
type SegmentedControlColorScheme = "primary" | "secondary";
|
|
1723
|
+
type SegmentedControlVariant = "default" | "tabs";
|
|
1732
1724
|
interface SegmentedControlProps<T extends string> {
|
|
1733
1725
|
id?: string;
|
|
1734
1726
|
value?: T;
|
|
@@ -1739,18 +1731,21 @@ interface SegmentedControlProps<T extends string> {
|
|
|
1739
1731
|
items: SegmentedControlItemProps<T>[];
|
|
1740
1732
|
className?: string;
|
|
1741
1733
|
style?: React__default.CSSProperties;
|
|
1734
|
+
variant?: SegmentedControlVariant;
|
|
1742
1735
|
}
|
|
1743
1736
|
type SegmentedControlItemProps<T extends string> = {
|
|
1744
1737
|
title?: ReactNode;
|
|
1745
1738
|
className?: string;
|
|
1746
1739
|
style?: React__default.CSSProperties;
|
|
1747
1740
|
tooltip?: ReactNode;
|
|
1741
|
+
variant?: SegmentedControlVariant;
|
|
1748
1742
|
} & Pick<SelectableMenuItem<T>, "value" | "disabled" | "icon" | "role" | "title">;
|
|
1749
1743
|
declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement | null;
|
|
1750
1744
|
|
|
1751
1745
|
type SelectionToolbarContainerProps = {
|
|
1752
1746
|
rect: Rect;
|
|
1753
1747
|
children: React__default.ReactNode;
|
|
1748
|
+
portalContainer?: HTMLElement | null;
|
|
1754
1749
|
};
|
|
1755
1750
|
declare const SelectionToolbarContainer: React__default.NamedExoticComponent<SelectionToolbarContainerProps>;
|
|
1756
1751
|
|
|
@@ -1789,6 +1784,87 @@ interface Props$4 {
|
|
|
1789
1784
|
}
|
|
1790
1785
|
declare const Slider: React__default.NamedExoticComponent<Props$4>;
|
|
1791
1786
|
|
|
1787
|
+
type GetDropIndicatorParameters = {
|
|
1788
|
+
absolutePosition: Point$1;
|
|
1789
|
+
active: Active;
|
|
1790
|
+
over: Over;
|
|
1791
|
+
sourceListId: string;
|
|
1792
|
+
targetListId: string;
|
|
1793
|
+
};
|
|
1794
|
+
interface RegisteredList {
|
|
1795
|
+
id: string;
|
|
1796
|
+
keys: UniqueIdentifier[];
|
|
1797
|
+
onMoveItem: MoveDragItemHandler;
|
|
1798
|
+
renderOverlay?: (id: UniqueIdentifier) => React__default.ReactNode;
|
|
1799
|
+
acceptsFromList: AcceptsFromList;
|
|
1800
|
+
acceptsDrop: AcceptsDrop;
|
|
1801
|
+
getDropIndicator: (parameters: GetDropIndicatorParameters) => RelativeDropPosition | undefined;
|
|
1802
|
+
}
|
|
1803
|
+
interface DragRegistrationContextType {
|
|
1804
|
+
registerList: (list: RegisteredList) => void;
|
|
1805
|
+
unregisterList: (listId: string) => void;
|
|
1806
|
+
}
|
|
1807
|
+
type ActiveDragContextType = {
|
|
1808
|
+
activeItem: DragItem | null;
|
|
1809
|
+
delta: Point$1;
|
|
1810
|
+
};
|
|
1811
|
+
type SharedDragProviderContexts = {
|
|
1812
|
+
dragRegistrationContext: React__default.Context<DragRegistrationContextType | null>;
|
|
1813
|
+
activeDragContext: React__default.Context<ActiveDragContextType | null>;
|
|
1814
|
+
};
|
|
1815
|
+
|
|
1816
|
+
type SharedDragProviderProps = {
|
|
1817
|
+
children: React$1.ReactNode;
|
|
1818
|
+
contexts?: SharedDragProviderContexts;
|
|
1819
|
+
};
|
|
1820
|
+
declare function SharedDragProvider({ children, contexts, }: SharedDragProviderProps): React$1.JSX.Element;
|
|
1821
|
+
declare function withDragProvider<T extends object>(Component: React$1.ComponentType<T>): (props: T) => React$1.JSX.Element;
|
|
1822
|
+
declare const getItemFirstCollisionDetection: (registeredListIds: string[]) => CollisionDetection;
|
|
1823
|
+
|
|
1824
|
+
type UseSortableReturnType = ReturnType<typeof useSortable>;
|
|
1825
|
+
type ItemChildrenProps<T> = {
|
|
1826
|
+
ref: React$1.Ref<T>;
|
|
1827
|
+
relativeDropPosition?: RelativeDropPosition;
|
|
1828
|
+
style?: React$1.CSSProperties;
|
|
1829
|
+
} & UseSortableReturnType["attributes"];
|
|
1830
|
+
interface RootProps {
|
|
1831
|
+
id?: string;
|
|
1832
|
+
keys: UniqueIdentifier[];
|
|
1833
|
+
axis?: "x" | "y";
|
|
1834
|
+
children?: React$1.ReactNode;
|
|
1835
|
+
renderOverlay?: (index: number) => React$1.ReactNode;
|
|
1836
|
+
onMoveItem?: MoveDragItemHandler;
|
|
1837
|
+
acceptsFromList?: AcceptsFromList;
|
|
1838
|
+
acceptsDrop?: DropValidator;
|
|
1839
|
+
getDropTargetParentIndex?: (index: number) => number | undefined;
|
|
1840
|
+
sharedDragProviderContexts?: SharedDragProviderContexts;
|
|
1841
|
+
containerRef?: React$1.RefObject<HTMLElement>;
|
|
1842
|
+
}
|
|
1843
|
+
declare function SortableItem<TElement extends HTMLElement>({ id, disabled, children, }: {
|
|
1844
|
+
id: UniqueIdentifier;
|
|
1845
|
+
disabled?: boolean;
|
|
1846
|
+
children: (props: ItemChildrenProps<TElement>) => React$1.ReactNode;
|
|
1847
|
+
}): React$1.ReactNode;
|
|
1848
|
+
declare function SortableRoot_({ id: idProp, keys, onMoveItem, renderOverlay, acceptsFromList, acceptsDrop, axis, children, getDropTargetParentIndex, sharedDragProviderContexts, containerRef, }: RootProps): React$1.JSX.Element;
|
|
1849
|
+
interface SortableProps<TItem, TElement extends HTMLElement> extends Omit<RootProps, "children" | "keys" | "renderOverlay"> {
|
|
1850
|
+
items: TItem[];
|
|
1851
|
+
keyExtractor: (item: TItem) => UniqueIdentifier;
|
|
1852
|
+
shouldRenderOverlay?: boolean;
|
|
1853
|
+
renderItem: (item: TItem, props: ItemChildrenProps<TElement>, { isOverlay }: {
|
|
1854
|
+
isOverlay: boolean;
|
|
1855
|
+
}) => React$1.ReactNode;
|
|
1856
|
+
}
|
|
1857
|
+
declare const Sortable: (<TItem, TElement extends HTMLElement>({ items, keyExtractor, shouldRenderOverlay, renderItem, ...rest }: SortableProps<TItem, TElement>) => React$1.JSX.Element) & {
|
|
1858
|
+
Root: typeof SortableRoot_;
|
|
1859
|
+
Item: typeof SortableItem;
|
|
1860
|
+
};
|
|
1861
|
+
|
|
1862
|
+
declare function createSharedDrag(): {
|
|
1863
|
+
Provider: typeof SharedDragProvider;
|
|
1864
|
+
props: SharedDragProviderContexts;
|
|
1865
|
+
Sortable: <TItem, TElement extends HTMLElement>(props: SortableProps<TItem, TElement>) => React$1.ReactNode;
|
|
1866
|
+
};
|
|
1867
|
+
|
|
1792
1868
|
interface Props$3 {
|
|
1793
1869
|
size?: number | string;
|
|
1794
1870
|
inline?: boolean;
|
|
@@ -2024,6 +2100,19 @@ declare const ImageDataProvider: React$1.NamedExoticComponent<{
|
|
|
2024
2100
|
}>;
|
|
2025
2101
|
declare function useImageData(ref: string): ArrayBuffer | undefined;
|
|
2026
2102
|
|
|
2103
|
+
type OpenPortalsContextValue = {
|
|
2104
|
+
hasOpenPortals: boolean;
|
|
2105
|
+
};
|
|
2106
|
+
type OpenPortalControlsContextValue = {
|
|
2107
|
+
addOpenPortal: (portal: string) => void;
|
|
2108
|
+
removeOpenPortal: (portal: string) => void;
|
|
2109
|
+
};
|
|
2110
|
+
declare const OpenPortalsProvider: React$1.NamedExoticComponent<{
|
|
2111
|
+
children: React$1.ReactNode;
|
|
2112
|
+
}>;
|
|
2113
|
+
declare function useHasOpenPortals(): boolean;
|
|
2114
|
+
declare function useOpenPortalsControls(): OpenPortalControlsContextValue;
|
|
2115
|
+
|
|
2027
2116
|
type PortalScopeContextValue = string;
|
|
2028
2117
|
declare const PortalScopeProvider: React$1.NamedExoticComponent<{
|
|
2029
2118
|
children: React$1.ReactNode;
|
|
@@ -2310,14 +2399,17 @@ declare const ToolbarMenuDropdown: <T extends string>(props: {
|
|
|
2310
2399
|
declare const ToolbarMenuButton: <T extends string>(props: {
|
|
2311
2400
|
item: SelectableMenuItem<T>;
|
|
2312
2401
|
onSelectMenuItem?: (value: T) => void;
|
|
2402
|
+
as?: ComponentProps<typeof Button>["as"];
|
|
2313
2403
|
}) => React__default.ReactElement | null;
|
|
2314
2404
|
declare const ToolbarMenuItem: <T extends string>(props: {
|
|
2315
2405
|
item: MenuItem<T>;
|
|
2316
2406
|
onSelectMenuItem?: (value: T) => void;
|
|
2407
|
+
buttonAs?: ComponentProps<typeof Button>["as"];
|
|
2317
2408
|
}) => React__default.ReactElement | null;
|
|
2318
2409
|
declare const ToolbarMenu: <T extends string>(props: {
|
|
2319
2410
|
items: MenuItem<T>[];
|
|
2320
2411
|
onSelectMenuItem?: (value: T) => void;
|
|
2412
|
+
buttonAs?: ComponentProps<typeof Button>["as"];
|
|
2321
2413
|
}) => React__default.ReactElement | null;
|
|
2322
2414
|
interface ToolbarProps<T extends string = string> {
|
|
2323
2415
|
children?: React__default.ReactNode;
|
|
@@ -2330,4 +2422,4 @@ interface ToolbarProps<T extends string = string> {
|
|
|
2330
2422
|
}
|
|
2331
2423
|
declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
|
|
2332
2424
|
|
|
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 };
|
|
2425
|
+
export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDrop, type AcceptsDropOptions, type AcceptsFromList, 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, type DragItem, DraggableMenuButton, Drawer, type DrawerProps, type DropTarget, 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 MoveDragItemHandler, type MoveTreeItemOptions, type NonSelectableMenuItem, type OpenPortalControlsContextValue, type OpenPortalsContextValue, OpenPortalsProvider, 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, SharedDragProvider, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, SortableItemContext, type SortableItemContextProps, type SortableProps, 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, type ValidateDropIndicatorParams, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createSectionedMenu, createSharedDrag, cssVarNames, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getItemFirstCollisionDetection, 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, useHasOpenPortals, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, useOpenPortalsControls, usePlatform, usePlatformModKey, usePortalScopeId, usePreservePanelSize, useTheme, validateDropIndicator, withDragProvider, withSeparatorElements };
|