npm - @noya-app/noya-designsystem - Versions diffs - 0.1.42 → 0.1.44 - Mend

@noya-app/noya-designsystem 0.1.42 → 0.1.44

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.

Files changed (15) hide show

package/.turbo/turbo-build.log +9 -9
package/CHANGELOG.md +12 -0
package/dist/index.css +1 -1
package/dist/index.d.mts +62 -36
package/dist/index.d.ts +62 -36
package/dist/index.js +226 -141
package/dist/index.js.map +1 -1
package/dist/index.mjs +234 -143
package/dist/index.mjs.map +1 -1
package/package.json +1 -1
package/src/components/Combobox.tsx +158 -52
package/src/components/SelectMenu.tsx +4 -0
package/src/components/TextArea.tsx +61 -24
package/src/components/Toolbar.tsx +4 -9
package/src/components/WorkspaceLayout.tsx +145 -152

package/.turbo/turbo-build.log CHANGED Viewed

@@ -7,21 +7,21 @@
 [34mCLI[39m Target: esnext
 [34mCJS[39m Build start
 [34mESM[39m Build start
-DTS Build start
-[32mCJS[39m [1mdist/index.js     [22m[32m612.84 KB[39m
+[32mCJS[39m [1mdist/index.js     [22m[32m615.14 KB[39m
 [32mCJS[39m [1mdist/index.js.map [22m[32m1.09 MB[39m
-[32mCJS[39m ⚡️ Build success in 335ms
-[32mESM[39m [1mdist/index.mjs     [22m[32m598.09 KB[39m
+[32mCJS[39m ⚡️ Build success in 200ms
+[32mESM[39m [1mdist/index.mjs     [22m[32m600.34 KB[39m
 [32mESM[39m [1mdist/index.mjs.map [22m[32m1.09 MB[39m
-[32mESM[39m ⚡️ Build success in 336ms
+[32mESM[39m ⚡️ Build success in 200ms
+DTS Build start
 Browserslist: caniuse-lite is outdated. Please run:
   npx update-browserslist-db@latest
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
 Rebuilding...
-Done in 407ms.
+Done in 393ms.
-DTS ⚡️ Build success in 7530ms
-DTS dist/index.d.ts  62.30 KB
-DTS dist/index.d.mts 62.30 KB
+DTS ⚡️ Build success in 6180ms
+DTS dist/index.d.ts  63.65 KB
+DTS dist/index.d.mts 63.65 KB

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,17 @@
 # @noya-app/noya-designsystem
+## 0.1.44
+### Patch Changes
+- e46e55b: Update packages
+## 0.1.43
+### Patch Changes
+- Bump versions
 ## 0.1.42
 ### Patch Changes

package/dist/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- ,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-left-2\.5{left:-.625rem}.-top-\[1px\]{top:-1px}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-5{left:1.25rem}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-2{right:.5rem}.right-6{right:1.5rem}.right-\[1\.3rem\]{right:1.3rem}.right-\[5px\]{right:5px}.right-\[9px\]{right:9px}.right-dialog-padding{right:var(--dialog-padding)}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.top-4{top:1rem}.top-\[5px\]{top:5px}.top-dialog-padding{top:var(--dialog-padding)}.z-\[1000\]{z-index:1000}.z-\[1\]{z-index:1}.z-\[2147483647\]{z-index:2147483647}.z-label{z-index:var(--label-z-index)}.z-menu{z-index:var(--menu-z-index)}.-m-1{margin:-.25rem}.m-0{margin:0}.m-\[0_-24px_0_-20px\]{margin:0 -24px 0 -20px}.mx-\[-4px\]{margin-left:-4px;margin-right:-4px}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mb-\[6px\]{margin-bottom:-6px}.-ml-1\.5{margin-left:-.375rem}.-ml-3{margin-left:-.75rem}.-mr-1{margin-right:-.25rem}.-mr-2{margin-right:-.5rem}.mb-\[5px\]{margin-bottom:5px}.ml-\[-2px\]{margin-left:-2px}.ml-\[2px\]{margin-left:2px}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mr-\[-2px\]{margin-right:-2px}.mr-\[2px\]{margin-right:2px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\!contents{display:contents!important}.contents{display:contents}.hidden{display:none}.h-8{height:2rem}.h-\[15px\]{height:15px}.h-\[19px\]{height:19px}.h-\[25px\]{height:25px}.h-\[27px\]{height:27px}.h-\[50px\]{height:50px}.h-\[5px\]{height:5px}.h-full{height:100%}.h-px{height:1px}.max-h-\[600px\]{max-height:600px}.max-h-\[85vh\]{max-height:85vh}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-24{min-height:6rem}.min-h-\[19px\]{min-height:19px}.min-h-\[27px\]{min-height:27px}.min-h-px{min-height:1px}.w-0{width:0}.w-8{width:2rem}.w-\[0\.9rem\]{width:.9rem}.w-\[15px\]{width:15px}.w-\[19px\]{width:19px}.w-\[1px\]{width:1px}.w-\[240px\]{width:240px}.w-\[25px\]{width:25px}.w-\[27px\]{width:27px}.w-\[50px\]{width:50px}.w-\[680px\]{width:680px}.w-\[90vw\]{width:90vw}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.min-w-\[200px\]{min-width:200px}.min-w-\[31px\]{min-width:31px}.min-w-px{min-width:1px}.max-w-\[100vw\]{max-width:100vw}.max-w-\[450px\]{max-width:450px}.max-w-\[70\%\]{max-width:70%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-\[0_0_auto\]{flex:0 0 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[2px\]{--tw-translate-x:2px}.rotate-0,.translate-x-\[2px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.scale-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))}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{animation:shimmer 6s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-\[auto-fill\2c _minmax$\$\{sizes\[size\]\.itemWidth\}px\2c _1fr$\]{grid-template-columns:auto-fill minmax(${sizes[size].itemWidth}px,1fr)}.grid-cols-\[auto_max-content\]{grid-template-columns:auto max-content}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-toolbar-separator{gap:var(--toolbar-separator)}.gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-pre{white-space:pre}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-none{border-style:none}.border-\[rgba$128\2c 128\2c 128\2c 0\.2$\]{border-color:hsla(0,0%,50%,.2)}.border-background{border-color:var(--background)}.border-divider{border-color:var(--divider)}.border-divider-strong{border-color:var(--divider-strong)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-popover-divider{border-color:var(--popover-divider)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-slider-border{border-color:var(--slider-border)}.border-transparent{border-color:transparent}.bg-\[\#0ab557\]{--tw-bg-opacity:1;background-color:rgb(10 181 87/var(--tw-bg-opacity))}.bg-\[rgb$255\2c 219\2c 219$\]{--tw-bg-opacity:1;background-color:rgb(255 219 219/var(--tw-bg-opacity))}.bg-\[rgba$0\2c 0\2c 0\2c 0\.5$\]{background-color:rgba(0,0,0,.5)}.bg-\[var$--chip-default-bg$\]{background-color:var(--chip-default-bg)}.bg-\[var$--chip-error-bg$\]{background-color:var(--chip-error-bg)}.bg-\[var$--chip-primary-bg$\]{background-color:var(--chip-primary-bg)}.bg-\[var$--chip-secondary-bg$\]{background-color:var(--chip-secondary-bg)}.bg-active-background{background-color:var(--active-background)}.bg-background{background-color:var(--background)}.bg-divider{background-color:var(--divider)}.bg-divider-strong{background-color:var(--divider-strong)}.bg-divider-subtle{background-color:var(--divider-subtle)}.bg-floating-button{background-color:var(--floating-button)}.bg-input-background{background-color:var(--input-background)}.bg-listview-editing-background{background-color:var(--listview-editing-background)}.bg-listview-raised-background{background-color:var(--listview-raised-background)}.bg-popover-background{background-color:var(--popover-background)}.bg-primary{background-color:var(--primary)}.bg-primary-pastel{background-color:var(--primary-pastel)}.bg-row-highlight{background-color:var(--row-highlight)}.bg-scrollbar{background-color:var(--scrollbar)}.bg-secondary{background-color:var(--secondary)}.bg-secondary-pastel{background-color:var(--secondary-pastel)}.bg-sidebar-background{background-color:var(--sidebar-background)}.bg-slider-border{background-color:var(--slider-border)}.bg-slider-thumb-background{background-color:var(--slider-thumb-background)}.bg-text{background-color:var(--text)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--warning)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-white\/0{--tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[rgb$226\2c 232\2c 240$\]\/50{--tw-gradient-to:rgba(226,232,240,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(226,232,240,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-white\/0{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)}.fill-popover-background{fill:var(--popover-background)}.stroke-white{stroke:#fff}.stroke-\[1\.3px\]{stroke-width:1.3px}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-\[0_24px_0_20px\]{padding:0 24px 0 20px}.p-\[0px_4px\]{padding:0 4px}.p-\[2px_4px\]{padding:2px 4px}.p-\[2px_6px\]{padding:2px 6px}.p-\[3px\]{padding:3px}.p-\[4px_6px\]{padding:4px 6px}.p-\[4px_8px\]{padding:4px 8px}.p-dialog-padding{padding:var(--dialog-padding)}.\!px-0\.5{padding-left:.125rem!important;padding-right:.125rem!important}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[1px\]{padding-left:1px;padding-right:1px}.px-\[2px\]{padding-left:2px;padding-right:2px}.px-\[6px\]{padding-left:6px;padding-right:6px}.px-medium{padding-left:16px;padding-right:16px}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-small{padding-top:8px;padding-bottom:8px}.pl-1\.5{padding-left:.375rem}.pl-3{padding-left:.75rem}.pr-1\.5{padding-right:.375rem}.pr-2\.5{padding-right:.625rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:Menlo,Monaco,Consolas,Courier New,monospace}.font-sans{font-family:__Inter_6b0edc,__Inter_Fallback_6b0edc,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.text-\[0\.7rem\]{font-size:.7rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[60\%\]{font-size:60%}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-button{font-size:.8rem;line-height:1.4;letter-spacing:-.2px}.text-code{font-size:90%;line-height:1.5}.text-heading1{font-size:1.953rem;line-height:1.6;letter-spacing:-.025em}.text-heading2{font-size:1.563rem;line-height:1.5;letter-spacing:-.025em}.text-heading3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em}.text-heading4{font-size:1rem;line-height:1.4}.text-heading5{font-size:.85rem;line-height:1.4}.text-label{font-size:.62rem;line-height:19px;letter-spacing:-.3px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-subtitle{font-size:1.563rem;line-height:1.75;letter-spacing:-.05em}.text-title{font-size:3.052rem;line-height:1.4;letter-spacing:-.05em}.text-xs{font-size:.75rem;line-height:1rem}.font-\[14px\]{font-weight:14px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.4\]{line-height:1.4}.leading-\[15px\]{line-height:15px}.leading-\[19px\]{line-height:19px}.leading-\[1\],.leading-none{line-height:1}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-segmented-control-item{color:var(--segmented-control-item)}.text-text{color:var(--text)}.text-text-disabled{color:var(--text-disabled)}.text-text-muted{color:var(--text-muted)}.text-text-subtle{color:var(--text-subtle)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.decoration-text-decorative-light{text-decoration-color:var(--text-decorative-light)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.shadow-\[0_0_0_1px_var$--chip-default-shadow$_inset\]{--tw-shadow:0 0 0 1px var(--chip-default-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_var$--chip-error-shadow$_inset\]{--tw-shadow:0 0 0 1px var(--chip-error-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_var$--chip-primary-shadow$_inset\]{--tw-shadow:0 0 0 1px var(--chip-primary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_var$--chip-secondary-shadow$_inset\]{--tw-shadow:0 0 0 1px var(--chip-secondary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_var$--divider$_inset\]{--tw-shadow:0 0 0 1px var(--divider) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_38px_-10px_hsla$206\2c 22\%\2c 7\%\2c \.35$\2c 0_10px_20px_-15px_hsla$206\2c 22\%\2c 7\%\2c \.2$\]{--tw-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);--tw-shadow-colored:0 10px 38px -10px var(--tw-shadow-color),0 10px 20px -15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba$0\2c 0\2c 0\2c 0\.1$\]{--tw-shadow:0 1px 2px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba$0\2c 0\2c 0\2c 0\.2$\2c 0_0_12px_rgba$0\2c 0\2c 0\2c 0\.1$\],.shadow-\[0_2px_4px_rgba$0\2c 0\2c 0\2c 0\.2$\2c _0_0_12px_rgba$0\2c 0\2c 0\2c 0\.1$\]{--tw-shadow:0 2px 4px rgba(0,0,0,.2),0 0 12px rgba(0,0,0,.1);--tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba$0\2c 0\2c 0\2c 0\.2$_0_0_12px_rgba$0\2c 0\2c 0\2c 0\.1$\]{--tw-shadow:0 2px 4px rgba(0,0,0,.2) 0 0 12px rgba(0,0,0,.1);--tw-shadow-colored:0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-primary{--tw-ring-color:var(--primary)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[-webkit-app-region\:no-drag\]{-webkit-app-region:no-drag}.\[webkit-tap-highlight-color\:rgba$0\2c 0\2c 0\2c 0$\]{webkit-tap-highlight-color:transparent}:root{--logo-fill:#9698ac;--logo-highlight:#9698ac;--background:#fff;--text:#263053;--text-muted:#6b7188;--text-subtle:#757981;--text-disabled:#9698ac;--text-decorative-light:#a8b9d4;--divider-subtle:rgba(30,50,100,.04);--divider:rgba(30,50,100,.07);--divider-strong:rgba(30,50,100,.09);--primary:#6746ff;--primary-light:#9356ff;--primary-pastel:#eae6ff;--secondary:#009775;--secondary-light:#00a081;--secondary-pastel:#cdeee7;--secondary-bright:#0ab557;--input-background:#f0f2f6;--input-background-light:#f3f5f9;--code-background:#fafafa;--code-background-dark:#435080;--selected-background:#f2f5fa;--breadcrumb-text:#6b7188;--breadcrumb-text-hover:#757981;--breadcrumb-icon:#8183a5;--canvas-background:#f9f9f9;--canvas-grid:rgba(0,0,0,.05);--sidebar-background:#fff;--sidebar-background-transparent:hsla(0,0%,100%,.85);--popover-background:#fcfcfc;--popover-divider:transparent;--listview-raised-background:rgba(0,0,0,.03);--listview-editing-background:#fff;--slider-thumb-background:#fff;--slider-border:#9698ac;--mask:#0cc143;--transparent-checker:hsla(0,0%,100%,.8);--scrollbar:hsla(0,0%,78%,.8);--placeholder-dots:rgba(0,0,0,.3);--drag-outline:#6746ff;--active-background:rgba(0,0,0,.1);--thumbnail-background:#f0efff;--thumbnail-shadow:#d3ceed66;--inline-code-text:#6746ff;--inline-code-background:#f0f2f6;--text-link:#6746ff;--text-link-focused:#9356ff;--inset-top:46px;--sidebar-width:260px;--toolbar-height:46px;--toolbar-separator:8px;--inspector-h-separator:8px;--inspector-v-separator:10px;--dialog-padding:16px;--icon:#8183a5;--icon-selected:#dcdcdc;--warning:#fbd300;--segmented-control-item:#8b8b8b;--dot:rgba(0,0,0,.25);--row-highlight:#3390ff10;--table-row-background:var(--background);--interactable-z-index:2;--label-z-index:3;--menu-z-index:5000;--chip-primary-bg:rgba(238,229,255,.2);--chip-secondary-bg:rgba(205,238,231,.2);--chip-error-bg:hsla(0,100%,93%,.2);--chip-default-bg:rgba(0,0,0,.1);--chip-primary-shadow:#eee5ff;--chip-secondary-shadow:#cdeee7;--chip-error-shadow:#ffdbdb;--chip-default-shadow:#000;--floating-button:#f8f8fa}[data-theme=dark]{--background:#111;--logo-fill:#f8f8fa;--logo-highlight:#f8f8fa;--text:#f8f8fa;--text-muted:#b4b3b6;--text-subtle:#b4b3b6;--text-disabled:#73727e;--divider-subtle:hsla(0,0%,100%,.04);--divider:hsla(0,0%,100%,.08);--divider-strong:#000;--primary:#7742ff;--primary-light:#8656ff;--secondary-bright:#36fe91;--input-background:rgba(181,178,255,.08);--input-background-light:rgba(181,178,255,.1);--code-background:#141317;--canvas-background:#141317;--canvas-grid:rgba(0,0,0,.1);--sidebar-background:#222127;--sidebar-background-transparent:rgba(34,33,39,.95);--popover-background:#222127;--popover-divider:hsla(0,0%,100%,.08);--listview-raised-background:rgba(181,178,255,.1);--listview-editing-background:#000;--slider-thumb-background:#f8f8fa;--mask:#66bb6a;--transparent-checker:hsla(0,0%,100%,.3);--scrollbar:hsla(0,0%,78%,.2);--placeholder-dots:hsla(0,0%,100%,.3);--drag-outline:#fff;--active-background:rgba(181,178,255,.08);--thumbnail-background:#1f1d33;--thumbnail-shadow:#1f1d3366;--dot:hsla(0,0%,100%,.15);--table-row-background:var(--sidebar-background);--floating-button:#333}.placeholder\:text-text-disabled::-moz-placeholder{color:var(--text-disabled)}.placeholder\:text-text-disabled::placeholder{color:var(--text-disabled)}.read-only\:text-text-disabled:-moz-read-only{color:var(--text-disabled)}.read-only\:text-text-disabled:read-only{color:var(--text-disabled)}.hover\:bg-input-background-light:hover{background-color:var(--input-background-light)}.hover\:bg-primary-light:hover{background-color:var(--primary-light)}.hover\:bg-secondary-light:hover{background-color:var(--secondary-light)}.hover\:text-text:hover{color:var(--text)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:z-interactable:focus{z-index:var(--interactable-z-index)}.focus\:border-2:focus{border-width:2px}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:bg-primary:focus{background-color:var(--primary)}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:shadow-\[0_0_0_1px_var$--popover-background$_inset\]:focus{--tw-shadow:0 0 0 1px var(--popover-background) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:shadow-\[0_0_0_1px_var$--sidebar-background$\2c 0_0_0_3px_var$--primary$\]:focus{--tw-shadow:0 0 0 1px var(--sidebar-background),0 0 0 3px var(--primary);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:shadow-\[0px_0px_0px_1px_var$--sidebar-background$\2c _0px_0px_0px_3px_var$--primary$\]:focus{--tw-shadow:0px 0px 0px 1px var(--sidebar-background),0px 0px 0px 3px var(--primary);--tw-shadow-colored:0px 0px 0px 1px var(--tw-shadow-color),0px 0px 0px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus\:ring-secondary:focus{--tw-ring-color:var(--secondary)}.focus\:ring-offset-1:focus,.focus\:ring-offset-\[1px\]:focus{--tw-ring-offset-width:1px}.active\:bg-active-background:active{background-color:var(--active-background)}.active\:bg-primary:active{background-color:var(--primary)}.active\:bg-primary-light:active{background-color:var(--primary-light)}.active\:bg-secondary:active{background-color:var(--secondary)}.active\:opacity-70:active{opacity:.7}.active\:opacity-90:active{opacity:.9}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:flex{display:flex}.peer:checked~.peer-checked\:opacity-100{opacity:1}.aria-checked\:bg-background[aria-checked=true]{background-color:var(--background)}.aria-checked\:bg-primary[aria-checked=true]{background-color:var(--primary)}.aria-checked\:bg-secondary[aria-checked=true]{background-color:var(--secondary)}.aria-checked\:text-text[aria-checked=true]{color:var(--text)}.aria-checked\:text-white[aria-checked=true]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.aria-checked\:shadow-\[0_1px_1px_rgba$0\2c 0\2c 0\2c 0\.1$\][aria-checked=true]{--tw-shadow:0 1px 1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[orientation\=vertical\]\:w-\[10px\][data-orientation=vertical]{width:10px}.data-\[state\=checked\]\:translate-x-\[15px\][data-state=checked]{--tw-translate-x:15px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:bg-secondary[data-state=checked]{background-color:var(--secondary)}@media (min-width:640px){.sm\:text-\[18px\]{font-size:18px}.sm\:text-\[36px\]{font-size:36px}}@media (min-width:1024px){.lg\:absolute{position:absolute}}.\[\&\>\\]\:pointer-events-none>*{pointer-events:none}.\[\&\>div\]\:block>div{display:block}
1	+ ,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-left-2\.5{left:-.625rem}.-top-\[1px\]{top:-1px}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-5{left:1.25rem}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-2{right:.5rem}.right-6{right:1.5rem}.right-\[1\.3rem\]{right:1.3rem}.right-\[5px\]{right:5px}.right-\[9px\]{right:9px}.right-dialog-padding{right:var(--dialog-padding)}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.top-4{top:1rem}.top-\[5px\]{top:5px}.top-dialog-padding{top:var(--dialog-padding)}.z-\[1000\]{z-index:1000}.z-\[1\]{z-index:1}.z-\[2147483647\]{z-index:2147483647}.z-label{z-index:var(--label-z-index)}.z-menu{z-index:var(--menu-z-index)}.-m-1{margin:-.25rem}.m-0{margin:0}.m-\[0_-24px_0_-20px\]{margin:0 -24px 0 -20px}.mx-\[-4px\]{margin-left:-4px;margin-right:-4px}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mb-\[6px\]{margin-bottom:-6px}.-ml-1\.5{margin-left:-.375rem}.-ml-3{margin-left:-.75rem}.-mr-1{margin-right:-.25rem}.-mr-2{margin-right:-.5rem}.mb-\[5px\]{margin-bottom:5px}.ml-\[-2px\]{margin-left:-2px}.ml-\[2px\]{margin-left:2px}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mr-\[-2px\]{margin-right:-2px}.mr-\[2px\]{margin-right:2px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\!contents{display:contents!important}.contents{display:contents}.hidden{display:none}.h-8{height:2rem}.h-\[15px\]{height:15px}.h-\[19px\]{height:19px}.h-\[25px\]{height:25px}.h-\[27px\]{height:27px}.h-\[50px\]{height:50px}.h-\[5px\]{height:5px}.h-full{height:100%}.h-px{height:1px}.max-h-\[600px\]{max-height:600px}.max-h-\[85vh\]{max-height:85vh}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-6{min-height:1.5rem}.min-h-\[19px\]{min-height:19px}.min-h-\[27px\]{min-height:27px}.min-h-px{min-height:1px}.w-0{width:0}.w-8{width:2rem}.w-\[0\.9rem\]{width:.9rem}.w-\[15px\]{width:15px}.w-\[19px\]{width:19px}.w-\[1px\]{width:1px}.w-\[240px\]{width:240px}.w-\[25px\]{width:25px}.w-\[27px\]{width:27px}.w-\[50px\]{width:50px}.w-\[680px\]{width:680px}.w-\[90vw\]{width:90vw}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.min-w-\[200px\]{min-width:200px}.min-w-\[31px\]{min-width:31px}.min-w-px{min-width:1px}.max-w-\[100vw\]{max-width:100vw}.max-w-\[450px\]{max-width:450px}.max-w-\[70\%\]{max-width:70%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-\[0_0_auto\]{flex:0 0 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[2px\]{--tw-translate-x:2px}.rotate-0,.translate-x-\[2px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.scale-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))}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{animation:shimmer 6s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-\[auto-fill\2c _minmax$\$\{sizes\[size\]\.itemWidth\}px\2c _1fr$\]{grid-template-columns:auto-fill minmax(${sizes[size].itemWidth}px,1fr)}.grid-cols-\[auto_max-content\]{grid-template-columns:auto max-content}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-toolbar-separator{gap:var(--toolbar-separator)}.gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-pre{white-space:pre}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-none{border-style:none}.border-\[rgba$128\2c 128\2c 128\2c 0\.2$\]{border-color:hsla(0,0%,50%,.2)}.border-background{border-color:var(--background)}.border-divider{border-color:var(--divider)}.border-divider-strong{border-color:var(--divider-strong)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-popover-divider{border-color:var(--popover-divider)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-slider-border{border-color:var(--slider-border)}.border-transparent{border-color:transparent}.bg-\[\#0ab557\]{--tw-bg-opacity:1;background-color:rgb(10 181 87/var(--tw-bg-opacity))}.bg-\[rgb$255\2c 219\2c 219$\]{--tw-bg-opacity:1;background-color:rgb(255 219 219/var(--tw-bg-opacity))}.bg-\[rgba$0\2c 0\2c 0\2c 0\.5$\]{background-color:rgba(0,0,0,.5)}.bg-\[var$--chip-default-bg$\]{background-color:var(--chip-default-bg)}.bg-\[var$--chip-error-bg$\]{background-color:var(--chip-error-bg)}.bg-\[var$--chip-primary-bg$\]{background-color:var(--chip-primary-bg)}.bg-\[var$--chip-secondary-bg$\]{background-color:var(--chip-secondary-bg)}.bg-active-background{background-color:var(--active-background)}.bg-background{background-color:var(--background)}.bg-canvas-background{background-color:var(--canvas-background)}.bg-divider{background-color:var(--divider)}.bg-divider-strong{background-color:var(--divider-strong)}.bg-divider-subtle{background-color:var(--divider-subtle)}.bg-floating-button{background-color:var(--floating-button)}.bg-input-background{background-color:var(--input-background)}.bg-listview-editing-background{background-color:var(--listview-editing-background)}.bg-listview-raised-background{background-color:var(--listview-raised-background)}.bg-popover-background{background-color:var(--popover-background)}.bg-primary{background-color:var(--primary)}.bg-primary-pastel{background-color:var(--primary-pastel)}.bg-row-highlight{background-color:var(--row-highlight)}.bg-scrollbar{background-color:var(--scrollbar)}.bg-secondary{background-color:var(--secondary)}.bg-secondary-pastel{background-color:var(--secondary-pastel)}.bg-sidebar-background{background-color:var(--sidebar-background)}.bg-slider-border{background-color:var(--slider-border)}.bg-slider-thumb-background{background-color:var(--slider-thumb-background)}.bg-text{background-color:var(--text)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--warning)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-white\/0{--tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[rgb$226\2c 232\2c 240$\]\/50{--tw-gradient-to:rgba(226,232,240,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(226,232,240,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-white\/0{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)}.fill-popover-background{fill:var(--popover-background)}.stroke-white{stroke:#fff}.stroke-\[1\.3px\]{stroke-width:1.3px}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-\[0_24px_0_20px\]{padding:0 24px 0 20px}.p-\[0px_4px\]{padding:0 4px}.p-\[2px_4px\]{padding:2px 4px}.p-\[2px_6px\]{padding:2px 6px}.p-\[3px\]{padding:3px}.p-\[4px_6px\]{padding:4px 6px}.p-\[4px_8px\]{padding:4px 8px}.p-dialog-padding{padding:var(--dialog-padding)}.\!px-0\.5{padding-left:.125rem!important;padding-right:.125rem!important}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[1px\]{padding-left:1px;padding-right:1px}.px-\[2px\]{padding-left:2px;padding-right:2px}.px-\[6px\]{padding-left:6px;padding-right:6px}.px-medium{padding-left:16px;padding-right:16px}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-small{padding-top:8px;padding-bottom:8px}.pl-1\.5{padding-left:.375rem}.pl-3{padding-left:.75rem}.pr-1\.5{padding-right:.375rem}.pr-2\.5{padding-right:.625rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:Menlo,Monaco,Consolas,Courier New,monospace}.font-sans{font-family:__Inter_6b0edc,__Inter_Fallback_6b0edc,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.text-\[0\.7rem\]{font-size:.7rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[60\%\]{font-size:60%}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-button{font-size:.8rem;line-height:1.4;letter-spacing:-.2px}.text-code{font-size:90%;line-height:1.5}.text-heading1{font-size:1.953rem;line-height:1.6;letter-spacing:-.025em}.text-heading2{font-size:1.563rem;line-height:1.5;letter-spacing:-.025em}.text-heading3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em}.text-heading4{font-size:1rem;line-height:1.4}.text-heading5{font-size:.85rem;line-height:1.4}.text-label{font-size:.62rem;line-height:19px;letter-spacing:-.3px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-subtitle{font-size:1.563rem;line-height:1.75;letter-spacing:-.05em}.text-title{font-size:3.052rem;line-height:1.4;letter-spacing:-.05em}.text-xs{font-size:.75rem;line-height:1rem}.font-\[14px\]{font-weight:14px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.4\]{line-height:1.4}.leading-\[15px\]{line-height:15px}.leading-\[19px\]{line-height:19px}.leading-\[1\],.leading-none{line-height:1}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-segmented-control-item{color:var(--segmented-control-item)}.text-text{color:var(--text)}.text-text-disabled{color:var(--text-disabled)}.text-text-muted{color:var(--text-muted)}.text-text-subtle{color:var(--text-subtle)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.decoration-text-decorative-light{text-decoration-color:var(--text-decorative-light)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.shadow-\[0_0_0_1px_var$--chip-default-shadow$_inset\]{--tw-shadow:0 0 0 1px var(--chip-default-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_var$--chip-error-shadow$_inset\]{--tw-shadow:0 0 0 1px var(--chip-error-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_var$--chip-primary-shadow$_inset\]{--tw-shadow:0 0 0 1px var(--chip-primary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_var$--chip-secondary-shadow$_inset\]{--tw-shadow:0 0 0 1px var(--chip-secondary-shadow) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_var$--divider$_inset\]{--tw-shadow:0 0 0 1px var(--divider) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_38px_-10px_hsla$206\2c 22\%\2c 7\%\2c \.35$\2c 0_10px_20px_-15px_hsla$206\2c 22\%\2c 7\%\2c \.2$\]{--tw-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);--tw-shadow-colored:0 10px 38px -10px var(--tw-shadow-color),0 10px 20px -15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba$0\2c 0\2c 0\2c 0\.1$\]{--tw-shadow:0 1px 2px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba$0\2c 0\2c 0\2c 0\.2$\2c 0_0_12px_rgba$0\2c 0\2c 0\2c 0\.1$\],.shadow-\[0_2px_4px_rgba$0\2c 0\2c 0\2c 0\.2$\2c _0_0_12px_rgba$0\2c 0\2c 0\2c 0\.1$\]{--tw-shadow:0 2px 4px rgba(0,0,0,.2),0 0 12px rgba(0,0,0,.1);--tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba$0\2c 0\2c 0\2c 0\.2$_0_0_12px_rgba$0\2c 0\2c 0\2c 0\.1$\]{--tw-shadow:0 2px 4px rgba(0,0,0,.2) 0 0 12px rgba(0,0,0,.1);--tw-shadow-colored:0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-primary{--tw-ring-color:var(--primary)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[-webkit-app-region\:no-drag\]{-webkit-app-region:no-drag}.\[webkit-tap-highlight-color\:rgba$0\2c 0\2c 0\2c 0$\]{webkit-tap-highlight-color:transparent}:root{--logo-fill:#9698ac;--logo-highlight:#9698ac;--background:#fff;--text:#263053;--text-muted:#6b7188;--text-subtle:#757981;--text-disabled:#9698ac;--text-decorative-light:#a8b9d4;--divider-subtle:rgba(30,50,100,.04);--divider:rgba(30,50,100,.07);--divider-strong:rgba(30,50,100,.09);--primary:#6746ff;--primary-light:#9356ff;--primary-pastel:#eae6ff;--secondary:#009775;--secondary-light:#00a081;--secondary-pastel:#cdeee7;--secondary-bright:#0ab557;--input-background:#f0f2f6;--input-background-light:#f3f5f9;--code-background:#fafafa;--code-background-dark:#435080;--selected-background:#f2f5fa;--breadcrumb-text:#6b7188;--breadcrumb-text-hover:#757981;--breadcrumb-icon:#8183a5;--canvas-background:#f9f9f9;--canvas-grid:rgba(0,0,0,.05);--sidebar-background:#fff;--sidebar-background-transparent:hsla(0,0%,100%,.85);--popover-background:#fcfcfc;--popover-divider:transparent;--listview-raised-background:rgba(0,0,0,.03);--listview-editing-background:#fff;--slider-thumb-background:#fff;--slider-border:#9698ac;--mask:#0cc143;--transparent-checker:hsla(0,0%,100%,.8);--scrollbar:hsla(0,0%,78%,.8);--placeholder-dots:rgba(0,0,0,.3);--drag-outline:#6746ff;--active-background:rgba(0,0,0,.1);--thumbnail-background:#f0efff;--thumbnail-shadow:#d3ceed66;--inline-code-text:#6746ff;--inline-code-background:#f0f2f6;--text-link:#6746ff;--text-link-focused:#9356ff;--inset-top:46px;--sidebar-width:260px;--toolbar-height:46px;--toolbar-separator:8px;--inspector-h-separator:8px;--inspector-v-separator:10px;--dialog-padding:16px;--icon:#8183a5;--icon-selected:#dcdcdc;--warning:#fbd300;--segmented-control-item:#8b8b8b;--dot:rgba(0,0,0,.25);--row-highlight:#3390ff10;--table-row-background:var(--background);--interactable-z-index:2;--label-z-index:3;--menu-z-index:5000;--chip-primary-bg:rgba(238,229,255,.2);--chip-secondary-bg:rgba(205,238,231,.2);--chip-error-bg:hsla(0,100%,93%,.2);--chip-default-bg:rgba(0,0,0,.1);--chip-primary-shadow:#eee5ff;--chip-secondary-shadow:#cdeee7;--chip-error-shadow:#ffdbdb;--chip-default-shadow:#000;--floating-button:#f8f8fa}[data-theme=dark]{--background:#111;--logo-fill:#f8f8fa;--logo-highlight:#f8f8fa;--text:#f8f8fa;--text-muted:#b4b3b6;--text-subtle:#b4b3b6;--text-disabled:#73727e;--divider-subtle:hsla(0,0%,100%,.04);--divider:hsla(0,0%,100%,.08);--divider-strong:#000;--primary:#7742ff;--primary-light:#8656ff;--secondary-bright:#36fe91;--input-background:rgba(181,178,255,.08);--input-background-light:rgba(181,178,255,.1);--code-background:#141317;--canvas-background:#141317;--canvas-grid:rgba(0,0,0,.1);--sidebar-background:#222127;--sidebar-background-transparent:rgba(34,33,39,.95);--popover-background:#222127;--popover-divider:hsla(0,0%,100%,.08);--listview-raised-background:rgba(181,178,255,.1);--listview-editing-background:#000;--slider-thumb-background:#f8f8fa;--mask:#66bb6a;--transparent-checker:hsla(0,0%,100%,.3);--scrollbar:hsla(0,0%,78%,.2);--placeholder-dots:hsla(0,0%,100%,.3);--drag-outline:#fff;--active-background:rgba(181,178,255,.08);--thumbnail-background:#1f1d33;--thumbnail-shadow:#1f1d3366;--dot:hsla(0,0%,100%,.15);--table-row-background:var(--sidebar-background);--floating-button:#333}.placeholder\:text-text-disabled::-moz-placeholder{color:var(--text-disabled)}.placeholder\:text-text-disabled::placeholder{color:var(--text-disabled)}.read-only\:text-text-disabled:-moz-read-only{color:var(--text-disabled)}.read-only\:text-text-disabled:read-only{color:var(--text-disabled)}.hover\:bg-input-background-light:hover{background-color:var(--input-background-light)}.hover\:bg-primary-light:hover{background-color:var(--primary-light)}.hover\:bg-secondary-light:hover{background-color:var(--secondary-light)}.hover\:text-text:hover{color:var(--text)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:z-interactable:focus{z-index:var(--interactable-z-index)}.focus\:border-2:focus{border-width:2px}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:bg-primary:focus{background-color:var(--primary)}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:shadow-\[0_0_0_1px_var$--popover-background$_inset\]:focus{--tw-shadow:0 0 0 1px var(--popover-background) inset;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:shadow-\[0_0_0_1px_var$--sidebar-background$\2c 0_0_0_3px_var$--primary$\]:focus{--tw-shadow:0 0 0 1px var(--sidebar-background),0 0 0 3px var(--primary);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:shadow-\[0px_0px_0px_1px_var$--sidebar-background$\2c _0px_0px_0px_3px_var$--primary$\]:focus{--tw-shadow:0px 0px 0px 1px var(--sidebar-background),0px 0px 0px 3px var(--primary);--tw-shadow-colored:0px 0px 0px 1px var(--tw-shadow-color),0px 0px 0px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus\:ring-secondary:focus{--tw-ring-color:var(--secondary)}.focus\:ring-offset-1:focus,.focus\:ring-offset-\[1px\]:focus{--tw-ring-offset-width:1px}.active\:bg-active-background:active{background-color:var(--active-background)}.active\:bg-primary:active{background-color:var(--primary)}.active\:bg-primary-light:active{background-color:var(--primary-light)}.active\:bg-secondary:active{background-color:var(--secondary)}.active\:opacity-70:active{opacity:.7}.active\:opacity-90:active{opacity:.9}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:flex{display:flex}.peer:checked~.peer-checked\:opacity-100{opacity:1}.aria-checked\:bg-background[aria-checked=true]{background-color:var(--background)}.aria-checked\:bg-primary[aria-checked=true]{background-color:var(--primary)}.aria-checked\:bg-secondary[aria-checked=true]{background-color:var(--secondary)}.aria-checked\:text-text[aria-checked=true]{color:var(--text)}.aria-checked\:text-white[aria-checked=true]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.aria-checked\:shadow-\[0_1px_1px_rgba$0\2c 0\2c 0\2c 0\.1$\][aria-checked=true]{--tw-shadow:0 1px 1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[orientation\=vertical\]\:w-\[10px\][data-orientation=vertical]{width:10px}.data-\[state\=checked\]\:translate-x-\[15px\][data-state=checked]{--tw-translate-x:15px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:bg-secondary[data-state=checked]{background-color:var(--secondary)}@media (min-width:640px){.sm\:text-\[18px\]{font-size:18px}.sm\:text-\[36px\]{font-size:36px}}@media (min-width:1024px){.lg\:absolute{position:absolute}}.\[\&\>\\]\:pointer-events-none>*{pointer-events:none}.\[\&\>div\]\:block>div{display:block}

package/dist/index.d.mts CHANGED Viewed

@@ -333,17 +333,12 @@ declare namespace InputField {
     } & React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) => React__default.JSX.Element;
 }
-type ComboboxProps = {
+type BaseComboboxProps = {
     id?: string;
     loading?: boolean;
-    initialValue?: string;
     placeholder?: string;
     items: ComboboxItem[];
-    onChange?: (value: string) => void;
-    onHoverItem?: (item: ComboboxOption | undefined) => void;
-    onSelectItem?: (item: ComboboxOption) => void;
     onFocus?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
-    onBlur?: (didSubmit: boolean, value: string) => void;
     onDeleteWhenEmpty?: () => void;
     size?: InputFieldSize;
     style?: React__default.CSSProperties;
@@ -351,14 +346,34 @@ type ComboboxProps = {
     label?: React__default.ReactNode;
     children?: React__default.ReactNode;
     hideMenuWhenEmptyValue?: boolean;
-    allowArbitraryValues?: boolean;
     readOnly?: boolean;
     tabBehavior?: "autocomplete" | "select";
     openMenuBehavior?: "showAllItems" | "showFilteredItems";
 };
+type StringModeOnlyProps = {
+    mode: "string";
+    value?: string;
+    onChange?: (value: string) => void;
+    onSelectItem?: (value: string) => void;
+    onBlur?: (didSubmit: boolean, value: string) => void;
+    onHoverItem?: (value: string | undefined) => void;
+    allowArbitraryValues?: boolean;
+};
+type StringModeProps = BaseComboboxProps & StringModeOnlyProps;
+type OptionModeOnlyProps = {
+    mode?: "option";
+    value?: ComboboxOption;
+    onChange?: (value: ComboboxOption) => void;
+    onSelectItem?: (value: ComboboxOption) => void;
+    onBlur?: (didSubmit: boolean, value: ComboboxOption) => void;
+    onHoverItem?: (value: ComboboxOption | undefined) => void;
+    allowArbitraryValues?: false;
+};
+type OptionModeProps = BaseComboboxProps & OptionModeOnlyProps;
+type ComboboxProps = StringModeProps | OptionModeProps;
 interface ComboboxRef {
     focus(): void;
-    setValue(value: string): void;
+    setValue(value: string | ComboboxOption): void;
     selectAllInputText(): void;
 }
 declare const Combobox: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<ComboboxProps & React__default.RefAttributes<ComboboxRef>>>;
@@ -789,6 +804,7 @@ type Props$6<T extends string> = {
     label?: React__default.ReactNode;
     onFocus?: FocusEventHandler;
     onBlur?: FocusEventHandler;
+    contentStyle?: React__default.CSSProperties;
 } & Pick<SelectProps, "open" | "onOpenChange">;
 declare const labelTextStyles = "font-sans text-label uppercase text-text-disabled leading-[19px] font-bold text-[60%]";
 declare const SelectMenu: <T extends string = string>(props: Props$6<T>) => React__default.ReactElement | null;
@@ -1198,13 +1214,25 @@ declare const Italic: ({ children }: {
     children: ReactNode;
 }) => React__default.JSX.Element;
-declare const useAutoResize: (value: string) => React__default.MutableRefObject<HTMLTextAreaElement | null>;
-declare const AutoResizingTextArea: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
-    onChangeText: (value: string) => void;
+declare const useAutoResize: (value: string | undefined) => React__default.MutableRefObject<HTMLTextAreaElement | null>;
+declare const TextArea: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+    onChangeText?: (value: string) => void;
     value?: string;
+    autoResize?: boolean;
+} & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>>>;
+declare const TextAreaRow: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Omit<{
+    className?: string;
+    textAreaClassName?: string;
+    textAreaRef?: React__default.Ref<HTMLTextAreaElement>;
     end?: React__default.ReactNode;
     endClassName?: string;
-} & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>>>;
+} & Omit<{
+    onChangeText?: (value: string) => void;
+    value?: string;
+    autoResize?: boolean;
+} & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>, "ref"> & {
+    ref?: ((instance: HTMLTextAreaElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLTextAreaElement> | null | undefined;
+}, "ref"> & React__default.RefAttributes<HTMLDivElement>>>;
 declare const Toast: ({ title, content, children, ...props }: {
     title?: string;
@@ -1295,37 +1323,35 @@ type PanelLayoutState = {
 declare function usePreservePanelSize(panelGroupRef: React__default.RefObject<ImperativePanelGroupHandle | null>, setPanelLayoutState?: (state: PanelLayoutState) => void): void;
 interface Props$1 {
+    id?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
     autoSavePrefix?: string;
-    leftSidebarContent?: React__default.ReactNode;
+    left?: React__default.ReactNode;
+    leftOptions?: SideOptions;
     children?: React__default.ReactNode;
-    rightSidebarContent?: React__default.ReactNode;
-    hasRightSidebar?: boolean;
-    hasLeftSidebar?: boolean;
+    right?: React__default.ReactNode;
+    rightOptions?: SideOptions;
+    toolbar?: React__default.ReactNode;
     onChangeLayoutState?: (layoutState: PanelLayoutState) => void;
-    leftSidebarCanResize?: boolean;
-    rightSidebarCanResize?: boolean;
-    id?: string;
-    className?: string;
+}
+type IWorkspaceLayout = {
+    setLeftExpanded: (expanded: boolean) => void;
+    setRightExpanded: (expanded: boolean) => void;
+    toggleSides: () => void;
+    toggleLeft: () => void;
+    toggleRight: () => void;
+};
+type SideOptions = {
     style?: React__default.CSSProperties;
+    className?: string;
+    resizable?: boolean;
     /**
      * Accepts a number (px) or % string (e.g. "50%").
      * Use % to avoid flicker server-rendering.
      */
-    leftSidebarInitialSize?: number | string;
-    leftSidebarMinSize?: number | string;
-    /**
-     * Accepts a number (px) or % string (e.g. "50%").
-     * Use % to avoid flicker server-rendering.
-     */
-    rightSidebarInitialSize?: number | string;
-    rightSidebarMinSize?: number | string;
-}
-type IWorkspaceLayout = {
-    setLeftSidebarExpanded: (expanded: boolean) => void;
-    setRightSidebarExpanded: (expanded: boolean) => void;
-    toggleAllSidebars: () => void;
-    toggleLeftSidebar: () => void;
-    toggleRightSidebar: () => void;
+    initialSize?: number | string;
+    minSize?: number | string;
 };
 declare const WorkspaceLayout: React__default.ForwardRefExoticComponent<Props$1 & React__default.RefAttributes<IWorkspaceLayout>>;
@@ -1567,4 +1593,4 @@ declare function ToolbarMenu<T extends string>({ items, onSelectMenuItem, }: {
     onSelectMenuItem?: (value: T) => void;
 }): React__default.JSX.Element;
-export { ActivityIndicator, AnimatePresence, type AnimatePresenceProps, AutoResizingTextArea, Avatar, type AvatarProps, AvatarStack, BaseToolbar, type BaseToolbarProps, Body, Button, type ButtonRootProps, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Combobox, type ComboboxItem, ComboboxMenu, type ComboboxOption, type ComboboxProps, type ComboboxRef, type ComboboxSectionHeader, ComboboxState, type ComboboxStateSnapshot, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, EDITOR_PANEL_GROUP_ID, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IScoredItem, type IToken, type IVirtualizedList, type IWorkspaceLayout, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, InputField, type InputFieldInputProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, type InternalComboboxItem, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, Message, type MessageProps, type Optional, type PanelLayoutState, PatternPreviewBackground, Popover, Progress, RIGHT_SIDEBAR_ID, type RegularMenuItem, type RelativeDropPosition, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, Toolbar, ToolbarMenu, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserPointer, type UserPointerProps, WorkspaceLayout, colorForStringValues, colorFromString, createSectionedMenu, cssVars, cx, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getKeyboardShortcutsForMenuItems, getNewValue, labelTextStyles, mediaQuery, normalizeListDestinationIndex, renderIcon, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, textStyles, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenConfirmationDialog, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, useTheme, withSeparatorElements };
+export { ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, Button, type ButtonRootProps, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Combobox, type ComboboxItem, ComboboxMenu, type ComboboxOption, type ComboboxProps, type ComboboxRef, type ComboboxSectionHeader, ComboboxState, type ComboboxStateSnapshot, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, EDITOR_PANEL_GROUP_ID, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IScoredItem, type IToken, type IVirtualizedList, type IWorkspaceLayout, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, InputField, type InputFieldInputProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, type InternalComboboxItem, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, Message, type MessageProps, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, Popover, Progress, RIGHT_SIDEBAR_ID, type RegularMenuItem, type RelativeDropPosition, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SetNumberMode, type SideOptions, type SketchPattern, Slider, Small, Sortable, Spacer, type StringModeOnlyProps, type StringModeProps, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, Toolbar, ToolbarMenu, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserPointer, type UserPointerProps, WorkspaceLayout, colorForStringValues, colorFromString, createSectionedMenu, cssVars, cx, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getKeyboardShortcutsForMenuItems, getNewValue, labelTextStyles, mediaQuery, normalizeListDestinationIndex, renderIcon, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, textStyles, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenConfirmationDialog, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, useTheme, withSeparatorElements };

package/dist/index.d.ts CHANGED Viewed

@@ -333,17 +333,12 @@ declare namespace InputField {
     } & React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) => React__default.JSX.Element;
 }
-type ComboboxProps = {
+type BaseComboboxProps = {
     id?: string;
     loading?: boolean;
-    initialValue?: string;
     placeholder?: string;
     items: ComboboxItem[];
-    onChange?: (value: string) => void;
-    onHoverItem?: (item: ComboboxOption | undefined) => void;
-    onSelectItem?: (item: ComboboxOption) => void;
     onFocus?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
-    onBlur?: (didSubmit: boolean, value: string) => void;
     onDeleteWhenEmpty?: () => void;
     size?: InputFieldSize;
     style?: React__default.CSSProperties;
@@ -351,14 +346,34 @@ type ComboboxProps = {
     label?: React__default.ReactNode;
     children?: React__default.ReactNode;
     hideMenuWhenEmptyValue?: boolean;
-    allowArbitraryValues?: boolean;
     readOnly?: boolean;
     tabBehavior?: "autocomplete" | "select";
     openMenuBehavior?: "showAllItems" | "showFilteredItems";
 };
+type StringModeOnlyProps = {
+    mode: "string";
+    value?: string;
+    onChange?: (value: string) => void;
+    onSelectItem?: (value: string) => void;
+    onBlur?: (didSubmit: boolean, value: string) => void;
+    onHoverItem?: (value: string | undefined) => void;
+    allowArbitraryValues?: boolean;
+};
+type StringModeProps = BaseComboboxProps & StringModeOnlyProps;
+type OptionModeOnlyProps = {
+    mode?: "option";
+    value?: ComboboxOption;
+    onChange?: (value: ComboboxOption) => void;
+    onSelectItem?: (value: ComboboxOption) => void;
+    onBlur?: (didSubmit: boolean, value: ComboboxOption) => void;
+    onHoverItem?: (value: ComboboxOption | undefined) => void;
+    allowArbitraryValues?: false;
+};
+type OptionModeProps = BaseComboboxProps & OptionModeOnlyProps;
+type ComboboxProps = StringModeProps | OptionModeProps;
 interface ComboboxRef {
     focus(): void;
-    setValue(value: string): void;
+    setValue(value: string | ComboboxOption): void;
     selectAllInputText(): void;
 }
 declare const Combobox: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<ComboboxProps & React__default.RefAttributes<ComboboxRef>>>;
@@ -789,6 +804,7 @@ type Props$6<T extends string> = {
     label?: React__default.ReactNode;
     onFocus?: FocusEventHandler;
     onBlur?: FocusEventHandler;
+    contentStyle?: React__default.CSSProperties;
 } & Pick<SelectProps, "open" | "onOpenChange">;
 declare const labelTextStyles = "font-sans text-label uppercase text-text-disabled leading-[19px] font-bold text-[60%]";
 declare const SelectMenu: <T extends string = string>(props: Props$6<T>) => React__default.ReactElement | null;
@@ -1198,13 +1214,25 @@ declare const Italic: ({ children }: {
     children: ReactNode;
 }) => React__default.JSX.Element;
-declare const useAutoResize: (value: string) => React__default.MutableRefObject<HTMLTextAreaElement | null>;
-declare const AutoResizingTextArea: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
-    onChangeText: (value: string) => void;
+declare const useAutoResize: (value: string | undefined) => React__default.MutableRefObject<HTMLTextAreaElement | null>;
+declare const TextArea: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+    onChangeText?: (value: string) => void;
     value?: string;
+    autoResize?: boolean;
+} & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>>>;
+declare const TextAreaRow: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Omit<{
+    className?: string;
+    textAreaClassName?: string;
+    textAreaRef?: React__default.Ref<HTMLTextAreaElement>;
     end?: React__default.ReactNode;
     endClassName?: string;
-} & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>>>;
+} & Omit<{
+    onChangeText?: (value: string) => void;
+    value?: string;
+    autoResize?: boolean;
+} & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>, "ref"> & {
+    ref?: ((instance: HTMLTextAreaElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLTextAreaElement> | null | undefined;
+}, "ref"> & React__default.RefAttributes<HTMLDivElement>>>;
 declare const Toast: ({ title, content, children, ...props }: {
     title?: string;
@@ -1295,37 +1323,35 @@ type PanelLayoutState = {
 declare function usePreservePanelSize(panelGroupRef: React__default.RefObject<ImperativePanelGroupHandle | null>, setPanelLayoutState?: (state: PanelLayoutState) => void): void;
 interface Props$1 {
+    id?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
     autoSavePrefix?: string;
-    leftSidebarContent?: React__default.ReactNode;
+    left?: React__default.ReactNode;
+    leftOptions?: SideOptions;
     children?: React__default.ReactNode;
-    rightSidebarContent?: React__default.ReactNode;
-    hasRightSidebar?: boolean;
-    hasLeftSidebar?: boolean;
+    right?: React__default.ReactNode;
+    rightOptions?: SideOptions;
+    toolbar?: React__default.ReactNode;
     onChangeLayoutState?: (layoutState: PanelLayoutState) => void;
-    leftSidebarCanResize?: boolean;
-    rightSidebarCanResize?: boolean;
-    id?: string;
-    className?: string;
+}
+type IWorkspaceLayout = {
+    setLeftExpanded: (expanded: boolean) => void;
+    setRightExpanded: (expanded: boolean) => void;
+    toggleSides: () => void;
+    toggleLeft: () => void;
+    toggleRight: () => void;
+};
+type SideOptions = {
     style?: React__default.CSSProperties;
+    className?: string;
+    resizable?: boolean;
     /**
      * Accepts a number (px) or % string (e.g. "50%").
      * Use % to avoid flicker server-rendering.
      */
-    leftSidebarInitialSize?: number | string;
-    leftSidebarMinSize?: number | string;
-    /**
-     * Accepts a number (px) or % string (e.g. "50%").
-     * Use % to avoid flicker server-rendering.
-     */
-    rightSidebarInitialSize?: number | string;
-    rightSidebarMinSize?: number | string;
-}
-type IWorkspaceLayout = {
-    setLeftSidebarExpanded: (expanded: boolean) => void;
-    setRightSidebarExpanded: (expanded: boolean) => void;
-    toggleAllSidebars: () => void;
-    toggleLeftSidebar: () => void;
-    toggleRightSidebar: () => void;
+    initialSize?: number | string;
+    minSize?: number | string;
 };
 declare const WorkspaceLayout: React__default.ForwardRefExoticComponent<Props$1 & React__default.RefAttributes<IWorkspaceLayout>>;
@@ -1567,4 +1593,4 @@ declare function ToolbarMenu<T extends string>({ items, onSelectMenuItem, }: {
     onSelectMenuItem?: (value: T) => void;
 }): React__default.JSX.Element;
-export { ActivityIndicator, AnimatePresence, type AnimatePresenceProps, AutoResizingTextArea, Avatar, type AvatarProps, AvatarStack, BaseToolbar, type BaseToolbarProps, Body, Button, type ButtonRootProps, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Combobox, type ComboboxItem, ComboboxMenu, type ComboboxOption, type ComboboxProps, type ComboboxRef, type ComboboxSectionHeader, ComboboxState, type ComboboxStateSnapshot, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, EDITOR_PANEL_GROUP_ID, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IScoredItem, type IToken, type IVirtualizedList, type IWorkspaceLayout, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, InputField, type InputFieldInputProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, type InternalComboboxItem, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, Message, type MessageProps, type Optional, type PanelLayoutState, PatternPreviewBackground, Popover, Progress, RIGHT_SIDEBAR_ID, type RegularMenuItem, type RelativeDropPosition, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, Toolbar, ToolbarMenu, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserPointer, type UserPointerProps, WorkspaceLayout, colorForStringValues, colorFromString, createSectionedMenu, cssVars, cx, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getKeyboardShortcutsForMenuItems, getNewValue, labelTextStyles, mediaQuery, normalizeListDestinationIndex, renderIcon, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, textStyles, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenConfirmationDialog, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, useTheme, withSeparatorElements };
+export { ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, Button, type ButtonRootProps, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Combobox, type ComboboxItem, ComboboxMenu, type ComboboxOption, type ComboboxProps, type ComboboxRef, type ComboboxSectionHeader, ComboboxState, type ComboboxStateSnapshot, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, EDITOR_PANEL_GROUP_ID, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IScoredItem, type IToken, type IVirtualizedList, type IWorkspaceLayout, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, InputField, type InputFieldInputProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, type InternalComboboxItem, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, Message, type MessageProps, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, Popover, Progress, RIGHT_SIDEBAR_ID, type RegularMenuItem, type RelativeDropPosition, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SetNumberMode, type SideOptions, type SketchPattern, Slider, Small, Sortable, Spacer, type StringModeOnlyProps, type StringModeProps, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, Toolbar, ToolbarMenu, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserPointer, type UserPointerProps, WorkspaceLayout, colorForStringValues, colorFromString, createSectionedMenu, cssVars, cx, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getKeyboardShortcutsForMenuItems, getNewValue, labelTextStyles, mediaQuery, normalizeListDestinationIndex, renderIcon, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, textStyles, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenConfirmationDialog, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, useTheme, withSeparatorElements };