@noya-app/noya-designsystem 0.1.40 → 0.1.41

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CLI Target: esnext
 CJS Build start
 ESM Build start
-CJS dist/index.js     595.07 KB
-CJS dist/index.js.map 1.06 MB
-CJS ⚡️ Build success in 154ms
-ESM dist/index.mjs     580.37 KB
+ESM dist/index.mjs     580.96 KB
 ESM dist/index.mjs.map 1.06 MB
-ESM ⚡️ Build success in 154ms
+ESM ⚡️ Build success in 160ms
+CJS dist/index.js     595.70 KB
+CJS dist/index.js.map 1.06 MB
+CJS ⚡️ Build success in 162ms
 DTS Build start
 Browserslist: caniuse-lite is outdated. Please run:
   npx update-browserslist-db@latest
@@ -20,8 +20,8 @@ Browserslist: caniuse-lite is outdated. Please run:
 
 Rebuilding...
 
-Done in 374ms.
+Done in 318ms.
 
-DTS ⚡️ Build success in 4652ms
-DTS dist/index.d.ts  58.40 KB
-DTS dist/index.d.mts 58.40 KB
+DTS ⚡️ Build success in 4367ms
+DTS dist/index.d.ts  58.34 KB
+DTS dist/index.d.mts 58.34 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @noya-app/noya-designsystem
 
+## 0.1.41
+
+### Patch Changes
+
+- 03c9a74: Improve slider UI and inspector polymorphism
+
 ## 0.1.40
 
 ### 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}.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-\[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}.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-\[100px\]{height:100px}.h-\[15px\]{height:15px}.h-\[19px\]{height:19px}.h-\[25px\]{height:25px}.h-\[27px\]{height:27px}.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-\[19px\]{min-height:19px}.min-h-\[27px\]{min-height:27px}.min-h-px{min-height:1px}.w-0{width:0}.w-2{width:.5rem}.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}.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}.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-ew-resize{cursor:ew-resize}.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-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}.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-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-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-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-background{background-color:var(--slider-background)}.bg-slider-border{background-color:var(--slider-border)}.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}.stroke-\[1\.3px\]{stroke-width:1.3px}.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-1\.5{padding-top:.375rem;padding-bottom:.375rem}.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-4{padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:Menlo,Monaco,Consolas,Courier New,monospace}.font-sans{font-family:__Inter_6b0edc,__Inter_Fallback_6b0edc,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.text-\[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-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-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-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 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)}.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{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-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}.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-background:#fff;--slider-border:#9698ac;--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);--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:#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);--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\:translate-y-\[-1px\]:hover{--tw-translate-y:-1px;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))}.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\: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}
+*,: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-\[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}.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-\[100px\]{height:100px}.h-\[15px\]{height:15px}.h-\[19px\]{height:19px}.h-\[25px\]{height:25px}.h-\[27px\]{height:27px}.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-\[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-\[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}.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}.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-ew-resize{cursor:ew-resize}.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-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}.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-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-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-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-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}.stroke-\[1\.3px\]{stroke-width:1.3px}.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-1\.5{padding-top:.375rem;padding-bottom:.375rem}.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-4{padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:Menlo,Monaco,Consolas,Courier New,monospace}.font-sans{font-family:__Inter_6b0edc,__Inter_Fallback_6b0edc,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.text-\[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-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-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-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 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)}.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{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-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}.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;--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);--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;--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);--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\:translate-y-\[-1px\]:hover{--tw-translate-y:-1px;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))}.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\: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

@@ -739,12 +739,13 @@ interface Props$5 {
     onValueChange: (value: number) => void;
     min: number;
     max: number;
+    step?: number;
     colorScheme?: ColorScheme;
     label?: React__default.ReactNode;
     onFocus?: FocusEventHandler;
     onBlur?: FocusEventHandler;
 }
