strata-ui-react 0.1.14 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/strata-ui-react.cjs.js +4 -4
- package/dist/strata-ui-react.es.js +775 -776
- package/dist/strata-ui-react.umd.js +4 -4
- package/dist/styles.css +2 -0
- package/package.json +50 -33
- package/dist/index.d.ts +0 -312
- package/dist/style.css +0 -2
package/dist/styles.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100..700&display=swap";@import "https://utopia.fyi/space/calculator?c=360,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--container-2xs:18rem;--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-\[0px\]{inset:0}.top-1\/2{top:50%}.top-\[1rem\]{top:1rem}.top-auto{top:auto}.top-full{top:100%}.right-\[1rem\]{right:1rem}.right-auto{right:auto}.bottom-\[6rem\]{bottom:6rem}.bottom-auto{bottom:auto}.left-1\/2{left:50%}.left-\[1rem\]{left:1rem}.left-auto{left:auto}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[calc\(1000-var\(--toast-index\)\)\]{z-index:calc(1000 - var(--toast-index))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-\[14px\]{width:14px;height:14px}.size-full{width:100%;height:100%}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[4px\]{height:4px}.h-\[26px\]{height:26px}.h-\[200px\]{height:200px}.h-fit{height:fit-content}.h-full{height:100%}.min-h-dvh{min-height:100dvh}.w-\(--active-tab-width\){width:var(--active-tab-width)}.w-1\/4{width:25%}.w-2xs{width:var(--container-2xs)}.w-\[1px\]{width:1px}.w-\[2px\]{width:2px}.w-\[4px\]{width:4px}.w-\[50px\]{width:50px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100vw-3rem\)\]{max-width:calc(100vw - 3rem)}.min-w-1\/3{min-width:33.3333%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\(--active-tab-left\){--tw-translate-x:var(--active-tab-left);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[6px\]{--tw-translate-x:6px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\(--active-tab-top\){--tw-translate-y:var(--active-tab-top);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[0\.7rem\]{--tw-translate-y:.7rem;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[1\.2rem\]{--tw-translate-y:1.2rem;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)\+calc\(min\(var\(--toast-index\)\,10\)\*-15px\)\)\)_scale\(calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\)\]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--toast-swipe-movement-y) + calc(min(var(--toast-index),10)*-15px)))scale(calc(max(0,1 - (var(--toast-index)*.1))))}.transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)\+calc\(min\(var\(--toast-index\)\,10\)\*15px\)\)\)_scale\(calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\)\]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--toast-swipe-movement-y) + calc(min(var(--toast-index),10)*15px)))scale(calc(max(0,1 - (var(--toast-index)*.1))))}.animate-in{animation:.2s cubic-bezier(.16,1,.3,1) fadeInUp}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px;border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-none{--tw-border-style:none;border-style:none}.bg-transparent{background-color:#0000}.bg-size-\[6\.5rem_100\%\]{background-size:6.5rem 100%}.bg-clip-padding{background-clip:padding-box}.object-cover{object-fit:cover}.p-\[2px\]{padding:2px}.text-center{text-align:center}.align-middle{vertical-align:middle}.style-text-default--1,.style-text-default-0,.style-text-default-1{font-family:var(--text-font);font-size:var(--text-size);font-weight:var(--text-weight);line-height:var(--text-leading,normal);letter-spacing:normal}.text-\[0\.6rem\]{font-size:.6rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-balance{text-wrap:balance}.break-keep{word-break:keep-all}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.opacity-0{opacity:0}.opacity-50{opacity:.5}.inset-shadow-1-shadow,.inset-shadow-2-shadow,.inset-shadow-sm{box-shadow:inset var(--inset-position)var(--inset-position)var(--inset-blur)0 var(--inset-color)}.raised-1{box-shadow:inset -1px -1px 2px #00000059,inset 1px 1px 2px #ffffff26,1px 1px 2px #00000040}.raised-2{box-shadow:inset -2px -2px 4px #00000059,inset 2px 2px 4px #ffffff26,2px 2px 4px #00000040}.raised-4{box-shadow:inset -4px -4px 8px #00000059,inset 4px 4px 8px #ffffff26,4px 4px 8px #00000040}.shadow-1-shadow,.shadow-4-shadow,.shadow-lg,.shadow-xs{box-shadow:var(--shadow-position)var(--shadow-position)var(--shadow-blur)0 var(--shadow-color)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-transparent{outline-color:#0000}.transition-\[width\,height\,border\]{transition-property:width,height,border;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[transition-property\:opacity\,transform\]{transition-property:opacity,transform}.delay-300{transition-delay:.3s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-\[cubic-bezier\(0\.26\,0\.75\,0\.38\,0\.45\)\]{--tw-ease:cubic-bezier(.26,.75,.38,.45);transition-timing-function:cubic-bezier(.26,.75,.38,.45)}.ease-\[cubic-bezier\(0\.68\,-0\.55\,0\.27\,1\.55\)\]{--tw-ease:cubic-bezier(.68,-.55,.27,1.55);transition-timing-function:cubic-bezier(.68,-.55,.27,1.55)}.style-text-default--1{--text-font:var(--font-body);--text-weight:500;--text-size:var(--text-sm)}.style-text-default-0{--text-font:var(--font-body);--text-weight:500;--text-size:var(--text-base)}.style-text-default-1{--text-font:var(--font-body);--text-weight:500;--text-size:var(--text-lg)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:opacity-60::placeholder{opacity:.6}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-full:after{content:var(--tw-content);top:100%}.after\:bottom-full:after{content:var(--tw-content);bottom:100%}.after\:h-\[calc\(var\(--gap\)\+1px\)\]:after{content:var(--tw-content);height:calc(var(--gap) + 1px)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:content-\[\"\"\]:after,.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:raised-1:hover{box-shadow:inset -1px -1px 2px #00000059,inset 1px 1px 2px #ffffff26,1px 1px 2px #00000040}.hover\:raised-2:hover{box-shadow:inset -2px -2px 4px #00000059,inset 2px 2px 4px #ffffff26,2px 2px 4px #00000040}.hover\:raised-4:hover{box-shadow:inset -4px -4px 8px #00000059,inset 4px 4px 8px #ffffff26,4px 4px 8px #00000040}.hover\:raised-8:hover{box-shadow:inset -8px -8px 16px #00000059,inset 8px 8px 16px #ffffff26,8px 8px 16px #00000040}}.focus-visible\:relative:focus-visible{position:relative}.focus-visible\:before\:absolute:focus-visible:before{content:var(--tw-content);position:absolute}.focus-visible\:before\:outline:focus-visible:before{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:1px}.active\:border-transparent:active{border-color:#0000}.active\:bg-transparent:active{background-color:#0000}.active\:inset-shadow-1-shadow:active,.active\:inset-shadow-2-shadow:active,.active\:inset-shadow-3-shadow:active{box-shadow:inset var(--inset-position)var(--inset-position)var(--inset-blur)0 var(--inset-color)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.hover\:disabled\:cursor-not-allowed:hover:disabled{cursor:not-allowed}}.data-checked\:size-\[18px\][data-checked]{width:18px;height:18px}.data-checked\:translate-x-\[26px\][data-checked]{--tw-translate-x:26px;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-checked\:scale-\[1\.1\][data-checked]{scale:1.1}.data-checked\:raised-1[data-checked]{box-shadow:inset -1px -1px 2px #00000059,inset 1px 1px 2px #ffffff26,1px 1px 2px #00000040}.data-ending-style\:scale-90[data-ending-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-ending-style\:opacity-0[data-ending-style]{opacity:0}.data-expanded\:transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-offset-y\)\*-1\+calc\(var\(--toast-index\)\*var\(--gap\)\*-1\)\+var\(--toast-swipe-movement-y\)\)\)\][data-expanded]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--toast-offset-y)*-1 + calc(var(--toast-index)*var(--gap)*-1) + var(--toast-swipe-movement-y)))}.data-expanded\:transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-offset-y\)\+calc\(var\(--toast-index\)\*var\(--gap\)\)\+var\(--toast-swipe-movement-y\)\)\)\][data-expanded]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--toast-offset-y) + calc(var(--toast-index)*var(--gap)) + var(--toast-swipe-movement-y)))}.data-hovering\:opacity-100[data-hovering]{opacity:1}.data-hovering\:delay-0[data-hovering]{transition-delay:0s}.data-hovering\:duration-75[data-hovering]{--tw-duration:75ms;transition-duration:75ms}.data-limited\:opacity-0[data-limited]{opacity:0}.data-scrolling\:opacity-100[data-scrolling]{opacity:1}.data-scrolling\:delay-0[data-scrolling]{transition-delay:0s}.data-scrolling\:duration-75[data-scrolling]{--tw-duration:75ms;transition-duration:75ms}.data-starting-style\:scale-90[data-starting-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-starting-style\:transform-\[translateY\(-150\%\)\][data-starting-style]{transform:translateY(-150%)}.data-starting-style\:transform-\[translateY\(150\%\)\][data-starting-style]{transform:translateY(150%)}.data-starting-style\:opacity-0[data-starting-style]{opacity:0}.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true]{cursor:not-allowed}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}@media (hover:hover){.data-\[disabled\=true\]\:hover\:outline-transparent[data-disabled=true]:hover{outline-color:#0000}}.data-\[side\=bottom\]\:top-\[-8px\][data-side=bottom]{top:-8px}.data-\[side\=left\]\:right-\[-13px\][data-side=left]{right:-13px}.data-\[side\=left\]\:rotate-90[data-side=left]{rotate:90deg}.data-\[side\=right\]\:left-\[-13px\][data-side=right]{left:-13px}.data-\[side\=right\]\:-rotate-90[data-side=right]{rotate:-90deg}.data-\[side\=top\]\:bottom-\[-8px\][data-side=top]{bottom:-8px}.data-\[side\=top\]\:rotate-180[data-side=top]{rotate:180deg}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:.2s cubic-bezier(.7,0,.84,0) fadeOutDown}.data-ending-style\:data-\[swipe-direction\=down\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-ending-style][data-swipe-direction=down],.data-expanded\:data-ending-style\:data-\[swipe-direction\=down\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.data-ending-style\:data-\[swipe-direction\=left\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=left],.data-expanded\:data-ending-style\:data-\[swipe-direction\=left\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%))translateY(var(--offset-y))}.data-ending-style\:data-\[swipe-direction\=right\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=right],.data-expanded\:data-ending-style\:data-\[swipe-direction\=right\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%))translateY(var(--offset-y))}.data-ending-style\:data-\[swipe-direction\=up\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-ending-style][data-swipe-direction=up],.data-expanded\:data-ending-style\:data-\[swipe-direction\=up\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}@supports (-webkit-touch-callout:none){.supports-\[-webkit-touch-callout\:none\]\:absolute{position:absolute}}@media (min-width:48rem){.md\:rounded-full{border-radius:3.40282e38px}}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:transform-\[translateY\(-150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(-150%)}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:transform-\[translateY\(150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(150%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.94)}}@keyframes scaleInUp{0%{opacity:0;transform:translateY(4px)scale(.9)}50%{opacity:.8;transform:translateY(-2px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scaleOutDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(4px)scale(.9)}}}:root{--primary:var(--color-blue-500);--on-primary:var(--color-white-200);--primary-container:var(--color-blue-100);--on-primary-container:var(--color-blue-600);--on-primary-container-variant:var(--color-blue-900);--secondary:var(--color-slate-700);--on-secondary:var(--color-white-200);--secondary-container:var(--color-slate-100);--on-secondary-container:var(--color-slate-600);--on-secondary-container-variant:var(--color-slate-900);--accent:var(--color-lime-500);--on-accent:var(--color-white-200);--accent-container:var(--color-lime-100);--on-accent-container:var(--color-lime-600);--on-accent-container-variant:var(--color-lime-900);--error:var(--color-red-500);--on-error:var(--color-white-200);--error-container:var(--color-red-100);--on-error-container:var(--color-red-800);--on-error-container-variant:var(--color-red-700);--success:var(--color-green-500);--on-success:var(--color-white-200);--success-container:var(--color-green-100);--on-success-container:var(--color-green-800);--on-success-container-variant:var(--color-green-700);--warning:var(--color-orange-500);--on-warning:var(--color-white-200);--warning-container:var(--color-orange-100);--on-warning-container:var(--color-orange-800);--on-warning-container-variant:var(--color-orange-700);--surface-dim:var(--color-white-300);--surface:var(--color-white-200);--surface-bright:var(--color-white-150);--surface-container-lowest:var(--color-white-150);--surface-container-low:var(--color-white-100);--surface-container:var(--color-white-75);--surface-container-high:var(--color-white-50);--surface-container-highest:var(--color-white-25);--on-surface:var(--color-black-200);--on-surface-variant:var(--color-black-800);--outline:var(--color-white-900);--outline-variant:var(--color-white-600);--inverse-surface:var(--color-black-100);--inverse-on-surface:var(--color-white-200);--inverse-primary:var(--color-blue-300);--scrim:#00000059;--shadow:#00000040;--glass-fill-lowest:#ffffff14;--glass-fill-low:#ffffff1f;--glass-fill-medium:#ffffff29;--glass-fill-high:#fff3;--glass-fill-highest:#ffffff40;--on-glass:var(--color-black-400);--on-glass-variant:var(--color-black-700);--inverse-glass-fill:#1e1e1e;--inverse-on-glass:var(--color-white-400);--glass-outline-lowest:#fff6;--glass-outline-low:#ffffff80;--glass-outline-medium:#fff9;--glass-outline-high:#ffffffb2;--glass-outline-highest:#fffc}.dark{--primary:var(--color-blue-400);--on-primary:var(--color-black-100);--primary-container:var(--color-blue-900);--on-primary-container:var(--color-blue-400);--on-primary-container-variant:var(--color-blue-100);--secondary:var(--color-slate-500);--on-secondary:var(--color-black-100);--secondary-container:var(--color-slate-900);--on-secondary-container:var(--color-slate-400);--on-secondary-container-variant:var(--color-slate-100);--accent:var(--color-lime-200);--on-accent:var(--color-black-100);--accent-container:var(--color-lime-900);--on-accent-container:var(--color-lime-400);--on-accent-container-variant:var(--color-lime-100);--error:var(--color-red-500);--on-error:var(--color-black-100);--error-container:var(--color-red-900);--on-error-container:var(--color-red-400);--on-error-container-variant:var(--color-red-200);--success:var(--color-green-300);--on-success:var(--color-black-100);--success-container:var(--color-green-900);--on-success-container:var(--color-green-200);--on-success-container-variant:var(--color-green-300);--warning:var(--color-orange-300);--on-warning:var(--color-black-100);--warning-container:var(--color-orange-900);--on-warning-container:var(--color-orange-400);--on-warning-container-variant:var(--color-orange-200);--surface-dim:var(--color-black-75);--surface:var(--color-black-100);--surface-bright:var(--color-black-150);--surface-container-lowest:var(--color-black-200);--surface-container-low:var(--color-black-250);--surface-container:var(--color-black-300);--surface-container-high:var(--color-black-400);--surface-container-highest:var(--color-black-500);--on-surface:var(--color-white-200);--on-surface-variant:var(--color-white-900);--outline:var(--color-black-600);--outline-variant:var(--color-black-400);--inverse-surface:var(--color-white-200);--inverse-on-surface:var(--color-black-200);--inverse-primary:var(--color-blue-600);--scrim:#00000059;--shadow:#0009;--glass-fill-lowest:#19191926;--glass-fill-low:#19191933;--glass-fill-medium:#19191940;--glass-fill-high:#1919194d;--glass-fill-highest:#19191959;--on-glass:var(--color-white-400);--on-glass-variant:var(--color-white-700);--inverse-glass-fill:#eceef0;--inverse-on-glass:var(--color-black-400);--glass-outline-lowest:#fff3;--glass-outline-low:#ffffff4d;--glass-outline-medium:#fff6;--glass-outline-high:#ffffff80;--glass-outline-highest:#fff9}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
package/package.json
CHANGED
|
@@ -1,71 +1,88 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "strata-ui-react",
|
|
3
|
-
"
|
|
4
|
-
"private": false,
|
|
5
|
-
"version": "0.1.14",
|
|
3
|
+
"version": "0.2.0",
|
|
6
4
|
"type": "module",
|
|
7
|
-
"
|
|
8
|
-
"
|
|
5
|
+
"author": "PHNTMbandit",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "https://github.com/PHNTMbandit/strata-ui-react"
|
|
9
|
+
},
|
|
9
10
|
"types": "./dist/index.d.ts",
|
|
11
|
+
"main": "./dist/strata-ui-react.umd.js",
|
|
12
|
+
"module": "./dist/strata-ui-react.es.js",
|
|
10
13
|
"exports": {
|
|
11
14
|
".": {
|
|
12
15
|
"types": "./dist/index.d.ts",
|
|
13
16
|
"import": "./dist/strata-ui-react.es.js",
|
|
14
|
-
"require": "./dist/strata-ui-react.
|
|
17
|
+
"require": "./dist/strata-ui-react.umd.js"
|
|
15
18
|
},
|
|
16
|
-
"./styles
|
|
19
|
+
"./styles": "./dist/styles.css"
|
|
17
20
|
},
|
|
18
21
|
"files": [
|
|
19
22
|
"dist"
|
|
20
23
|
],
|
|
21
24
|
"sideEffects": [
|
|
22
|
-
"
|
|
25
|
+
"*.css"
|
|
23
26
|
],
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
+
"dependencies": {
|
|
28
|
+
"@tailwindcss/cli": "^4.1.18",
|
|
29
|
+
"@tailwindcss/vite": "^4.1.18",
|
|
30
|
+
"class-variance-authority": "^0.7.1",
|
|
31
|
+
"clsx": "^2.1.1",
|
|
32
|
+
"tailwind-merge": "^3.4.0",
|
|
33
|
+
"tailwindcss": "^4.1.18"
|
|
27
34
|
},
|
|
28
35
|
"devDependencies": {
|
|
29
36
|
"@base-ui/react": "^1.0.0",
|
|
30
|
-
"@
|
|
37
|
+
"@biomejs/biome": "2.3.10",
|
|
38
|
+
"@chromatic-com/storybook": "^4.1.3",
|
|
39
|
+
"@commitlint/cli": "^20.2.0",
|
|
40
|
+
"@commitlint/config-conventional": "^20.2.0",
|
|
31
41
|
"@phosphor-icons/react": "^2.1.10",
|
|
32
|
-
"@
|
|
33
|
-
"@
|
|
42
|
+
"@storybook/addon-a11y": "^10.1.10",
|
|
43
|
+
"@storybook/addon-docs": "^10.1.10",
|
|
44
|
+
"@storybook/addon-onboarding": "^10.1.10",
|
|
45
|
+
"@storybook/addon-themes": "^10.1.10",
|
|
46
|
+
"@storybook/addon-vitest": "^10.1.10",
|
|
47
|
+
"@storybook/react-vite": "^10.1.10",
|
|
34
48
|
"@tanstack/react-form": "^1.27.6",
|
|
35
49
|
"@tanstack/react-ranger": "^0.0.5",
|
|
36
|
-
"@
|
|
50
|
+
"@testing-library/dom": "^10.4.1",
|
|
51
|
+
"@testing-library/react": "^16.3.1",
|
|
52
|
+
"@types/node": "^25.0.3",
|
|
37
53
|
"@types/react": "^19.2.7",
|
|
38
54
|
"@types/react-dom": "^19.2.3",
|
|
39
55
|
"@vitejs/plugin-react": "^5.1.2",
|
|
56
|
+
"@vitest/browser-playwright": "^4.0.16",
|
|
57
|
+
"@vitest/coverage-v8": "^4.0.16",
|
|
40
58
|
"babel-plugin-react-compiler": "^1.0.0",
|
|
41
|
-
"class-variance-authority": "^0.7.1",
|
|
42
|
-
"clsx": "^2.1.1",
|
|
43
|
-
"eslint": "^9.39.2",
|
|
44
|
-
"eslint-plugin-react-hooks": "^7.0.1",
|
|
45
|
-
"eslint-plugin-react-refresh": "^0.4.26",
|
|
46
59
|
"globals": "^16.5.0",
|
|
60
|
+
"husky": "^9.1.7",
|
|
61
|
+
"jsdom": "^27.4.0",
|
|
62
|
+
"playwright": "^1.57.0",
|
|
47
63
|
"react": "^19.2.3",
|
|
48
64
|
"react-dom": "^19.2.3",
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
65
|
+
"react-test-renderer": "^19.2.3",
|
|
66
|
+
"standard-version": "^9.5.0",
|
|
67
|
+
"storybook": "^10.1.10",
|
|
52
68
|
"typescript": "~5.9.3",
|
|
53
|
-
"
|
|
54
|
-
"vite": "
|
|
55
|
-
"
|
|
69
|
+
"vite": "npm:rolldown-vite@7.3.0",
|
|
70
|
+
"vite-plugin-dts": "^4.5.4",
|
|
71
|
+
"vitest": "^4.0.16"
|
|
56
72
|
},
|
|
57
73
|
"peerDependencies": {
|
|
58
|
-
"react": "^19.
|
|
59
|
-
"react-dom": "^19.
|
|
74
|
+
"react": "^19.0.0",
|
|
75
|
+
"react-dom": "^19.0.0"
|
|
60
76
|
},
|
|
61
77
|
"scripts": {
|
|
62
78
|
"dev": "vite",
|
|
63
79
|
"build": "tsc -b && vite build && pnpm run build:css",
|
|
64
|
-
"build:css": "npx
|
|
65
|
-
"lint": "
|
|
80
|
+
"build:css": "npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify",
|
|
81
|
+
"lint": "biome check --write",
|
|
66
82
|
"preview": "vite preview",
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
"
|
|
83
|
+
"test": "vitest --passWithNoTests",
|
|
84
|
+
"storybook": "storybook dev -p 6006",
|
|
85
|
+
"build-storybook": "storybook build",
|
|
86
|
+
"release": "standard-version"
|
|
70
87
|
}
|
|
71
88
|
}
|
package/dist/index.d.ts
DELETED
|
@@ -1,312 +0,0 @@
|
|
|
1
|
-
import { AppFieldExtendedReactFieldGroupApi } from '@tanstack/react-form';
|
|
2
|
-
import { AppFieldExtendedReactFormApi } from '@tanstack/react-form';
|
|
3
|
-
import { Avatar as Avatar_2 } from '@base-ui/react/avatar';
|
|
4
|
-
import { Checkbox as Checkbox_2 } from '@base-ui/react/checkbox';
|
|
5
|
-
import { ClassProp } from 'class-variance-authority/types';
|
|
6
|
-
import { ClassValue } from 'clsx';
|
|
7
|
-
import { ComponentProps } from 'react';
|
|
8
|
-
import { DeepKeysOfType } from '@tanstack/react-form';
|
|
9
|
-
import { Dialog as Dialog_2 } from '@base-ui/react/dialog';
|
|
10
|
-
import { FieldsMap } from '@tanstack/react-form';
|
|
11
|
-
import { FormAsyncValidateOrFn } from '@tanstack/react-form';
|
|
12
|
-
import { FormOptions } from '@tanstack/react-form';
|
|
13
|
-
import { FormValidateOrFn } from '@tanstack/react-form';
|
|
14
|
-
import { FunctionComponent } from 'react';
|
|
15
|
-
import { Icon } from '@phosphor-icons/react';
|
|
16
|
-
import { Input as Input_2 } from '@base-ui/react/input';
|
|
17
|
-
import { JSX } from 'react/jsx-runtime';
|
|
18
|
-
import { KeyboardEventHandler } from 'react';
|
|
19
|
-
import { MouseEventHandler } from 'react';
|
|
20
|
-
import { PropsWithChildren } from 'react';
|
|
21
|
-
import { Ranger } from '@tanstack/react-ranger';
|
|
22
|
-
import { ReactNode } from 'react';
|
|
23
|
-
import { RefObject } from 'react';
|
|
24
|
-
import { ScrollArea as ScrollArea_2 } from '@base-ui/react/scroll-area';
|
|
25
|
-
import { Separator as Separator_2 } from '@base-ui/react/separator';
|
|
26
|
-
import { Switch as Switch_2 } from '@base-ui/react/switch';
|
|
27
|
-
import { Tabs as Tabs_2 } from '@base-ui/react/tabs';
|
|
28
|
-
import { Toast as Toast_2 } from '@base-ui/react/toast';
|
|
29
|
-
import { Tooltip as Tooltip_2 } from '@base-ui/react/tooltip';
|
|
30
|
-
import { TouchEventHandler } from 'react';
|
|
31
|
-
import { VariantProps } from 'class-variance-authority';
|
|
32
|
-
import { WithFieldGroupProps } from '@tanstack/react-form';
|
|
33
|
-
import { WithFormProps } from '@tanstack/react-form';
|
|
34
|
-
|
|
35
|
-
export declare const Avatar: ({ className, children, ref, ...props }: AvatarProps) => JSX.Element;
|
|
36
|
-
|
|
37
|
-
export declare const AvatarFallback: ({ className, ref, ...props }: AvatarFallbackProps) => JSX.Element;
|
|
38
|
-
|
|
39
|
-
export declare type AvatarFallbackProps = ComponentProps<typeof Avatar_2.Fallback>;
|
|
40
|
-
|
|
41
|
-
export declare const AvatarImage: ({ className, ref, ...props }: AvatarImageProps) => JSX.Element;
|
|
42
|
-
|
|
43
|
-
export declare type AvatarImageProps = ComponentProps<typeof Avatar_2.Image>;
|
|
44
|
-
|
|
45
|
-
export declare type AvatarProps = ComponentProps<typeof Avatar_2.Root>;
|
|
46
|
-
|
|
47
|
-
export declare const Badge: ({ className, tone, style, radius, children, ref, ...props }: BadgeExtendedProps) => JSX.Element;
|
|
48
|
-
|
|
49
|
-
export declare interface BadgeExtendedProps extends Omit<BadgeProps, "style">, VariantProps<typeof badgeVariants> {
|
|
50
|
-
style?: "solid" | "outline";
|
|
51
|
-
radius?: "rounded" | "circle";
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
declare type BadgeProps = ComponentProps<"div">;
|
|
55
|
-
|
|
56
|
-
declare const badgeVariants: (props?: ({
|
|
57
|
-
tone?: "primary" | "secondary" | "tertiary" | "neutral" | "error" | "success" | "warning" | null | undefined;
|
|
58
|
-
style?: "solid" | "outline" | null | undefined;
|
|
59
|
-
radius?: "circle" | "rounded" | null | undefined;
|
|
60
|
-
} & ClassProp) | undefined) => string;
|
|
61
|
-
|
|
62
|
-
export declare function Button({ className, children, tone, style, size, ...props }: ButtonExtendedProps): JSX.Element;
|
|
63
|
-
|
|
64
|
-
export declare interface ButtonExtendedProps extends Omit<ComponentProps<"button">, "style">, VariantProps<typeof buttonVariants> {
|
|
65
|
-
style?: "solid" | "outline" | "ghost";
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
declare const buttonVariants: (props?: ({
|
|
69
|
-
tone?: "primary" | "secondary" | "neutral" | "success" | "warning" | "destructive" | "glass" | "accent" | null | undefined;
|
|
70
|
-
style?: "solid" | "outline" | "ghost" | null | undefined;
|
|
71
|
-
size?: "small" | "medium" | "large" | "iconLarge" | "iconMedium" | "iconSmall" | null | undefined;
|
|
72
|
-
} & ClassProp) | undefined) => string;
|
|
73
|
-
|
|
74
|
-
export declare const Checkbox: ({ className, ref, label, id, disabled, ...props }: CheckboxRootProps) => JSX.Element;
|
|
75
|
-
|
|
76
|
-
export declare const CheckboxIndicator: ({ className, ...props }: CheckboxIndicatorProps) => JSX.Element;
|
|
77
|
-
|
|
78
|
-
export declare type CheckboxIndicatorProps = ComponentProps<typeof Checkbox_2.Indicator>;
|
|
79
|
-
|
|
80
|
-
export declare type CheckboxRootProps = ComponentProps<typeof Checkbox_2.Root> & {
|
|
81
|
-
label?: ReactNode;
|
|
82
|
-
};
|
|
83
|
-
|
|
84
|
-
export declare function cn(...inputs: Array<ClassValue>): string;
|
|
85
|
-
|
|
86
|
-
export declare const Dialog: ({ ...props }: DialogProps) => JSX.Element;
|
|
87
|
-
|
|
88
|
-
export declare const DialogClose: ({ className, children, ref, ...props }: DialogCloseProps) => JSX.Element;
|
|
89
|
-
|
|
90
|
-
export declare type DialogCloseProps = ComponentProps<typeof Dialog_2.Close>;
|
|
91
|
-
|
|
92
|
-
export declare const DialogDescription: ({ className, children, ref, ...props }: DialogDescriptionProps) => JSX.Element;
|
|
93
|
-
|
|
94
|
-
export declare type DialogDescriptionProps = ComponentProps<typeof Dialog_2.Description>;
|
|
95
|
-
|
|
96
|
-
export declare const DialogPopup: ({ className, children, showCloseButton, ref, ...props }: DialogPopupProps) => JSX.Element;
|
|
97
|
-
|
|
98
|
-
export declare type DialogPopupProps = ComponentProps<typeof Dialog_2.Popup> & {
|
|
99
|
-
showCloseButton?: boolean;
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
export declare type DialogProps = ComponentProps<typeof Dialog_2.Root>;
|
|
103
|
-
|
|
104
|
-
export declare const DialogTitle: ({ className, children, ref, ...props }: DialogTitleProps) => JSX.Element;
|
|
105
|
-
|
|
106
|
-
export declare type DialogTitleProps = ComponentProps<typeof Dialog_2.Title>;
|
|
107
|
-
|
|
108
|
-
export declare const DialogTrigger: ({ className, children, ref, ...props }: DialogTriggerProps) => JSX.Element;
|
|
109
|
-
|
|
110
|
-
export declare type DialogTriggerProps = ComponentProps<typeof Dialog_2.Trigger>;
|
|
111
|
-
|
|
112
|
-
export declare const FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
|
|
113
|
-
|
|
114
|
-
export declare type FieldErrorsProps = ComponentProps<"div">;
|
|
115
|
-
|
|
116
|
-
export declare const FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
|
|
117
|
-
|
|
118
|
-
export declare type FieldInputProps = InputProps;
|
|
119
|
-
|
|
120
|
-
export declare type FieldSubmitButtonProps = ButtonExtendedProps & {
|
|
121
|
-
submittingText?: string;
|
|
122
|
-
};
|
|
123
|
-
|
|
124
|
-
export declare const Form: {
|
|
125
|
-
useAppForm: <TFormData, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
|
|
126
|
-
readonly FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
|
|
127
|
-
readonly FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
|
|
128
|
-
}, {
|
|
129
|
-
readonly FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
|
|
130
|
-
readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
|
|
131
|
-
}>;
|
|
132
|
-
withForm: <TFormData, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
|
|
133
|
-
readonly FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
|
|
134
|
-
readonly FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
|
|
135
|
-
}, {
|
|
136
|
-
readonly FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
|
|
137
|
-
readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
|
|
138
|
-
}, TRenderProps>) => FunctionComponent<PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
|
|
139
|
-
form: AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
|
|
140
|
-
readonly FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
|
|
141
|
-
readonly FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
|
|
142
|
-
}, {
|
|
143
|
-
readonly FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
|
|
144
|
-
readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
|
|
145
|
-
}>;
|
|
146
|
-
}>>;
|
|
147
|
-
withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({ render, props, defaultValues, }: WithFieldGroupProps<TFieldGroupData, {
|
|
148
|
-
readonly FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
|
|
149
|
-
readonly FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
|
|
150
|
-
}, {
|
|
151
|
-
readonly FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
|
|
152
|
-
readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
|
|
153
|
-
}, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | FieldsMap<TFormData, TFieldGroupData>, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: PropsWithChildren<NoInfer<TRenderProps> & {
|
|
154
|
-
form: AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
|
|
155
|
-
readonly FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
|
|
156
|
-
readonly FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
|
|
157
|
-
}, {
|
|
158
|
-
readonly FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
|
|
159
|
-
readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
|
|
160
|
-
}> | AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
|
|
161
|
-
readonly FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
|
|
162
|
-
readonly FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
|
|
163
|
-
}, {
|
|
164
|
-
readonly FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
|
|
165
|
-
readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
|
|
166
|
-
}>;
|
|
167
|
-
fields: TFields;
|
|
168
|
-
}>) => ReturnType<FunctionComponent>;
|
|
169
|
-
};
|
|
170
|
-
|
|
171
|
-
export declare const FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
|
|
172
|
-
|
|
173
|
-
export declare type FormErrorsProps = ComponentProps<"div">;
|
|
174
|
-
|
|
175
|
-
export declare const FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
|
|
176
|
-
|
|
177
|
-
export declare const Input: ({ leadingIcon, showSeparator, className, ref, ...props }: InputProps) => JSX.Element;
|
|
178
|
-
|
|
179
|
-
export declare type InputProps = ComponentProps<typeof Input_2> & {
|
|
180
|
-
leadingIcon?: Icon;
|
|
181
|
-
showSeparator?: boolean;
|
|
182
|
-
};
|
|
183
|
-
|
|
184
|
-
export declare const Label: ({ className, children, ref, ...props }: LabelProps) => JSX.Element;
|
|
185
|
-
|
|
186
|
-
export declare type LabelProps = ComponentProps<"label">;
|
|
187
|
-
|
|
188
|
-
export declare const Profile: ({ className, imageUrl, fallbackText, profileName, profileEmail, compact, children, ref, ...props }: ProfileProps) => JSX.Element;
|
|
189
|
-
|
|
190
|
-
export declare type ProfileProps = ComponentProps<"button"> & {
|
|
191
|
-
imageUrl: string;
|
|
192
|
-
fallbackText: string;
|
|
193
|
-
profileName?: string;
|
|
194
|
-
profileEmail?: string;
|
|
195
|
-
compact?: boolean;
|
|
196
|
-
};
|
|
197
|
-
|
|
198
|
-
export declare const ScrollArea: ({ orientation, className, children, ref, ...props }: ScrollAreaProps) => JSX.Element;
|
|
199
|
-
|
|
200
|
-
export declare type ScrollAreaProps = ComponentProps<typeof ScrollArea_2.Root> & {
|
|
201
|
-
orientation?: "horizontal" | "vertical";
|
|
202
|
-
};
|
|
203
|
-
|
|
204
|
-
export declare const Separator: ({ className, children, ref, ...props }: SeparatorProps) => JSX.Element;
|
|
205
|
-
|
|
206
|
-
export declare type SeparatorProps = Omit<ComponentProps<typeof Separator_2>, "style"> & VariantProps<typeof separatorVariants>;
|
|
207
|
-
|
|
208
|
-
declare const separatorVariants: (props?: ({
|
|
209
|
-
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
210
|
-
thickness?: "medium" | "thick" | "thin" | null | undefined;
|
|
211
|
-
} & ClassProp) | undefined) => string;
|
|
212
|
-
|
|
213
|
-
export declare const Slider: ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, min, max, stepSize, defaultValues, showTickLabels, label, className, ref, ...props }: SliderProps) => JSX.Element;
|
|
214
|
-
|
|
215
|
-
export declare const SliderHandle: ({ sliderInstance, isActive, onKeyDownHandler, onMouseDownHandler, onTouchStart, value, className, children, ref, ...props }: SliderHandleProps) => JSX.Element;
|
|
216
|
-
|
|
217
|
-
export declare type SliderHandleProps = ComponentProps<"button"> & {
|
|
218
|
-
sliderInstance: Ranger<HTMLDivElement>;
|
|
219
|
-
isActive: boolean;
|
|
220
|
-
onKeyDownHandler: KeyboardEventHandler<HTMLButtonElement>;
|
|
221
|
-
onMouseDownHandler: MouseEventHandler<HTMLButtonElement>;
|
|
222
|
-
onTouchStart: TouchEventHandler<HTMLButtonElement>;
|
|
223
|
-
value: number;
|
|
224
|
-
};
|
|
225
|
-
|
|
226
|
-
export declare type SliderProps = ComponentProps<"div"> & {
|
|
227
|
-
leadingIcon?: Icon;
|
|
228
|
-
trailingIcon?: Icon;
|
|
229
|
-
min?: number;
|
|
230
|
-
max?: number;
|
|
231
|
-
stepSize?: number;
|
|
232
|
-
defaultValues?: Array<number>;
|
|
233
|
-
showTickLabels?: boolean;
|
|
234
|
-
label?: string;
|
|
235
|
-
};
|
|
236
|
-
|
|
237
|
-
export declare const SliderSegment: ({ index, steps, left, width, className, children, ref, ...props }: SliderSegmentProps) => JSX.Element;
|
|
238
|
-
|
|
239
|
-
export declare type SliderSegmentProps = ComponentProps<"div"> & {
|
|
240
|
-
index: number;
|
|
241
|
-
steps: number;
|
|
242
|
-
left: number;
|
|
243
|
-
width: number;
|
|
244
|
-
};
|
|
245
|
-
|
|
246
|
-
export declare const SliderTick: ({ percentage, className, children, ref, ...props }: SliderTickProps) => JSX.Element;
|
|
247
|
-
|
|
248
|
-
export declare const SliderTickLabel: ({ className, children, ref, ...props }: SliderTickLabelProps) => JSX.Element;
|
|
249
|
-
|
|
250
|
-
export declare type SliderTickLabelProps = ComponentProps<"p">;
|
|
251
|
-
|
|
252
|
-
export declare type SliderTickProps = ComponentProps<"div"> & {
|
|
253
|
-
percentage: number;
|
|
254
|
-
};
|
|
255
|
-
|
|
256
|
-
export declare const SliderTrack: ({ className, children, sliderRef, ...props }: SliderTrackProps) => JSX.Element;
|
|
257
|
-
|
|
258
|
-
export declare type SliderTrackProps = ComponentProps<"div"> & {
|
|
259
|
-
sliderRef: RefObject<HTMLDivElement | null>;
|
|
260
|
-
};
|
|
261
|
-
|
|
262
|
-
export declare const Switch: ({ label, className, ref, ...props }: SwitchProps) => JSX.Element;
|
|
263
|
-
|
|
264
|
-
export declare type SwitchProps = ComponentProps<typeof Switch_2.Root> & {
|
|
265
|
-
label?: string;
|
|
266
|
-
};
|
|
267
|
-
|
|
268
|
-
export declare const Tabs: ({ className, ref, ...props }: TabsProps) => JSX.Element;
|
|
269
|
-
|
|
270
|
-
export declare const TabsIndicator: ({ className, ...props }: TabsIndicatorProps) => JSX.Element;
|
|
271
|
-
|
|
272
|
-
export declare type TabsIndicatorProps = ComponentProps<typeof Tabs_2.Indicator>;
|
|
273
|
-
|
|
274
|
-
export declare const TabsList: ({ className, ...props }: TabsListProps) => JSX.Element;
|
|
275
|
-
|
|
276
|
-
export declare type TabsListProps = ComponentProps<typeof Tabs_2.List>;
|
|
277
|
-
|
|
278
|
-
export declare const TabsPanel: ({ className, ...props }: TabsPanelProps) => JSX.Element;
|
|
279
|
-
|
|
280
|
-
export declare type TabsPanelProps = ComponentProps<typeof Tabs_2.Panel>;
|
|
281
|
-
|
|
282
|
-
export declare type TabsProps = ComponentProps<typeof Tabs_2.Root>;
|
|
283
|
-
|
|
284
|
-
export declare const TabsTab: ({ className, ...props }: TabsTabProps) => JSX.Element;
|
|
285
|
-
|
|
286
|
-
export declare type TabsTabProps = ComponentProps<typeof Tabs_2.Tab>;
|
|
287
|
-
|
|
288
|
-
export declare const Toast: ({ className, children, position, ref, ...props }: ToastProps) => JSX.Element[];
|
|
289
|
-
|
|
290
|
-
export declare type ToastProps = ComponentProps<"div"> & {
|
|
291
|
-
position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
292
|
-
};
|
|
293
|
-
|
|
294
|
-
export declare const ToastProvider: ({ position, className, children, ref, ...props }: ToastProviderProps) => JSX.Element;
|
|
295
|
-
|
|
296
|
-
export declare type ToastProviderProps = ComponentProps<typeof Toast_2.Viewport> & {
|
|
297
|
-
position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
298
|
-
};
|
|
299
|
-
|
|
300
|
-
export declare const Tooltip: ({ children, ...props }: TooltipProps) => JSX.Element;
|
|
301
|
-
|
|
302
|
-
export declare const TooltipContent: ({ className, children, ...props }: TooltipContentProps) => JSX.Element;
|
|
303
|
-
|
|
304
|
-
export declare type TooltipContentProps = ComponentProps<typeof Tooltip_2.Popup>;
|
|
305
|
-
|
|
306
|
-
export declare type TooltipProps = ComponentProps<typeof Tooltip_2.Root>;
|
|
307
|
-
|
|
308
|
-
export declare const TooltipTrigger: ({ children, ...props }: TooltipTriggerProps) => JSX.Element;
|
|
309
|
-
|
|
310
|
-
export declare type TooltipTriggerProps = ComponentProps<typeof Tooltip_2.Trigger>;
|
|
311
|
-
|
|
312
|
-
export { }
|
package/dist/style.css
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100..700&display=swap";@import "https://utopia.fyi/space/calculator?c=360,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-black-75:#181818;--color-black-100:#1e1e1e;--color-black-150:#242424;--color-black-200:#2a2a2a;--color-black-250:#303030;--color-black-300:#373737;--color-black-400:#404040;--color-black-500:#4a4a4a;--color-black-600:#555;--color-black-700:#666;--color-black-800:#7a7a7a;--color-blue-100:#6bf4ff;--color-blue-300:#00dbe7;--color-blue-400:#00aab3;--color-blue-500:#009ba4;--color-blue-600:#007b82;--color-blue-900:#002b2e;--color-green-100:#8ef991;--color-green-200:#6aee6f;--color-green-300:#4caf50;--color-green-500:#449e48;--color-green-700:#255d27;--color-green-800:#143815;--color-green-900:#0e2c0f;--color-lime-100:#daec3d;--color-lime-200:#cbdc38;--color-lime-400:#94a126;--color-lime-500:#879322;--color-lime-600:#6b7519;--color-lime-900:#242804;--color-orange-100:#ffdac5;--color-orange-200:#ffc6a2;--color-orange-300:#ff9800;--color-orange-400:#de8400;--color-orange-500:#cb7800;--color-orange-700:#7a4600;--color-orange-800:#4b2900;--color-orange-900:#3b1f00;--color-red-100:#fbd9d8;--color-red-200:#f9c5c4;--color-red-400:#f5706a;--color-red-500:#f44336;--color-red-700:#9c241a;--color-red-800:#62130c;--color-red-900:#4e0d08;--color-slate-100:#dee1e6;--color-slate-400:#8f9aac;--color-slate-500:#838d9d;--color-slate-600:#67707d;--color-slate-700:#393e46;--color-slate-900:#23262c;--color-white-25:#fcfcfd;--color-white-50:#fafafb;--color-white-75:#f7f8f9;--color-white-100:#f4f5f6;--color-white-150:#f1f2f4;--color-white-200:#eceef0;--color-white-300:#e1e3e6;--color-white-400:#d9dce0;--color-white-600:#c4c7cc;--color-white-700:#b8bbc0;--color-white-900:#96999d;--color-primary:var(--primary);--font-heading:"Space Grotesk",sans-serif;--font-body:"IBM Plex Sans",sans-serif;--text-xs:clamp(.5926rem,.5509rem + .1852vw,.6944rem);--text-sm:clamp(.6667rem,.5985rem + .303vw,.8333rem);--text-base:clamp(.75rem,.6477rem + .4545vw,1rem);--text-lg:clamp(.8438rem,.698rem + .6477vw,1.2rem);--text-xl:clamp(.9492rem,.7484rem + .8923vw,1.44rem);--text-2xl:clamp(1.0679rem,.7978rem + 1.2002vw,1.728rem);--text-3xl:clamp(1.2014rem,.8445rem + 1.5859vw,2.0736rem);--text-4xl:clamp(1.3515rem,.8865rem + 2.0669vw,2.4883rem)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background-color:var(--surface);font-family:var(--text-font);font-weight:var(--text-weight);font-size:var(--text-size);line-height:var(--text-leading,normal);letter-spacing:normal;color:var(--on-surface);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--text-font:var(--font-body);--text-weight:400;--text-size:var(--text-base);--text-leading:160%}h1{font-family:var(--text-font);font-weight:var(--text-weight);font-size:var(--text-size);line-height:var(--text-leading,normal);letter-spacing:normal;--text-font:var(--font-heading);--text-weight:700;--text-size:var(--text-4xl);--text-leading:120%}h2{font-family:var(--text-font);font-weight:var(--text-weight);font-size:var(--text-size);line-height:var(--text-leading,normal);letter-spacing:normal;--text-font:var(--font-heading);--text-weight:700;--text-size:var(--text-3xl);--text-leading:120%}h3{font-family:var(--text-font);font-weight:var(--text-weight);font-size:var(--text-size);line-height:var(--text-leading,normal);letter-spacing:normal;--text-font:var(--font-heading);--text-weight:700;--text-size:var(--text-2xl);--text-leading:120%}h4{font-family:var(--text-font);font-weight:var(--text-weight);font-size:var(--text-size);line-height:var(--text-leading,normal);letter-spacing:normal;--text-font:var(--font-heading);--text-weight:700;--text-size:var(--text-xl);--text-leading:120%}h5{font-family:var(--text-font);font-weight:var(--text-weight);font-size:var(--text-size);line-height:var(--text-leading,normal);letter-spacing:normal;--text-font:var(--font-heading);--text-weight:700;--text-size:var(--text-lg);--text-leading:120%}h6{font-family:var(--text-font);font-weight:var(--text-weight);font-size:var(--text-size);line-height:var(--text-leading,normal);letter-spacing:normal;--text-font:var(--font-heading);--text-weight:700;--text-size:var(--text-base);--text-leading:120%}p{font-family:var(--text-font);font-weight:var(--text-weight);font-size:var(--text-size);line-height:var(--text-leading,normal);letter-spacing:normal;--text-font:var(--font-body);--text-weight:400;--text-size:var(--text-base);--text-leading:160%}span{font-family:var(--text-font);font-weight:var(--text-weight);font-size:var(--text-size);line-height:var(--text-leading,normal);letter-spacing:normal;--text-font:var(--font-body);--text-weight:500;--text-size:var(--text-base)}}@layer components{@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-\[0px\]{inset:0}.top-1\/2{top:50%}.top-2xs{top:clamp(.375rem,.3239rem + .2273vw,.5rem)}.top-\[1rem\]{top:1rem}.top-auto{top:auto}.top-full{top:100%}.top-xs{top:clamp(.5625rem,.4858rem + .3409vw,.75rem)}.right-2xs{right:clamp(.375rem,.3239rem + .2273vw,.5rem)}.right-\[1rem\]{right:1rem}.right-auto{right:auto}.bottom-\[6rem\]{bottom:6rem}.bottom-auto{bottom:auto}.left-1\/2{left:50%}.left-\[1rem\]{left:1rem}.left-auto{left:auto}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[calc\(1000-var\(--toast-index\)\)\]{z-index:calc(1000 - var(--toast-index))}.mx-auto{margin-inline:auto}.mx-xs{margin-inline:clamp(.5625rem,.4858rem + .3409vw,.75rem)}.my-2xs{margin-block:clamp(.375rem,.3239rem + .2273vw,.5rem)}.mr-2xs{margin-right:clamp(.375rem,.3239rem + .2273vw,.5rem)}.mb-2xs{margin-bottom:clamp(.375rem,.3239rem + .2273vw,.5rem)}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-2xl{width:clamp(3rem,2.5909rem + 1.8182vw,4rem);height:clamp(3rem,2.5909rem + 1.8182vw,4rem)}.size-\[14px\]{width:14px;height:14px}.size-full{width:100%;height:100%}.size-lg{width:clamp(1.5rem,1.2955rem + .9091vw,2rem);height:clamp(1.5rem,1.2955rem + .9091vw,2rem)}.size-md{width:clamp(1.125rem,.9716rem + .6818vw,1.5rem);height:clamp(1.125rem,.9716rem + .6818vw,1.5rem)}.size-sm{width:clamp(.75rem,.6477rem + .4545vw,1rem);height:clamp(.75rem,.6477rem + .4545vw,1rem)}.size-xl{width:clamp(2.25rem,1.9432rem + 1.3636vw,3rem);height:clamp(2.25rem,1.9432rem + 1.3636vw,3rem)}.size-xs{width:clamp(.5625rem,.4858rem + .3409vw,.75rem);height:clamp(.5625rem,.4858rem + .3409vw,.75rem)}.h-2xl{height:clamp(3rem,2.5909rem + 1.8182vw,4rem)}.h-2xs{height:clamp(.375rem,.3239rem + .2273vw,.5rem)}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[4px\]{height:4px}.h-\[26px\]{height:26px}.h-\[200px\]{height:200px}.h-fit{height:fit-content}.h-full{height:100%}.h-lg{height:clamp(1.5rem,1.2955rem + .9091vw,2rem)}.h-xl{height:clamp(2.25rem,1.9432rem + 1.3636vw,3rem)}.min-h-dvh{min-height:100dvh}.w-\(--active-tab-width\){width:var(--active-tab-width)}.w-1\/4{width:25%}.w-2xs{width:clamp(.375rem,.3239rem + .2273vw,.5rem)}.w-\[1px\]{width:1px}.w-\[2px\]{width:2px}.w-\[4px\]{width:4px}.w-\[50px\]{width:50px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100vw-3rem\)\]{max-width:calc(100vw - 3rem)}.min-w-1\/3{min-width:33.3333%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\(--active-tab-left\){--tw-translate-x:var(--active-tab-left);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[6px\]{--tw-translate-x:6px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\(--active-tab-top\){--tw-translate-y:var(--active-tab-top);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[0\.7rem\]{--tw-translate-y:.7rem;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[1\.2rem\]{--tw-translate-y:1.2rem;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)\+calc\(min\(var\(--toast-index\)\,10\)\*-15px\)\)\)_scale\(calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\)\]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--toast-swipe-movement-y) + calc(min(var(--toast-index),10)*-15px)))scale(calc(max(0,1 - (var(--toast-index)*.1))))}.transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)\+calc\(min\(var\(--toast-index\)\,10\)\*15px\)\)\)_scale\(calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\)\]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--toast-swipe-movement-y) + calc(min(var(--toast-index),10)*15px)))scale(calc(max(0,1 - (var(--toast-index)*.1))))}.animate-in{animation:.2s cubic-bezier(.16,1,.3,1) fadeInUp}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-2xs{gap:clamp(.375rem,.3239rem + .2273vw,.5rem)}.gap-3xs{gap:clamp(.1875rem,.1619rem + .1136vw,.25rem)}.gap-sm{gap:clamp(.75rem,.6477rem + .4545vw,1rem)}.gap-xs{gap:clamp(.5625rem,.4858rem + .3409vw,.75rem)}:where(.space-y-2xs>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(clamp(.375rem,.3239rem + .2273vw,.5rem)*var(--tw-space-y-reverse));margin-block-end:calc(clamp(.375rem,.3239rem + .2273vw,.5rem)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px;border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-accent{border-color:var(--accent)}.border-error{border-color:var(--error)}.border-outline{border-color:var(--outline)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-success{border-color:var(--success)}.border-warning{border-color:var(--warning)}.bg-accent{background-color:var(--accent)}.bg-error{background-color:var(--error)}.bg-error-container{background-color:var(--error-container)}.bg-on-surface-variant{background-color:var(--on-surface-variant)}.bg-outline{background-color:var(--outline)}.bg-primary{background-color:var(--primary)}.bg-scrim{background-color:var(--scrim)}.bg-secondary{background-color:var(--secondary)}.bg-success{background-color:var(--success)}.bg-success-container{background-color:var(--success-container)}.bg-surface-container{background-color:var(--surface-container)}.bg-surface-container-high{background-color:var(--surface-container-high)}.bg-surface-dim{background-color:var(--surface-dim)}.bg-tertiary{background-color:var(--tertiary)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--warning)}.bg-warning-container{background-color:var(--warning-container)}.bg-size-\[6\.5rem_100\%\]{background-size:6.5rem 100%}.bg-clip-padding{background-clip:padding-box}.fill-surface-container-high{fill:var(--surface-container-high)}.object-cover{object-fit:cover}.p-\[2px\]{padding:2px}.p-sm{padding:clamp(.75rem,.6477rem + .4545vw,1rem)}.px-lg{padding-inline:clamp(1.5rem,1.2955rem + .9091vw,2rem)}.px-md{padding-inline:clamp(1.125rem,.9716rem + .6818vw,1.5rem)}.px-sm{padding-inline:clamp(.75rem,.6477rem + .4545vw,1rem)}.px-xs{padding-inline:clamp(.5625rem,.4858rem + .3409vw,.75rem)}.py-2xs{padding-block:clamp(.375rem,.3239rem + .2273vw,.5rem)}.py-3xs{padding-block:clamp(.1875rem,.1619rem + .1136vw,.25rem)}.py-sm{padding-block:clamp(.75rem,.6477rem + .4545vw,1rem)}.pr-sm{padding-right:clamp(.75rem,.6477rem + .4545vw,1rem)}.pl-sm{padding-left:clamp(.75rem,.6477rem + .4545vw,1rem)}.text-center{text-align:center}.align-middle{vertical-align:middle}.style-text-default--1,.style-text-default-0,.style-text-default-1{font-family:var(--text-font);font-weight:var(--text-weight);font-size:var(--text-size);line-height:var(--text-leading,normal);letter-spacing:normal}.text-\[0\.6rem\]{font-size:.6rem}.text-sm{font-size:clamp(.6667rem,.5985rem + .303vw,.8333rem)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-balance{text-wrap:balance}.break-keep{word-break:keep-all}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--accent)}.text-error{color:var(--error)}.text-on-accent{color:var(--on-accent)}.text-on-error{color:var(--on-error)}.text-on-error-container{color:var(--on-error-container)}.text-on-primary{color:var(--on-primary)}.text-on-secondary{color:var(--on-secondary)}.text-on-success{color:var(--on-success)}.text-on-success-container{color:var(--on-success-container)}.text-on-surface{color:var(--on-surface)}.text-on-surface-variant{color:var(--on-surface-variant)}.text-on-tertiary{color:var(--on-tertiary)}.text-on-warning{color:var(--on-warning)}.text-on-warning-container{color:var(--on-warning-container)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-success{color:var(--success)}.text-tertiary{color:var(--tertiary)}.text-warning{color:var(--warning)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.inset-shadow-1-shadow,.inset-shadow-2-shadow,.inset-shadow-sm{box-shadow:inset var(--inset-position)var(--inset-position)var(--inset-blur)0 var(--inset-color)}.raised-1{box-shadow:inset -1px -1px 2px #00000059,inset 1px 1px 2px #ffffff26,1px 1px 2px #00000040}.raised-2{box-shadow:inset -2px -2px 4px #00000059,inset 2px 2px 4px #ffffff26,2px 2px 4px #00000040}.raised-4{box-shadow:inset -4px -4px 8px #00000059,inset 4px 4px 8px #ffffff26,4px 4px 8px #00000040}.shadow-1-shadow,.shadow-4-shadow,.shadow-lg,.shadow-xs{box-shadow:var(--shadow-position)var(--shadow-position)var(--shadow-blur)0 var(--shadow-color)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-error{outline-color:var(--error)}.outline-on-surface{outline-color:var(--on-surface)}.outline-outline{outline-color:var(--outline)}.outline-primary{outline-color:var(--primary)}.outline-secondary{outline-color:var(--secondary)}.outline-success{outline-color:var(--success)}.outline-tertiary{outline-color:var(--tertiary)}.outline-transparent{outline-color:#0000}.outline-warning{outline-color:var(--warning)}.transition-\[width\,height\,border\]{transition-property:width,height,border;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[transition-property\:opacity\,transform\]{transition-property:opacity,transform}.delay-300{transition-delay:.3s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-\[cubic-bezier\(0\.26\,0\.75\,0\.38\,0\.45\)\]{--tw-ease:cubic-bezier(.26,.75,.38,.45);transition-timing-function:cubic-bezier(.26,.75,.38,.45)}.ease-\[cubic-bezier\(0\.68\,-0\.55\,0\.27\,1\.55\)\]{--tw-ease:cubic-bezier(.68,-.55,.27,1.55);transition-timing-function:cubic-bezier(.68,-.55,.27,1.55)}.inset-shadow-1-shadow{--inset-color:var(--shadow);--inset-position:1px;--inset-blur:2px}.inset-shadow-2-shadow{--inset-color:var(--shadow);--inset-position:2px;--inset-blur:3px}.shadow-1-shadow{--shadow-color:var(--shadow);--shadow-position:1px;--shadow-blur:2px}.shadow-4-shadow{--shadow-color:var(--shadow);--shadow-position:4px;--shadow-blur:8px}.style-text-default--1{--text-font:var(--font-body);--text-weight:500;--text-size:var(--text-sm)}.style-text-default-0{--text-font:var(--font-body);--text-weight:500;--text-size:var(--text-base)}.style-text-default-1{--text-font:var(--font-body);--text-weight:500;--text-size:var(--text-lg)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\:bg-primary:is(:where(.group):focus-within *){background-color:var(--primary)}.group-focus-within\:text-primary:is(:where(.group):focus-within *){color:var(--primary)}.placeholder\:opacity-60::placeholder{opacity:.6}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-full:after{content:var(--tw-content);top:100%}.after\:bottom-full:after{content:var(--tw-content);bottom:100%}.after\:h-\[calc\(var\(--gap\)\+1px\)\]:after{content:var(--tw-content);height:calc(var(--gap) + 1px)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:content-\[\"\"\]:after,.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.focus-within\:caret-primary:focus-within{caret-color:var(--primary)}.focus-within\:outline-primary:focus-within{outline-color:var(--primary)}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-secondary:hover{border-color:var(--secondary)}.hover\:bg-accent-container:hover{background-color:var(--accent-container)}.hover\:bg-error-container:hover{background-color:var(--error-container)}.hover\:bg-primary-container:hover{background-color:var(--primary-container)}.hover\:bg-secondary-container:hover{background-color:var(--secondary-container)}.hover\:bg-success-container:hover{background-color:var(--success-container)}.hover\:bg-surface-container-high:hover{background-color:var(--surface-container-high)}.hover\:bg-warning-container:hover{background-color:var(--warning-container)}.hover\:text-on-accent-container:hover{color:var(--on-accent-container)}.hover\:text-on-error-container:hover{color:var(--on-error-container)}.hover\:text-on-primary-container:hover{color:var(--on-primary-container)}.hover\:text-on-secondary-container:hover{color:var(--on-secondary-container)}.hover\:text-on-success-container:hover{color:var(--on-success-container)}.hover\:text-on-surface:hover{color:var(--on-surface)}.hover\:text-on-warning-container:hover{color:var(--on-warning-container)}.hover\:raised-1:hover{box-shadow:inset -1px -1px 2px #00000059,inset 1px 1px 2px #ffffff26,1px 1px 2px #00000040}.hover\:raised-2:hover{box-shadow:inset -2px -2px 4px #00000059,inset 2px 2px 4px #ffffff26,2px 2px 4px #00000040}.hover\:raised-4:hover{box-shadow:inset -4px -4px 8px #00000059,inset 4px 4px 8px #ffffff26,4px 4px 8px #00000040}.hover\:raised-8:hover{box-shadow:inset -8px -8px 16px #00000059,inset 8px 8px 16px #ffffff26,8px 8px 16px #00000040}.hover\:not-focus-within\:outline-outline:hover:not(:focus-within){outline-color:var(--outline)}.not-disabled\:hover\:outline-accent:not(:disabled):hover{outline-color:var(--accent)}}.focus-visible\:relative:focus-visible{position:relative}.focus-visible\:before\:absolute:focus-visible:before{content:var(--tw-content);position:absolute}.focus-visible\:before\:outline:focus-visible:before{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:1px}.active\:border-secondary:active{border-color:var(--secondary)}.active\:border-transparent:active{border-color:#0000}.active\:bg-surface-dim:active{background-color:var(--surface-dim)}.active\:bg-transparent:active{background-color:#0000}.active\:inset-shadow-1-shadow:active,.active\:inset-shadow-2-shadow:active,.active\:inset-shadow-3-shadow:active{box-shadow:inset var(--inset-position)var(--inset-position)var(--inset-blur)0 var(--inset-color)}.active\:inset-shadow-1-shadow:active{--inset-color:var(--shadow);--inset-position:1px;--inset-blur:2px}.active\:inset-shadow-2-shadow:active{--inset-color:var(--shadow);--inset-position:2px;--inset-blur:3px}.active\:inset-shadow-3-shadow:active{--inset-color:var(--shadow);--inset-position:3px;--inset-blur:4px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.hover\:disabled\:cursor-not-allowed:hover:disabled{cursor:not-allowed}}.data-checked\:size-\[18px\][data-checked]{width:18px;height:18px}.data-checked\:translate-x-\[26px\][data-checked]{--tw-translate-x:26px;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-checked\:scale-\[1\.1\][data-checked]{scale:1.1}.data-checked\:bg-accent[data-checked]{background-color:var(--accent)}.data-checked\:bg-on-accent[data-checked]{background-color:var(--on-accent)}.data-checked\:raised-1[data-checked]{box-shadow:inset -1px -1px 2px #00000059,inset 1px 1px 2px #ffffff26,1px 1px 2px #00000040}.data-ending-style\:scale-90[data-ending-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-ending-style\:opacity-0[data-ending-style]{opacity:0}.data-expanded\:transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-offset-y\)\*-1\+calc\(var\(--toast-index\)\*var\(--gap\)\*-1\)\+var\(--toast-swipe-movement-y\)\)\)\][data-expanded]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--toast-offset-y)*-1 + calc(var(--toast-index)*var(--gap)*-1) + var(--toast-swipe-movement-y)))}.data-expanded\:transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-offset-y\)\+calc\(var\(--toast-index\)\*var\(--gap\)\)\+var\(--toast-swipe-movement-y\)\)\)\][data-expanded]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--toast-offset-y) + calc(var(--toast-index)*var(--gap)) + var(--toast-swipe-movement-y)))}.data-hovering\:opacity-100[data-hovering]{opacity:1}.data-hovering\:delay-0[data-hovering]{transition-delay:0s}.data-hovering\:duration-75[data-hovering]{--tw-duration:75ms;transition-duration:75ms}.data-limited\:opacity-0[data-limited]{opacity:0}.data-scrolling\:opacity-100[data-scrolling]{opacity:1}.data-scrolling\:delay-0[data-scrolling]{transition-delay:0s}.data-scrolling\:duration-75[data-scrolling]{--tw-duration:75ms;transition-duration:75ms}.data-starting-style\:scale-90[data-starting-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-starting-style\:transform-\[translateY\(-150\%\)\][data-starting-style]{transform:translateY(-150%)}.data-starting-style\:transform-\[translateY\(150\%\)\][data-starting-style]{transform:translateY(150%)}.data-starting-style\:opacity-0[data-starting-style]{opacity:0}.data-unchecked\:bg-accent[data-unchecked]{background-color:var(--accent)}.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true]{cursor:not-allowed}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}@media (hover:hover){.data-\[disabled\=true\]\:hover\:outline-transparent[data-disabled=true]:hover{outline-color:#0000}}.data-\[side\=bottom\]\:top-\[-8px\][data-side=bottom]{top:-8px}.data-\[side\=left\]\:right-\[-13px\][data-side=left]{right:-13px}.data-\[side\=left\]\:rotate-90[data-side=left]{rotate:90deg}.data-\[side\=right\]\:left-\[-13px\][data-side=right]{left:-13px}.data-\[side\=right\]\:-rotate-90[data-side=right]{rotate:-90deg}.data-\[side\=top\]\:bottom-\[-8px\][data-side=top]{bottom:-8px}.data-\[side\=top\]\:rotate-180[data-side=top]{rotate:180deg}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:.2s cubic-bezier(.7,0,.84,0) fadeOutDown}.data-ending-style\:data-\[swipe-direction\=down\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-ending-style][data-swipe-direction=down],.data-expanded\:data-ending-style\:data-\[swipe-direction\=down\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.data-ending-style\:data-\[swipe-direction\=left\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=left],.data-expanded\:data-ending-style\:data-\[swipe-direction\=left\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%))translateY(var(--offset-y))}.data-ending-style\:data-\[swipe-direction\=right\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=right],.data-expanded\:data-ending-style\:data-\[swipe-direction\=right\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%))translateY(var(--offset-y))}.data-ending-style\:data-\[swipe-direction\=up\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-ending-style][data-swipe-direction=up],.data-expanded\:data-ending-style\:data-\[swipe-direction\=up\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}@supports (-webkit-touch-callout:none){.supports-\[-webkit-touch-callout\:none\]\:absolute{position:absolute}}@media (min-width:48rem){.md\:rounded-full{border-radius:3.40282e38px}}.\[\&\>svg\]\:size-md>svg{width:clamp(1.125rem,.9716rem + .6818vw,1.5rem);height:clamp(1.125rem,.9716rem + .6818vw,1.5rem)}.\[\&\>svg\]\:size-sm>svg{width:clamp(.75rem,.6477rem + .4545vw,1rem);height:clamp(.75rem,.6477rem + .4545vw,1rem)}.\[\&\>svg\]\:size-xs>svg{width:clamp(.5625rem,.4858rem + .3409vw,.75rem);height:clamp(.5625rem,.4858rem + .3409vw,.75rem)}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:transform-\[translateY\(-150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(-150%)}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:transform-\[translateY\(150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(150%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.94)}}@keyframes scaleInUp{0%{opacity:0;transform:translateY(4px)scale(.9)}50%{opacity:.8;transform:translateY(-2px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scaleOutDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(4px)scale(.9)}}}:root{--primary:var(--color-blue-500);--on-primary:var(--color-white-200);--primary-container:var(--color-blue-100);--on-primary-container:var(--color-blue-600);--on-primary-container-variant:var(--color-blue-900);--secondary:var(--color-slate-700);--on-secondary:var(--color-white-200);--secondary-container:var(--color-slate-100);--on-secondary-container:var(--color-slate-600);--on-secondary-container-variant:var(--color-slate-900);--accent:var(--color-lime-500);--on-accent:var(--color-white-200);--accent-container:var(--color-lime-100);--on-accent-container:var(--color-lime-600);--on-accent-container-variant:var(--color-lime-900);--error:var(--color-red-500);--on-error:var(--color-white-200);--error-container:var(--color-red-100);--on-error-container:var(--color-red-800);--on-error-container-variant:var(--color-red-700);--success:var(--color-green-500);--on-success:var(--color-white-200);--success-container:var(--color-green-100);--on-success-container:var(--color-green-800);--on-success-container-variant:var(--color-green-700);--warning:var(--color-orange-500);--on-warning:var(--color-white-200);--warning-container:var(--color-orange-100);--on-warning-container:var(--color-orange-800);--on-warning-container-variant:var(--color-orange-700);--surface-dim:var(--color-white-300);--surface:var(--color-white-200);--surface-bright:var(--color-white-150);--surface-container-lowest:var(--color-white-150);--surface-container-low:var(--color-white-100);--surface-container:var(--color-white-75);--surface-container-high:var(--color-white-50);--surface-container-highest:var(--color-white-25);--on-surface:var(--color-black-200);--on-surface-variant:var(--color-black-800);--outline:var(--color-white-900);--outline-variant:var(--color-white-600);--inverse-surface:var(--color-black-100);--inverse-on-surface:var(--color-white-200);--inverse-primary:var(--color-blue-300);--scrim:#00000059;--shadow:#00000040;--glass-fill-lowest:#ffffff14;--glass-fill-low:#ffffff1f;--glass-fill-medium:#ffffff29;--glass-fill-high:#fff3;--glass-fill-highest:#ffffff40;--on-glass:var(--color-black-400);--on-glass-variant:var(--color-black-700);--inverse-glass-fill:#1e1e1e;--inverse-on-glass:var(--color-white-400);--glass-outline-lowest:#fff6;--glass-outline-low:#ffffff80;--glass-outline-medium:#fff9;--glass-outline-high:#ffffffb2;--glass-outline-highest:#fffc}.dark{--primary:var(--color-blue-400);--on-primary:var(--color-black-100);--primary-container:var(--color-blue-900);--on-primary-container:var(--color-blue-400);--on-primary-container-variant:var(--color-blue-100);--secondary:var(--color-slate-500);--on-secondary:var(--color-black-100);--secondary-container:var(--color-slate-900);--on-secondary-container:var(--color-slate-400);--on-secondary-container-variant:var(--color-slate-100);--accent:var(--color-lime-200);--on-accent:var(--color-black-100);--accent-container:var(--color-lime-900);--on-accent-container:var(--color-lime-400);--on-accent-container-variant:var(--color-lime-100);--error:var(--color-red-500);--on-error:var(--color-black-100);--error-container:var(--color-red-900);--on-error-container:var(--color-red-400);--on-error-container-variant:var(--color-red-200);--success:var(--color-green-300);--on-success:var(--color-black-100);--success-container:var(--color-green-900);--on-success-container:var(--color-green-200);--on-success-container-variant:var(--color-green-300);--warning:var(--color-orange-300);--on-warning:var(--color-black-100);--warning-container:var(--color-orange-900);--on-warning-container:var(--color-orange-400);--on-warning-container-variant:var(--color-orange-200);--surface-dim:var(--color-black-75);--surface:var(--color-black-100);--surface-bright:var(--color-black-150);--surface-container-lowest:var(--color-black-200);--surface-container-low:var(--color-black-250);--surface-container:var(--color-black-300);--surface-container-high:var(--color-black-400);--surface-container-highest:var(--color-black-500);--on-surface:var(--color-white-200);--on-surface-variant:var(--color-white-900);--outline:var(--color-black-600);--outline-variant:var(--color-black-400);--inverse-surface:var(--color-white-200);--inverse-on-surface:var(--color-black-200);--inverse-primary:var(--color-blue-600);--scrim:#00000059;--shadow:#0009;--glass-fill-lowest:#19191926;--glass-fill-low:#19191933;--glass-fill-medium:#19191940;--glass-fill-high:#1919194d;--glass-fill-highest:#19191959;--on-glass:var(--color-white-400);--on-glass-variant:var(--color-white-700);--inverse-glass-fill:#eceef0;--inverse-on-glass:var(--color-black-400);--glass-outline-lowest:#fff3;--glass-outline-low:#ffffff4d;--glass-outline-medium:#fff6;--glass-outline-high:#ffffff80;--glass-outline-highest:#fff9}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|