@noya-app/noya-designsystem 0.1.31 → 0.1.33

package/.turbo/turbo-build.log

@@ -1,18 +1,26 @@
-$ tsup src/index.tsx --format cjs,esm --dts --sourcemap
-CLI Building entry: src/index.tsx
+
+$ tsup
+CLI Building entry: ./src/index.tsx
 CLI Using tsconfig: tsconfig.json
-CLI tsup v8.0.1
+CLI tsup v6.6.2
 CLI Using tsup config: /Users/devinabbott/Projects/noya-core/packages/noya-designsystem/tsup.config.ts
 CLI Target: esnext
 CJS Build start
 ESM Build start
+ESM dist/index.mjs     623.22 KB
+ESM dist/index.mjs.map 1.04 MB
+ESM ⚡️ Build success in 152ms
+CJS dist/index.js     637.06 KB
+CJS dist/index.js.map 1.04 MB
+CJS ⚡️ Build success in 152ms
 DTS Build start
-ESM dist/index.mjs     575.19 KB
-ESM dist/index.mjs.map 1.05 MB
-ESM ⚡️ Build success in 409ms
-CJS dist/index.js     592.90 KB
-CJS dist/index.js.map 1.06 MB
-CJS ⚡️ Build success in 409ms
-DTS ⚡️ Build success in 9539ms
-DTS dist/index.d.ts  57.96 KB
-DTS dist/index.d.mts 57.96 KB
+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 247ms.
+
+DTS ⚡️ Build success in 2493ms
+DTS dist/index.d.ts 44.10 KB

package/.turbo/turbo-lint.log

@@ -1,4 +1,5 @@
-$ eslint . --max-warnings 0
+
+$ eslint . --max-warnings 0
 =============
 
 WARNING: You are currently running a version of TypeScript which is not officially supported by @typescript-eslint/typescript-estree.

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @noya-app/noya-designsystem
 
+## 0.1.33
+
+### Patch Changes
+
+- Updated dependencies [c3a0c5c]
+  - @noya-app/noya-colorpicker@0.1.12
+
+## 0.1.32
+
+### Patch Changes
+
+- 69b5fdd: Update packages
+- cad98cf: Replaced styled-components with tailwindcss
+
 ## 0.1.31
 
 ### Patch Changes

package/README.md

@@ -1 +1,13 @@
-This is a regular package
+# Noya Design System
+
+## Installation
+
+```bash
+npm install @noya-app/noya-designsystem
+```
+
+Import the the stylesheet at the root of your app:
+
+```ts
+import "@noya-app/noya-designsystem/index.css";
+```

package/dist/index.css

@@ -0,0 +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-primary{--tw-gradient-from:var(--primary) 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)}.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-primary-light{--tw-gradient-to:var(--primary-light) var(--tw-gradient-to-position)}.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}