-declare const Slider: ({ id, style, className, value, onValueChange, min, max, colorScheme, label, onFocus, onBlur, }: Props$5) => React__default.JSX.Element;
+declare const Slider: React__default.NamedExoticComponent<Props$5>;
 
 interface Props$4 {
     size?: number | string;
@@ -812,7 +813,7 @@ declare const config: {
                 "popover-divider": string;
                 "listview-raised-background": string;
                 "listview-editing-background": string;
-                "slider-background": string;
+                "slider-thumb-background": string;
                 "slider-border": string;
                 "radio-group-background": string;
                 mask: string;
@@ -979,7 +980,7 @@ declare const cssVars: {
         popoverDivider: string;
         listviewRaisedBackground: string;
         listviewEditingBackground: string;
-        sliderBackground: string;
+        sliderThumbBackground: string;
         sliderBorder: string;
         radioGroupBackground: string;
         mask: string;

package/dist/index.d.ts

@@ -739,12 +739,13 @@ interface Props$5 {
     onValueChange: (value: number) => void;
     min: number;
     max: number;
+    step?: number;
     colorScheme?: ColorScheme;
     label?: React__default.ReactNode;
     onFocus?: FocusEventHandler;
     onBlur?: FocusEventHandler;
 }
-declare const Slider: ({ id, style, className, value, onValueChange, min, max, colorScheme, label, onFocus, onBlur, }: Props$5) => React__default.JSX.Element;
+declare const Slider: React__default.NamedExoticComponent<Props$5>;
 
 interface Props$4 {
     size?: number | string;
@@ -812,7 +813,7 @@ declare const config: {
                 "popover-divider": string;
                 "listview-raised-background": string;
                 "listview-editing-background": string;
-                "slider-background": string;
+                "slider-thumb-background": string;
                 "slider-border": string;
                 "radio-group-background": string;
                 mask: string;
@@ -979,7 +980,7 @@ declare const cssVars: {
         popoverDivider: string;
         listviewRaisedBackground: string;
         listviewEditingBackground: string;
-        sliderBackground: string;
+        sliderThumbBackground: string;
         sliderBorder: string;
         radioGroupBackground: string;
         mask: string;

package/dist/index.js

@@ -2148,7 +2148,7 @@ var Checkbox = (0, import_react7.memo)(
             bg-input-background
             transition-colors
             border
-            border-input-border
+            border-divider
             disabled:opacity-50
             disabled:cursor-not-allowed
             focus:ring-2
@@ -2336,7 +2336,7 @@ var config = {
         "popover-divider": "var(--popover-divider)",
         "listview-raised-background": "var(--listview-raised-background)",
         "listview-editing-background": "var(--listview-editing-background)",
-        "slider-background": "var(--slider-background)",
+        "slider-thumb-background": "var(--slider-thumb-background)",
         "slider-border": "var(--slider-border)",
         "radio-group-background": "var(--radio-group-background)",
         mask: "var(--mask)",
@@ -14541,7 +14541,11 @@ var SelectItem = import_react60.default.forwardRef(
 var RadixSlider = __toESM(require("@radix-ui/react-slider"));
 var import_react61 = __toESM(require("react"));
 var labelStyles2 = `font-sans text-label uppercase text-text-disabled leading-[19px] font-bold text-[60%] pointer-events-none flex items-center z-label`;
-var Slider = function Slider2({
+var THUMB_WIDTH = 8;
+var thumbStyle = {
+  width: THUMB_WIDTH
+};
+var Slider = (0, import_react61.memo)(function Slider2({
   id,
   style: style5,
   className,
@@ -14549,6 +14553,7 @@ var Slider = function Slider2({
   onValueChange,
   min,
   max,
+  step,
   colorScheme,
   label,
   onFocus,
@@ -14558,33 +14563,50 @@ var Slider = function Slider2({
     () => [Math.min(Math.max(value, min), max)],
     [value, min, max]
   );
-  const percentage = (0, import_react61.useMemo)(() => {
-    const percent = (arrayValue[0] - min) / (max - min) * 100;
-    return `${percent}%`;
-  }, [arrayValue, min, max]);
   const handleValueChange = (0, import_react61.useCallback)(
     (arrayValue2) => {
       onValueChange(arrayValue2[0]);
     },
     [onValueChange]
   );
+  const percentage = (0, import_react61.useMemo)(() => {
+    const rawPercent = (arrayValue[0] - min) / (max - min);
+    const adjustedPercent = rawPercent * (100 - THUMB_WIDTH * 100 / 300) + THUMB_WIDTH * 50 / 300;
+    return {
+      raw: rawPercent * 100,
+      adjusted: adjustedPercent
+    };
+  }, [arrayValue, min, max]);
+  const trackFillStyle = (0, import_react61.useMemo)(
+    () => ({
+      clipPath: `inset(0 ${100 - percentage.adjusted}% 0 0)`
+    }),
+    [percentage.adjusted]
+  );
+  const labelStyle = (0, import_react61.useMemo)(
+    () => ({
+      clipPath: `inset(0 ${100 - percentage.raw}% 0 0)`
+    }),
+    [percentage.raw]
+  );
   return /* @__PURE__ */ import_react61.default.createElement(
     RadixSlider.Root,
     {
       min,
       max,
+      step,
       id,
       value: arrayValue,
       onValueChange: handleValueChange,
       className: cx(
-        "flex relative items-center select-none touch-none h-[27px]",
+        "flex relative items-center select-none touch-none h-[27px] rounded overflow-hidden",
         className
       ),
       style: style5,
       onFocus,
       onBlur
     },
-    /* @__PURE__ */ import_react61.default.createElement(RadixSlider.Track, { className: "bg-divider relative flex-grow h-full rounded overflow-hidden" }, label && /* @__PURE__ */ import_react61.default.createElement(
+    /* @__PURE__ */ import_react61.default.createElement(RadixSlider.Track, { className: "relative flex-grow h-full rounded overflow-hidden bg-input-background" }, label && /* @__PURE__ */ import_react61.default.createElement(
       "label",
       {
         htmlFor: id,
@@ -14592,10 +14614,11 @@ var Slider = function Slider2({
       },
       label
     ), /* @__PURE__ */ import_react61.default.createElement(
-      RadixSlider.Range,
+      "div",
       {
+        style: trackFillStyle,
         className: cx(
-          "absolute h-full rounded",
+          "absolute inset-0 w-full h-full rounded overflow-hidden",
           colorScheme === void 0 && "bg-slider-border",
           colorScheme === "primary" && "bg-primary",
           colorScheme === "secondary" && "bg-secondary"
@@ -14605,8 +14628,9 @@ var Slider = function Slider2({
     /* @__PURE__ */ import_react61.default.createElement(
       RadixSlider.Thumb,
       {
+        style: thumbStyle,
         className: cx(
-          "block w-2 h-[27px] rounded border border-solid bg-slider-background focus:outline-none cursor-ew-resize",
+          "block h-[27px] rounded border border-solid bg-slider-thumb-background focus:outline-none cursor-ew-resize",
           colorScheme === void 0 && "border-slider-border",
           colorScheme === "primary" && "border-primary",
           colorScheme === "secondary" && "border-secondary"
@@ -14621,12 +14645,12 @@ var Slider = function Slider2({
           labelStyles2,
           "absolute top-0 bottom-0 left-2 right-2 text-white overflow-hidden flex justify-end"
         ),
-        style: { clipPath: `inset(0 ${100 - parseFloat(percentage)}% 0 0)` }
+        style: labelStyle
       },
       label
     )
   );
-};
+});
 
 // src/components/Switch.tsx
 var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));