@noya-app/noya-designsystem 0.1.36 → 0.1.37

package/.turbo/turbo-build.log

@@ -8,20 +8,20 @@
 CJS Build start
 ESM Build start
 DTS Build start
-CJS dist/index.js     636.80 KB
+CJS dist/index.js     639.11 KB
 CJS dist/index.js.map 1.13 MB
-CJS ⚡️ Build success in 494ms
-ESM dist/index.mjs     622.87 KB
+CJS ⚡️ Build success in 358ms
+ESM dist/index.mjs     625.13 KB
 ESM dist/index.mjs.map 1.13 MB
-ESM ⚡️ Build success in 504ms
+ESM ⚡️ Build success in 358ms
 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 1005ms.
+Done in 890ms.
 
-DTS ⚡️ Build success in 7051ms
-DTS dist/index.d.ts  44.21 KB
-DTS dist/index.d.mts 44.21 KB
+DTS ⚡️ Build success in 6538ms
+DTS dist/index.d.ts  44.52 KB
+DTS dist/index.d.mts 44.52 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @noya-app/noya-designsystem
 
+## 0.1.37
+
+### Patch Changes
+
+- bbe8d57: Polymorphic fields
+
 ## 0.1.36
 
 ### Patch Changes

package/dist/index.css

@@ -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}.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-5{left:1.25rem}.right-0{right:0}.right-6{right:1.5rem}.right-\[2px\]{right:2px}.right-\[4px\]{right:4px}.right-\[5px\]{right:5px}.right-\[9px\]{right:9px}.right-dialog-padding{right:var(--dialog-padding)}.top-0{top:0}.top-1\/2{top:50%}.top-\[10px\]{top:10px}.top-\[2px\]{top:2px}.top-\[4px\]{top:4px}.top-\[5px\]{top:5px}.top-dialog-padding{top:var(--dialog-padding)}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1\]{z-index:1}.z-\[2147483647\]{z-index:2147483647}.-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-2{margin-left:-.5rem}.-mr-2{margin-right:-.5rem}.mb-\[5px\]{margin-bottom:5px}.ml-\[-2px\]{margin-left:-2px}.ml-\[2px\]{margin-left:2px}.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-3{height:.75rem}.h-4{height:1rem}.h-\[100px\]{height:100px}.h-\[15px\]{height:15px}.h-\[19px\]{height:19px}.h-\[25px\]{height:25px}.h-\[27px\]{height:27px}.h-\[2px\]{height:2px}.h-\[5px\]{height:5px}.h-full{height:100%}.h-px{height:1px}.max-h-\[600px\]{max-height:600px}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0}.min-h-\[19px\]{min-height:19px}.min-h-\[27px\]{min-height:27px}.min-h-px{min-height:1px}.w-0{width:0}.w-3{width:.75rem}.w-8{width:2rem}.w-\[0\.9rem\]{width:.9rem}.w-\[15px\]{width:15px}.w-\[240px\]{width:240px}.w-\[25px\]{width:25px}.w-\[50px\]{width:50px}.w-\[680px\]{width:680px}.w-\[90vw\]{width:90vw}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.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}.flex-1{flex:1 1 0%}.flex-\[0_0_auto\]{flex:0 0 auto}.flex-\[1_1_0px\]{flex:1 1 0px}.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}.scale-75,.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))}.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-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-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-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-\[20px\]{border-radius:20px}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-\[rgba\(128\2c 128\2c 128\2c 0\.2\)\]{border-color:hsla(0,0%,50%,.2)}.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-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\.1\)\]{background-color:rgba(0,0,0,.1)}.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{background-color:rgba(0,0,0,.5)}.bg-\[rgba\(205\2c 238\2c 231\2c 0\.2\)\]{background-color:rgba(205,238,231,.2)}.bg-\[rgba\(238\2c 229\2c 255\2c 0\.2\)\]{background-color:rgba(238,229,255,.2)}.bg-\[rgba\(255\2c 219\2c 219\2c 0\.2\)\]{background-color:hsla(0,100%,93%,.2)}.bg-active-background{background-color:var(--active-background)}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-divider{background-color:var(--divider)}.bg-divider-strong{background-color:var(--divider-strong)}.bg-divider-subtle{background-color:var(--divider-subtle)}.bg-input-background{background-color:var(--input-background)}.bg-listview-editing-background{background-color:var(--listview-editing-background)}.bg-popover-background{background-color:var(--popover-background)}.bg-primary{background-color:var(--primary)}.bg-primary-pastel{background-color:var(--primary-pastel)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.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-background{background-color:var(--slider-background)}.bg-text{background-color:var(--text)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--warning)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-none{background-image:none}.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)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.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-\[6px_8px\]{padding:6px 8px}.p-dialog-padding{padding:var(--dialog-padding)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-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-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.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-\[6px\]{padding-left:6px}.pr-6{padding-right:1.5rem}.pr-\[16px\]{padding-right:16px}.pr-\[6px\]{padding-right:6px}.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-\[0\.8rem\]{font-size:.8rem}.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\]{line-height:1}.tracking-\[0\.4px\]{letter-spacing:.4px}.text-primary{color:var(--primary)}.text-radio-group-item{color:var(--radio-group-item)}.text-secondary{color:var(--secondary)}.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-25{opacity:.25}.opacity-50{opacity:.5}.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_var\(--shadow-color\)_0_0_12px_var\(--shadow-color\)\]{--tw-shadow:0 2px 4px var(--shadow-color) 0 0 12px var(--shadow-color);--tw-shadow-colored:0 2px 4px 0 var(--tw-shadow-color)}.shadow-\[0_2px_4px_var\(--shadow-color\)_0_0_12px_var\(--shadow-color\)\],.shadow-none{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}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);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)}.\!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)!important}.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-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[-webkit-app-region\:no-drag\]{-webkit-app-region:no-drag}.\[clip-path\:circle\(50\%\)\]{clip-path:circle(50%)}.\[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-background:#fff;--slider-border:#bbb;--radio-group-background:#fff;--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;--radio-group-item:#8b8b8b;--dot:rgba(0,0,0,.25);--row-highlight:#3390ff10;--table-row-background:var(--background)}[data-theme=dark]{--background:#111;--logo-fill:#f8f8fa;--logo-highlight:#f8f8fa;--text:#f8f8fa;--text-muted:#b4b3b6;--text-subtle:#b4b3b6;--text-disabled:#646366;--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-background:#bbb;--radio-group-background:rgba(181,178,255,.08);--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)}.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\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_0_0_2px_var\(--sidebar-background\)\]:hover{--tw-shadow:0 0 0 2px var(--sidebar-background);--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color)}.hover\:shadow-\[0_0_0_2px_var\(--sidebar-background\)\]:hover,.hover\:shadow-none:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.focus\:z-10:focus{z-index:10}.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\:outline-primary:focus{outline-color:var(--primary)}.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-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}.group:hover .group-hover\:flex{display:flex}.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}}.\[\&\>\*\]\:pointer-events-none>*{pointer-events:none}.\[\&\>div\]\:block>div{display:block}
+*,: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}.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-5{left:1.25rem}.right-0{right:0}.right-6{right:1.5rem}.right-\[2px\]{right:2px}.right-\[4px\]{right:4px}.right-\[5px\]{right:5px}.right-\[9px\]{right:9px}.right-dialog-padding{right:var(--dialog-padding)}.top-0{top:0}.top-1\/2{top:50%}.top-\[10px\]{top:10px}.top-\[2px\]{top:2px}.top-\[4px\]{top:4px}.top-\[5px\]{top:5px}.top-dialog-padding{top:var(--dialog-padding)}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1\]{z-index:1}.z-\[2147483647\]{z-index:2147483647}.-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-2{margin-left:-.5rem}.-mr-2{margin-right:-.5rem}.mb-\[5px\]{margin-bottom:5px}.ml-\[-2px\]{margin-left:-2px}.ml-\[2px\]{margin-left:2px}.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-3{height:.75rem}.h-4{height:1rem}.h-\[100px\]{height:100px}.h-\[15px\]{height:15px}.h-\[19px\]{height:19px}.h-\[25px\]{height:25px}.h-\[27px\]{height:27px}.h-\[2px\]{height:2px}.h-\[5px\]{height:5px}.h-full{height:100%}.h-px{height:1px}.max-h-\[600px\]{max-height:600px}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0}.min-h-\[19px\]{min-height:19px}.min-h-\[27px\]{min-height:27px}.min-h-px{min-height:1px}.w-0{width:0}.w-3{width:.75rem}.w-8{width:2rem}.w-\[0\.9rem\]{width:.9rem}.w-\[15px\]{width:15px}.w-\[19px\]{width:19px}.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-\[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}.flex-1{flex:1 1 0%}.flex-\[0_0_auto\]{flex:0 0 auto}.flex-\[1_1_0px\]{flex:1 1 0px}.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}.scale-75,.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))}.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-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-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-\[20px\]{border-radius:20px}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-\[rgba\(128\2c 128\2c 128\2c 0\.2\)\]{border-color:hsla(0,0%,50%,.2)}.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-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\.1\)\]{background-color:rgba(0,0,0,.1)}.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{background-color:rgba(0,0,0,.5)}.bg-\[rgba\(205\2c 238\2c 231\2c 0\.2\)\]{background-color:rgba(205,238,231,.2)}.bg-\[rgba\(238\2c 229\2c 255\2c 0\.2\)\]{background-color:rgba(238,229,255,.2)}.bg-\[rgba\(255\2c 219\2c 219\2c 0\.2\)\]{background-color:hsla(0,100%,93%,.2)}.bg-active-background{background-color:var(--active-background)}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-divider{background-color:var(--divider)}.bg-divider-strong{background-color:var(--divider-strong)}.bg-divider-subtle{background-color:var(--divider-subtle)}.bg-input-background{background-color:var(--input-background)}.bg-listview-editing-background{background-color:var(--listview-editing-background)}.bg-popover-background{background-color:var(--popover-background)}.bg-primary{background-color:var(--primary)}.bg-primary-pastel{background-color:var(--primary-pastel)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.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-background{background-color:var(--slider-background)}.bg-text{background-color:var(--text)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--warning)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-none{background-image:none}.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}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.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-\[6px_8px\]{padding:6px 8px}.p-dialog-padding{padding:var(--dialog-padding)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-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-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.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-\[6px\]{padding-left:6px}.pr-\[16px\]{padding-right:16px}.pr-\[6px\]{padding-right:6px}.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-\[0\.8rem\]{font-size:.8rem}.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}.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\]{line-height:1}.text-primary{color:var(--primary)}.text-radio-group-item{color:var(--radio-group-item)}.text-secondary{color:var(--secondary)}.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-25{opacity:.25}.opacity-50{opacity:.5}.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_var\(--shadow-color\)_0_0_12px_var\(--shadow-color\)\]{--tw-shadow:0 2px 4px var(--shadow-color) 0 0 12px var(--shadow-color);--tw-shadow-colored:0 2px 4px 0 var(--tw-shadow-color)}.shadow-\[0_2px_4px_var\(--shadow-color\)_0_0_12px_var\(--shadow-color\)\],.shadow-none{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}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);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)}.\!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)!important}.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-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}.\[-webkit-app-region\:no-drag\]{-webkit-app-region:no-drag}.\[clip-path\:circle\(50\%\)\]{clip-path:circle(50%)}.\[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-background:#fff;--slider-border:#bbb;--radio-group-background:#fff;--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;--radio-group-item:#8b8b8b;--dot:rgba(0,0,0,.25);--row-highlight:#3390ff10;--table-row-background:var(--background)}[data-theme=dark]{--background:#111;--logo-fill:#f8f8fa;--logo-highlight:#f8f8fa;--text:#f8f8fa;--text-muted:#b4b3b6;--text-subtle:#b4b3b6;--text-disabled:#646366;--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-background:#bbb;--radio-group-background:rgba(181,178,255,.08);--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)}.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\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_0_0_2px_var\(--sidebar-background\)\]:hover{--tw-shadow:0 0 0 2px var(--sidebar-background);--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color)}.hover\:shadow-\[0_0_0_2px_var\(--sidebar-background\)\]:hover,.hover\:shadow-none:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.focus\:z-10:focus{z-index:10}.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-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}.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}}.\[\&\>\*\]\:pointer-events-none>*{pointer-events:none}.\[\&\>div\]\:block>div{display:block}

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { CSSProperties, ReactNode, ComponentProps, SyntheticEvent, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, Ref, ReactHTML } from 'react';
+import React__default, { CSSProperties, ReactNode, InputHTMLAttributes, ComponentProps, SyntheticEvent, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, Ref, LabelHTMLAttributes, ReactHTML } from 'react';
 import * as Icons from '@noya-app/noya-icons';
 export { Icons };
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -64,6 +64,11 @@ interface ButtonRootProps {
 }
 declare const Button: (props: ButtonRootProps & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement | null;
 
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    colorScheme?: "primary" | "secondary";
+}
+declare const Checkbox$1: (props: CheckboxProps & React__default.RefAttributes<HTMLInputElement>) => React__default.ReactElement | null;
+
 type ChipColorScheme = "primary" | "secondary" | "error";
 type ChipSize = "small" | "medium" | "large";
 type ChipVariant = "solid" | "outlined" | "ghost";
@@ -606,13 +611,9 @@ declare const InspectorContainer: (props: {
     style?: React__default.CSSProperties;
 } & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement | null;
 
-interface LabelRootProps {
-    label: ReactNode;
-    children: ReactNode;
-}
-declare namespace Label {
-    const Root: (props: LabelRootProps) => React__default.ReactElement | null;
+interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
 }
+declare const Label: (props: LabelProps & React__default.RefAttributes<HTMLLabelElement>) => React__default.ReactElement | null;
 
 interface ContainerProps {
     children: ReactNode;
@@ -704,13 +705,14 @@ declare namespace Spacer {
 
 type SwitchColorScheme = "normal" | "primary" | "secondary";
 interface Props$3 {
+    id?: string;
     value: boolean;
     onChange: (value: boolean) => void;
     /** @default normal */
     colorScheme?: SwitchColorScheme;
     disabled?: boolean;
 }
-declare const Switch: ({ value, onChange, colorScheme, disabled, }: Props$3) => React__default.JSX.Element;
+declare const Switch: ({ id, value, onChange, colorScheme, disabled, }: Props$3) => React__default.JSX.Element;
 
 declare const config: Config;
 
@@ -988,7 +990,10 @@ declare function sketchColorToRgbaString(value: Sketch.Color): string;
 declare function rgbaToSketchColor(value: RgbaColor): Sketch.Color;
 declare function sketchColorToHex(value: Sketch.Color): string;
 
-declare function withSeparatorElements(elements: ReactNode, separator: ReactNode | (() => ReactNode)): (string | number | React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | React$1.ReactPortal)[];
+interface SeparatorOptions {
+    traverseFragments?: boolean;
+}
+declare function withSeparatorElements(elements: ReactNode, separator: ReactNode | (() => ReactNode), options?: SeparatorOptions): ReactNode[];
 
 type SetNumberMode = "replace" | "adjust";
 declare function getNewValue(value: number, mode: SetNumberMode, delta?: number): number;
@@ -1050,4 +1055,4 @@ declare module "react" {
     function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 
-export { ActivityIndicator, AutoResizingTextArea, Avatar, AvatarStack, Body, Button, type ButtonRootProps, CONTENT_AREA_ID, Chip, type ChipProps, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, 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, InputFieldWithCompletions, type InputFieldWithCompletionsProps, type InputFieldWithCompletionsRef, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, type PanelLayoutState, PatternPreviewBackground, Popover, Progress, RIGHT_SIDEBAR_ID, RadioGroup, type RegularMenuItem, type RelativeDropPosition, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, 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, Tooltip, TreeView, WorkspaceLayout, cn, createSectionedMenu, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, mediaQuery, normalizeListDestinationIndex, renderIcon, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, textStyles, useAutoResize, useCurrentFloatingWindowInternal, useDarkMode, useDesignSystemConfiguration, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, withSeparatorElements };
+export { ActivityIndicator, AutoResizingTextArea, Avatar, AvatarStack, Body, Button, type ButtonRootProps, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, 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, InputFieldWithCompletions, type InputFieldWithCompletionsProps, type InputFieldWithCompletionsRef, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, type PanelLayoutState, PatternPreviewBackground, Popover, Progress, RIGHT_SIDEBAR_ID, RadioGroup, type RegularMenuItem, type RelativeDropPosition, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, 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, Tooltip, TreeView, WorkspaceLayout, cn, createSectionedMenu, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, mediaQuery, normalizeListDestinationIndex, renderIcon, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, textStyles, useAutoResize, useCurrentFloatingWindowInternal, useDarkMode, useDesignSystemConfiguration, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, withSeparatorElements };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { CSSProperties, ReactNode, ComponentProps, SyntheticEvent, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, Ref, ReactHTML } from 'react';
+import React__default, { CSSProperties, ReactNode, InputHTMLAttributes, ComponentProps, SyntheticEvent, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, Ref, LabelHTMLAttributes, ReactHTML } from 'react';
 import * as Icons from '@noya-app/noya-icons';
 export { Icons };
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -64,6 +64,11 @@ interface ButtonRootProps {
 }
 declare const Button: (props: ButtonRootProps & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement | null;
 
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    colorScheme?: "primary" | "secondary";
+}
+declare const Checkbox$1: (props: CheckboxProps & React__default.RefAttributes<HTMLInputElement>) => React__default.ReactElement | null;
+
 type ChipColorScheme = "primary" | "secondary" | "error";
 type ChipSize = "small" | "medium" | "large";
 type ChipVariant = "solid" | "outlined" | "ghost";
@@ -606,13 +611,9 @@ declare const InspectorContainer: (props: {
     style?: React__default.CSSProperties;
 } & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement | null;
 
-interface LabelRootProps {
-    label: ReactNode;
-    children: ReactNode;
-}
-declare namespace Label {
-    const Root: (props: LabelRootProps) => React__default.ReactElement | null;
+interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
 }
+declare const Label: (props: LabelProps & React__default.RefAttributes<HTMLLabelElement>) => React__default.ReactElement | null;
 
 interface ContainerProps {
     children: ReactNode;
@@ -704,13 +705,14 @@ declare namespace Spacer {
 
 type SwitchColorScheme = "normal" | "primary" | "secondary";
 interface Props$3 {
+    id?: string;
     value: boolean;
     onChange: (value: boolean) => void;
     /** @default normal */
     colorScheme?: SwitchColorScheme;
     disabled?: boolean;
 }
-declare const Switch: ({ value, onChange, colorScheme, disabled, }: Props$3) => React__default.JSX.Element;
+declare const Switch: ({ id, value, onChange, colorScheme, disabled, }: Props$3) => React__default.JSX.Element;
 
 declare const config: Config;
 
@@ -988,7 +990,10 @@ declare function sketchColorToRgbaString(value: Sketch.Color): string;
 declare function rgbaToSketchColor(value: RgbaColor): Sketch.Color;
 declare function sketchColorToHex(value: Sketch.Color): string;
 
-declare function withSeparatorElements(elements: ReactNode, separator: ReactNode | (() => ReactNode)): (string | number | React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | React$1.ReactPortal)[];
+interface SeparatorOptions {
+    traverseFragments?: boolean;
+}
+declare function withSeparatorElements(elements: ReactNode, separator: ReactNode | (() => ReactNode), options?: SeparatorOptions): ReactNode[];
 
 type SetNumberMode = "replace" | "adjust";
 declare function getNewValue(value: number, mode: SetNumberMode, delta?: number): number;
@@ -1050,4 +1055,4 @@ declare module "react" {
     function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 
-export { ActivityIndicator, AutoResizingTextArea, Avatar, AvatarStack, Body, Button, type ButtonRootProps, CONTENT_AREA_ID, Chip, type ChipProps, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, 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, InputFieldWithCompletions, type InputFieldWithCompletionsProps, type InputFieldWithCompletionsRef, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, type PanelLayoutState, PatternPreviewBackground, Popover, Progress, RIGHT_SIDEBAR_ID, RadioGroup, type RegularMenuItem, type RelativeDropPosition, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, 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, Tooltip, TreeView, WorkspaceLayout, cn, createSectionedMenu, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, mediaQuery, normalizeListDestinationIndex, renderIcon, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, textStyles, useAutoResize, useCurrentFloatingWindowInternal, useDarkMode, useDesignSystemConfiguration, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, withSeparatorElements };
+export { ActivityIndicator, AutoResizingTextArea, Avatar, AvatarStack, Body, Button, type ButtonRootProps, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, 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, InputFieldWithCompletions, type InputFieldWithCompletionsProps, type InputFieldWithCompletionsRef, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, type PanelLayoutState, PatternPreviewBackground, Popover, Progress, RIGHT_SIDEBAR_ID, RadioGroup, type RegularMenuItem, type RelativeDropPosition, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, 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, Tooltip, TreeView, WorkspaceLayout, cn, createSectionedMenu, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, mediaQuery, normalizeListDestinationIndex, renderIcon, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, textStyles, useAutoResize, useCurrentFloatingWindowInternal, useDarkMode, useDesignSystemConfiguration, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, withSeparatorElements };