@max-ts/kit 0.0.2

package/lib/styles.css

@@ -0,0 +1 @@
+:root{--colors-primary-100:oklch(.97 0 0);--colors-primary-200:oklch(.92 0 0);--colors-primary-300:oklch(.87 0 0);--colors-primary-400:oklch(.72 0 0);--colors-primary-500:oklch(.56 0 0);--colors-primary-600:oklch(.44 0 0);--colors-primary-700:oklch(.37 0 0);--colors-primary-800:oklch(.27 0 0);--colors-primary-900:oklch(.2 0 0);--colors-red-100:oklch(.94 .03 18);--colors-red-200:oklch(.88 .06 18);--colors-red-300:oklch(.81 .1 20);--colors-red-400:oklch(.71 .17 22);--colors-red-500:oklch(.64 .21 25);--colors-red-600:oklch(.58 .22 27);--colors-red-700:oklch(.51 .19 28);--colors-red-800:oklch(.44 .16 27);--colors-red-900:oklch(.4 .13 26);--colors-green-100:oklch(.96 .04 157);--colors-green-200:oklch(.93 .08 156);--colors-green-300:oklch(.87 .14 154);--colors-green-400:oklch(.8 .18 152);--colors-green-500:oklch(.72 .19 150);--colors-green-600:oklch(.63 .17 149);--colors-green-700:oklch(.53 .14 150);--colors-green-800:oklch(.45 .11 151);--colors-green-900:oklch(.39 .09 153);--colors-yellow-100:oklch(.97 .07 103);--colors-yellow-200:oklch(.95 .12 102);--colors-yellow-300:oklch(.91 .17 98);--colors-yellow-400:oklch(.86 .17 92);--colors-yellow-500:oklch(.8 .16 86);--colors-yellow-600:oklch(.68 .14 76);--colors-yellow-700:oklch(.55 .12 66);--colors-yellow-800:oklch(.48 .1 62);--colors-yellow-900:oklch(.42 .09 58);--colors-grey-100:oklch(.97 0 265);--colors-grey-200:oklch(.93 .01 265);--colors-grey-300:oklch(.87 .01 258);--colors-grey-400:oklch(.71 .02 261);--colors-grey-500:oklch(.55 .02 264);--colors-grey-600:oklch(.45 .03 257);--colors-grey-700:oklch(.37 .03 260);--colors-grey-800:oklch(.28 .03 257);--colors-grey-900:oklch(.21 .03 265);--colors-info:oklch(.6 .19 250);--colors-background-default:#fff;--colors-background-paper:#fff;--colors-background-element:#fafbfc;--colors-background-elementHover:#f3f4f6;--colors-foreground-primary:oklch(.98 .003 264);--colors-foreground-secondary:oklch(.18 .02 264);--colors-text-primary:oklch(.21 .03 265);--colors-text-secondary:oklch(.37 .03 260);--colors-text-disabled:oklch(.55 .02 264);--colors-text-hint:oklch(.71 .02 261);--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--fontSize-xs:.75rem;--fontSize-sm:.875rem;--fontSize-base:1rem;--fontSize-lg:1.125rem;--fontSize-xl:1.25rem;--fontSize-2xl:1.5rem;--fontSize-3xl:1.875rem;--fontSize-4xl:2.25rem;--fontWeight-normal:400;--fontWeight-medium:500;--fontWeight-semibold:600;--fontWeight-bold:700;--lineHeight-none:1;--lineHeight-tight:1.25;--lineHeight-snug:1.375;--lineHeight-normal:1.5;--lineHeight-relaxed:1.625;--lineHeight-loose:2;--borderRadius-sm:.125rem;--borderRadius-md:.375rem;--borderRadius-lg:.5rem;--boxShadow-sm:0 1px 2px 0 #0000000d;--boxShadow-default:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--boxShadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--boxShadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--boxShadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;--boxShadow-none:none;--zIndex-0:0;--zIndex-10:10;--zIndex-20:20;--zIndex-30:30;--zIndex-40:40;--zIndex-50:50;--zIndex-auto:auto}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{padding:0}ul,ol{margin:0;padding:0;list-style:none}li{margin:0;padding:0;list-style-type:none}body{-webkit-font-smoothing:antialiased;color:var(--colors-text-primary);background-color:var(--colors-background-default);font-family:system-ui,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none;margin:0;padding:0}button{cursor:pointer}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes _1ersxw11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1ersxw10{white-space:nowrap;border-radius:var(--borderRadius-md);font-size:var(--fontSize-sm);font-family:inherit;font-weight:var(--fontWeight-medium);cursor:pointer;border-width:0;justify-content:center;align-items:center;line-height:100%;transition:background-color .2s;display:inline-flex;position:relative}._1ersxw10:disabled{pointer-events:none;opacity:.5}._1ersxw10:focus-visible{outline-offset:2px;box-shadow:var(--boxShadow-sm);outline:2px solid #0000}._1ersxw12{pointer-events:none;opacity:.5}._1ersxw12:after{content:"";box-sizing:border-box;z-index:2;border-style:solid;border-width:2px;border-bottom-color:#0000;border-radius:50%;width:18px;height:18px;animation:1s linear infinite _1ersxw11;display:inline-block;position:absolute}._1ersxw13{width:100%}._1ersxw14{background-color:var(--colors-primary-800);color:var(--colors-foreground-primary)}._1ersxw14:hover{background-color:var(--colors-primary-700)}._1ersxw15{background-color:var(--colors-red-700);color:var(--colors-foreground-primary)}._1ersxw15:hover{background-color:var(--colors-red-600)}._1ersxw16{border:1px solid var(--colors-grey-300);background-color:var(--colors-background-element);color:var(--colors-text-primary)}._1ersxw16:hover{background-color:var(--colors-background-elementHover)}._1ersxw17{color:var(--colors-text-primary);background-color:#0000}._1ersxw17:hover{background-color:var(--colors-background-elementHover)}._1ersxw18{color:var(--colors-primary-800);text-underline-offset:4px;background-color:#0000}._1ersxw18:hover{text-decoration-line:underline}._1ersxw19{height:2rem;padding:0 .7rem}._1ersxw1a{height:2.5rem;padding:.5rem 1rem}._1ersxw1b{height:2.7rem;padding:0 1.5rem}._1ersxw1c{width:2.5rem;height:2.5rem}._1ersxw1d{width:2rem;height:2rem}.c31e140{font-size:var(--fontSize-sm);line-height:var(--lineHeight-none);font-weight:var(--fontWeight-medium);margin-left:var(--spacing-1)}.c31e141{opacity:.5;cursor:not-allowed}._1iqvz720{font-family:inherit;font-size:inherit;line-height:inherit;display:flex;position:relative}._1iqvz721{border-right:none;border-radius:0}._1iqvz721:first-of-type{border-top-left-radius:var(--borderRadius-md);border-bottom-left-radius:var(--borderRadius-md)}._1iqvz721:last-of-type{border-top-right-radius:var(--borderRadius-md);border-bottom-right-radius:var(--borderRadius-md);border-right:1px solid var(--colors-grey-300)}._1iqvz722{font-size:var(--fontSize-base);position:absolute;top:-22px;left:0}.oyalw00{border-radius:var(--borderRadius-md);border:1px solid var(--colors-grey-200);background-color:var(--colors-background-default);box-shadow:var(--boxShadow-md)}.oyalw01{padding:var(--spacing-6);justify-content:space-between;gap:var(--spacing-2);flex-direction:column;display:flex}.oyalw02{font-size:var(--fontSize-2xl);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-none);letter-spacing:-.025em}.oyalw03{font-size:var(--fontSize-sm);color:var(--colors-text-secondary)}.oyalw04{padding:var(--spacing-6);padding-top:0}.oyalw05{padding:var(--spacing-6);align-items:center;padding-top:0;display:flex}.b7yo4k0{border:1px solid var(--colors-primary-900);background-color:var(--colors-background-default);cursor:pointer;border-radius:.2rem;flex-shrink:0;width:1rem;height:1rem;transition:all .2s;position:relative}.b7yo4k0:focus-visible{box-shadow:0 0 0 2px [object Object],0 0 0 4px var(--colors-primary-900);outline:none}.b7yo4k0:disabled{cursor:not-allowed;opacity:.5}.b7yo4k0[data-state=checked]{background-color:var(--colors-primary-900);color:var(--colors-foreground-primary)}.b7yo4k1{justify-content:center;align-items:center;display:flex}.b7yo4k2{width:1rem;height:1rem;stroke:var(--colors-foreground-primary);stroke-width:3px}@keyframes m6b9n20{to{transform:rotate(360deg)}}@keyframes m6b9n21{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:100 200;stroke-dashoffset:-15px}to{stroke-dasharray:100 200;stroke-dashoffset:-125px}}.m6b9n22{display:inline-block;position:relative}.m6b9n23{transform-origin:50%;width:100%;height:100%;display:block}.m6b9n24{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .35s}.m6b9n25{& m6b9n23{transform:rotate(-90deg)}& m6b9n24{transition:stroke-dashoffset .35s}}.m6b9n26{animation:1.4s linear infinite m6b9n20;& m6b9n24{animation:1.4s ease-in-out infinite m6b9n21}}.m6b9n27{color:var(--colors-primary-800)}.m6b9n28{color:var(--colors-grey-600)}.m6b9n29{color:inherit}@keyframes _1xy4jvu0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes _1xy4jvu1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}._1xy4jvu2{z-index:var(--zIndex-50);border-radius:var(--borderRadius-md);border:1px solid var(--colors-grey-300);background-color:var(--colors-background-paper);width:18rem;padding:var(--spacing-4);box-shadow:var(--boxShadow-md);outline:none}._1xy4jvu2[data-state=open]{animation:.15s ease-out _1xy4jvu0}._1xy4jvu2[data-state=closed]{animation:.15s ease-out _1xy4jvu1}._1sba6zo0{font-size:var(--fontSize-4xl);font-weight:var(--fontWeight-bold);line-height:var(--lineHeight-tight);letter-spacing:-.025em}._1sba6zo1{font-size:var(--fontSize-3xl);font-weight:var(--fontWeight-bold);line-height:var(--lineHeight-tight);letter-spacing:-.025em}._1sba6zo2{font-size:var(--fontSize-2xl);font-weight:var(--fontWeight-bold);line-height:var(--lineHeight-snug);letter-spacing:-.025em}._1sba6zo3{font-size:var(--fontSize-xl);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-snug)}._1sba6zo4{font-size:var(--fontSize-lg);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-normal)}._1sba6zo5{font-size:var(--fontSize-base);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-normal)}._1sba6zo6{font-size:var(--fontSize-base);font-weight:var(--fontWeight-medium);line-height:var(--lineHeight-normal);letter-spacing:.009em}._1sba6zo7{font-size:var(--fontSize-sm);font-weight:var(--fontWeight-medium);letter-spacing:.007em;line-height:1.57}._1sba6zo8{font-size:var(--fontSize-base);font-weight:var(--fontWeight-normal);line-height:var(--lineHeight-normal);letter-spacing:.012em}._1sba6zo9{font-size:var(--fontSize-sm);font-weight:var(--fontWeight-normal);line-height:var(--lineHeight-snug);letter-spacing:.01em}._1sba6zoa{font-size:var(--fontSize-xs);font-weight:var(--fontWeight-normal);line-height:var(--lineHeight-relaxed);letter-spacing:.027em}._1sba6zob{font-size:var(--fontSize-xs);font-weight:var(--fontWeight-normal);letter-spacing:.083em;text-transform:uppercase;line-height:2.66}._1sba6zoc{color:var(--colors-text-primary)}._1sba6zod{color:var(--colors-text-secondary)}._1sba6zoe{color:var(--colors-text-disabled)}._1sba6zof{color:var(--colors-green-600)}._1sba6zog{color:var(--colors-red-600)}._1sba6zoh{color:var(--colors-yellow-600)}._1sba6zoi{color:var(--colors-info)}._1sba6zoj{text-align:left}._1sba6zok{text-align:center}._1sba6zol{text-align:right}._1sba6zom{text-align:justify}._1sba6zon{display:block}._1sba6zoo{display:inline}._1sba6zop{font-weight:var(--fontWeight-normal)}._1sba6zoq{font-weight:var(--fontWeight-medium)}._1sba6zor{font-weight:var(--fontWeight-semibold)}._1sba6zos{font-weight:var(--fontWeight-bold)}._1sba6zot{text-transform:lowercase}._1sba6zou{text-transform:uppercase}._1sba6zov{text-transform:capitalize}._1sba6zow{text-decoration:none}._1sba6zox{text-decoration:underline}._1sba6zoy{text-decoration:line-through}._1sba6zoz{margin-bottom:var(--spacing-2)}._1q1uhgp0{justify-content:end;gap:10px;display:flex}._1q1uhgp1{flex-direction:column;gap:10px;display:flex}._1q1uhgp2{width:min-content;padding:.7rem}._1q1uhgp3{width:max-content;max-width:400px}._1o97kvm0{object-fit:contain;max-width:100%;color:var(--colors-text-secondary);display:block}._1o97kvm1{margin:auto auto var(--spacing-4)}._1o97kvm2{margin:auto auto var(--spacing-8)}._1o97kvm3{margin:auto auto var(--spacing-10)}@media (width<=600px){._1o97kvm0{margin:auto auto var(--spacing-4)}}._1nenzg00{width:100%;height:100%;padding:var(--spacing-4);background-color:var(--colors-background-paper);flex-direction:column;justify-content:center;align-items:center;display:flex}._1nenzg01{gap:var(--spacing-4)}._1nenzg02{gap:var(--spacing-8)}._1nenzg03{gap:var(--spacing-10)}._1nenzg04{margin:0 auto}._1nenzg05{text-align:center;color:var(--colors-text-secondary);display:block}._1nenzg06{color:var(--colors-text-secondary);justify-content:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}@media (width<=560px){._1nenzg00{gap:var(--spacing-4);grid-template-rows:1fr max-content;grid-template-columns:100%;display:grid}}.nan0ao0{flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@keyframes izacrl0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes izacrl1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.izacrl2{z-index:var(--zIndex-50);border-radius:var(--borderRadius-md);background-color:var(--colors-grey-700);padding:var(--spacing-1)var(--spacing-2);box-shadow:var(--boxShadow-md);overflow:hidden}.izacrl2[data-state=open]{animation:.15s ease-out izacrl0}.izacrl2[data-state=closed]{animation:.15s ease-out izacrl1}.izacrl3{color:var(--colors-foreground-primary);font-size:var(--fontSize-sm);font-weight:var(--fontWeight-medium)}.izacrl4{fill:var(--colors-grey-700)}._1wpx85c0{align-items:center;gap:var(--spacing-1);cursor:pointer;flex-wrap:nowrap;width:fit-content;display:flex}._1wpx85c0:hover{text-decoration:underline}._1wpx85c1{width:var(--spacing-4);height:var(--spacing-4);min-width:var(--spacing-4);min-height:var(--spacing-4)}._1047swj0{padding:var(--spacing-1)var(--spacing-2);height:100%;color:var(--colors-text-primary);font-size:var(--fontSize-base);border-bottom:1px solid var(--colors-grey-300);overflow:hidden}._1047swj1{opacity:.5}.gsm9mv0{background-color:#0000;transition:background-color .2s}.gsm9mv1{cursor:pointer}.gsm9mv1:hover{background-color:var(--colors-background-elementHover)}._15m2ib80{width:100%;height:100%}._15m2ib81{justify-content:center;align-items:center;height:100%;min-height:50px;display:flex}._82af400{scroll-behavior:smooth;height:100%;margin:0;padding:0;list-style-type:none}._2s55b60{justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex}.uma6hu0{padding:var(--spacing-1)var(--spacing-2);width:100%;font-weight:var(--fontWeight-semibold);font-size:var(--fontSize-base);overflow-wrap:break-word;color:var(--colors-text-secondary);background-color:var(--colors-grey-200);border-bottom:1px solid var(--colors-grey-300)}.fkgoub0{z-index:1;position:sticky;top:0}._1gqvluf0{background-color:var(--colors-background-default);border:1px solid var(--colors-grey-300);border-radius:var(--borderRadius-md);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden auto}._1gqvluf1{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%}._1gqvluf2{pointer-events:none;background:var(--colors-background-default);mix-blend-mode:luminosity}._1gqvluf3{pointer-events:none;opacity:.5}._1gqvluf4{font-size:var(--fontSize-2xl);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-none);letter-spacing:-.025em}@keyframes _1ib8wkt0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes _1ib8wkt1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}._1ib8wkt2{cursor:default;gap:var(--spacing-2);user-select:none;border-radius:var(--borderRadius-md);padding:var(--spacing-2)var(--spacing-3);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);color:var(--colors-text-primary);outline:none;align-items:center;display:flex}._1ib8wkt2:focus,._1ib8wkt2[data-state=open]{background-color:var(--colors-background-elementHover)}._1ib8wkt2.inset{padding-left:var(--spacing-8)}._1ib8wkt2 svg{pointer-events:none;width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;margin-left:auto}._1ib8wkt3{height:var(--spacing-4);width:var(--spacing-4)}._1ib8wkt4{z-index:var(--zIndex-50);min-width:var(--spacing-20);border-radius:var(--borderRadius-md);border:1px solid var(--colors-grey-300);background-color:var(--colors-background-paper);color:var(--colors-foreground-primary);box-shadow:var(--boxShadow-md);padding:var(--spacing-1);overflow:hidden}._1ib8wkt4[data-state=open]{animation:.2s ease-out _1ib8wkt0}._1ib8wkt4[data-state=closed]{animation:.2s ease-out _1ib8wkt1}._1ib8wkt5{z-index:var(--zIndex-50);min-width:var(--spacing-20);border-radius:var(--borderRadius-md);border:1px solid var(--colors-grey-300);background-color:var(--colors-background-paper);color:var(--colors-foreground-primary);box-shadow:var(--boxShadow-default);padding:var(--spacing-1);overflow:hidden}._1ib8wkt5[data-state=open]{animation:.2s ease-out _1ib8wkt0}._1ib8wkt5[data-state=closed]{animation:.2s ease-out _1ib8wkt1}._1ib8wkt6{cursor:default;user-select:none;align-items:center;gap:var(--spacing-2);color:var(--colors-text-primary);border-radius:var(--borderRadius-md);padding:var(--spacing-2)var(--spacing-3);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);outline:none;transition:background-color .2s,color .2s;display:flex;position:relative}._1ib8wkt6:focus{background-color:var(--colors-background-elementHover);color:var(--colors-foreground-secondary)}._1ib8wkt6[data-disabled]{pointer-events:none;opacity:.5}._1ib8wkt6.inset{padding-left:var(--spacing-8)}._1ib8wkt6 svg{pointer-events:none;width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0}._1ib8wkt7{cursor:default;user-select:none;border-radius:var(--borderRadius-md);padding:var(--spacing-3)var(--spacing-8)var(--spacing-3)var(--spacing-2);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);outline:none;align-items:center;transition:background-color .2s,color .2s;display:flex;position:relative}._1ib8wkt7:focus{background-color:var(--colors-background-elementHover);color:var(--colors-foreground-secondary)}._1ib8wkt7[data-disabled]{pointer-events:none;opacity:.5}._1ib8wkt8{cursor:default;user-select:none;border-radius:var(--borderRadius-md);padding:var(--spacing-3)var(--spacing-8)var(--spacing-3)var(--spacing-2);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);outline:none;align-items:center;transition:background-color .2s,color .2s;display:flex;position:relative}._1ib8wkt8:focus{background-color:var(--colors-background-elementHover);color:var(--colors-foreground-secondary)}._1ib8wkt8[data-disabled]{pointer-events:none;opacity:.5}._1ib8wkt9,._1ib8wkta{left:var(--spacing-2);width:var(--spacing-4);height:var(--spacing-4);justify-content:center;align-items:center;display:flex;position:absolute}._1ib8wktb{padding:var(--spacing-2)var(--spacing-3);color:var(--colors-text-primary);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);font-weight:var(--fontWeight-semibold)}._1ib8wktb.inset{padding-left:var(--spacing-8)}._1ib8wktc{margin:var(--spacing-1)0;background-color:var(--colors-grey-200);height:1px}._1ib8wktd{font-size:var(--fontSize-xs);letter-spacing:.05em;opacity:.6;margin-left:auto}.y44ln70{align-items:center;display:inline-flex}.o752f00{align-items:center;gap:var(--spacing-1);cursor:pointer;color:inherit;font-size:inherit;font-weight:inherit;overflow-wrap:break-word;background-color:#0000;border:none;width:100%;height:100%;font-family:inherit;display:flex;position:relative}.o752f00 svg{stroke:currentColor;min-width:12px}.o752f01{justify-content:flex-start}.o752f02{justify-content:center}.o752f03{justify-content:flex-end}.o752f04{justify-content:space-between}._1syvw5e0{padding:var(--spacing-4)var(--spacing-5);justify-content:center;list-style-type:none;display:flex}@container (width>=600px){._1syvw5e0{padding:var(--spacing-4)}}.qlujai0{justify-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-5);grid-template-rows:max-content max-content;grid-template-columns:100%;list-style-type:none;display:grid}@container (width>=600px){.qlujai0{gap:var(--spacing-4);padding:var(--spacing-4);justify-items:normal}}._111czea0{padding:var(--spacing-3)var(--spacing-5);justify-content:center;list-style-type:none;display:flex}@container (width>=600px){._111czea0{padding:var(--spacing-3)var(--spacing-4)}}._1jg5nd90{right:var(--spacing-3);bottom:var(--spacing-8);visibility:hidden;transition:visibility .2s;position:absolute}._1jg5nd91{visibility:visible}@container (width>=600px){._1jg5nd90{right:var(--spacing-8)}}._1ezen7g0{container-type:inline-size}._1ezen7g1{cursor:pointer;padding:var(--spacing-3)var(--spacing-4);background-color:var(--colors-background-default);border-radius:var(--borderRadius-sm);font-family:inherit;font-size:inherit;list-style-type:none;transition:background-color .2s}._1ezen7g1:hover{background-color:var(--colors-background-elementHover)}@container (width>=600px){._1ezen7g1{border-bottom:1px solid var(--colors-grey-300)}}._1tsgk1i0{max-width:calc(100% - var(--spacing-3));margin-right:var(--spacing-2);flex-shrink:0}._1tsgk1i1{max-width:calc(100% - 36px)}._1tsgk1i2{min-width:var(--spacing-3);height:var(--spacing-1);margin-right:var(--spacing-2);border-bottom:1px dashed var(--colors-grey-300);flex:1}@media (width<=600px){._1tsgk1i2{display:none}}.sdcsnp0{margin:0;overflow:hidden}.sdcsnp1{hyphens:auto;overflow-wrap:break-word;text-align:left;overflow:hidden}.sdcsnp2{text-align:right}._1lociyw0{align-items:baseline;margin:0;display:flex;overflow:hidden}._1lociyw1{flex-direction:row}._1lociyw2{flex-direction:column}._1lociyw3{justify-content:space-between}._1lociyw4{justify-content:start}@keyframes _8bkmbe0{0%{opacity:0}to{opacity:1}}@keyframes _8bkmbe1{0%{opacity:1}to{opacity:0}}@keyframes _8bkmbe3{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes _8bkmbe4{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-48%)scale(.96)}}._8bkmbe2{z-index:var(--zIndex-50);background-color:#0009;position:fixed;inset:0}._8bkmbe2[data-state=open]{animation:.2s ease-out _8bkmbe0}._8bkmbe2[data-state=closed]{animation:.2s ease-in _8bkmbe1}._8bkmbe5{z-index:var(--zIndex-50);gap:var(--spacing-4);border:1px solid var(--colors-grey-300);background-color:var(--colors-background-paper);width:100%;max-width:32rem;padding:var(--spacing-4);border-radius:var(--borderRadius-md);box-shadow:var(--boxShadow-lg);transition-duration:.2s;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}._8bkmbe5[data-state=open]{animation:.2s ease-out _8bkmbe3}._8bkmbe5[data-state=closed]{animation:.2s ease-in _8bkmbe4}._8bkmbe6{right:var(--spacing-2);top:var(--spacing-3);border-radius:var(--borderRadius-md);opacity:.7;background-color:var(--colors-background-paper);cursor:pointer;border:none;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .15s;display:flex;position:absolute}._8bkmbe6:hover{opacity:1}._8bkmbe6:focus{outline:none}._8bkmbe6:disabled{pointer-events:none}._8bkmbe6[data-state=open]{background-color:var(--colors-primary-500)}._8bkmbe6 svg{width:24px;height:24px}._8bkmbe7{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._8bkmbe8{text-align:center;flex-direction:column;display:flex}._8bkmbe9{gap:var(--spacing-2)}._8bkmbea{gap:var(--spacing-2);flex-direction:column-reverse;display:flex}._8bkmbeb{font-size:var(--fontSize-lg);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-none);letter-spacing:-.025em;padding-right:var(--spacing-4)}._8bkmbec{font-size:var(--fontSize-sm);color:var(--colors-text-hint)}@media (width>=640px){._8bkmbe5{border-radius:var(--borderRadius-lg)}._8bkmbe8{text-align:left}._8bkmbea{justify-content:flex-end;gap:var(--spacing-2);flex-direction:row}}.a5l83v0{width:100%;max-width:800px;height:100%;margin:0 auto;position:relative;overflow:hidden}.a5l83v1{width:100%;height:100%;transition:transform .5s;display:flex}.a5l83v2{justify-content:center;align-items:center;min-width:100%;height:100%;display:flex}.a5l83v3{object-fit:contain;width:100%;height:100%}.a5l83v4{width:40px;height:40px;font-size:var(--fontSize-xl);cursor:pointer;z-index:var(--zIndex-10);background-color:#ffffffb3;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.a5l83v4:hover{background-color:#ffffffe6}.a5l83v5{left:var(--spacing-2)}.a5l83v6{right:var(--spacing-2)}.a5l83v7{bottom:var(--spacing-5);gap:var(--spacing-2);display:flex;position:absolute;left:50%;transform:translate(-50%)}.a5l83v8{width:var(--spacing-3);height:var(--spacing-3);cursor:pointer;background-color:#ffffff80;border:none;border-radius:50%;transition:background-color .3s}.a5l83v8:hover,.a5l83v8.active{background-color:#fff}._1blk89u0{align-items:center;transition:all .2s;display:flex}._1blk89u1{border:1px solid var(--colors-grey-300);border-radius:var(--borderRadius-md)}._1blk89u2{border-bottom:1px solid var(--colors-grey-300);border-radius:0}._1blk89u3{width:100%}._1blk89u4:hover{border-color:var(--colors-grey-500)}._1blk89u5:focus-within{border-color:var(--colors-primary-500)}._1blk89u6{opacity:.5;border-color:var(--colors-grey-300)}._1blk89u7,._1blk89u7:hover{border-color:var(--colors-red-500)}._1blk89u8{font-size:inherit;background:0 0;border:none;outline:none;flex:1;font-family:inherit}._1blk89u8:focus{outline:none}._1blk89u8::placeholder{color:var(--colors-grey-500)}._1blk89u8:disabled{opacity:.5;cursor:not-allowed}._1blk89u9{font-size:var(--fontSize-xs);padding:var(--spacing-1)var(--spacing-2)}._1blk89ua{font-size:var(--fontSize-sm);padding:var(--spacing-2)var(--spacing-3)}._1blk89ub{font-size:var(--fontSize-base);padding:var(--spacing-3)var(--spacing-4)}._1blk89uc{padding:0 var(--spacing-2);justify-content:center;align-items:center;display:flex}._1blk89ud{padding-left:0}._1blk89ue{padding-right:0}.h9oy580{touch-action:none;user-select:none;align-items:center;width:100%;display:flex;position:relative}.h9oy581{background-color:var(--colors-grey-200);cursor:pointer;border-radius:9999px;flex-grow:1;width:100%;height:.3rem;position:relative;overflow:hidden}.h9oy582{background-color:var(--colors-primary-800);height:100%;position:absolute}.h9oy583{border:2px solid var(--colors-primary-800);background-color:var(--colors-background-default);cursor:grab;border-radius:9999px;width:1rem;height:1rem;transition:all .2s;display:block}.h9oy583:focus-visible{outline:none}.h9oy583:disabled{pointer-events:none;opacity:.5}._1pnwkko0{background:var(--colors-background-paper);border:1px solid var(--colors-grey-300);border-radius:var(--borderRadius-md);border-bottom:0;justify-content:space-between;align-items:center;column-gap:5px;transition:border .2s;display:flex;position:relative}._1pnwkko1{border-color:var(--colors-primary-500)}._1pnwkko2{font-size:var(--fontSize-xs);padding:var(--spacing-1);padding-bottom:var(--spacing-2)}._1pnwkko3{font-size:var(--fontSize-sm);padding:var(--spacing-2);padding-bottom:var(--spacing-3)}._1pnwkko4{font-size:var(--fontSize-base);padding:var(--spacing-3);padding-bottom:var(--spacing-4)}._1pnwkko5{font-size:var(--fontSize-base);position:absolute;top:-22px;left:0}._1pnwkko6{white-space:nowrap;color:#0000004d}._1pnwkko7{text-align:center;width:100%;min-width:24px;font-size:var(--fontSize-sm);text-wrap:nowrap;text-overflow:ellipsis;border:none;outline:none;overflow:hidden}._1pnwkko7:focus{border:none}._1pnwkko8{width:100%;position:absolute;bottom:0;left:0}@media (width<=600px){._1pnwkko0{width:100%}._1pnwkko8{bottom:-5px}}._1ou2vjc0{bottom:var(--spacing-5);width:40px;height:40px;z-index:var(--zIndex-10);box-shadow:var(--boxShadow-lg);padding:5px;transition:right .3s;position:fixed;right:-40px}._1ou2vjc1{right:var(--spacing-5)}@media (width<=560px){._1ou2vjc0{width:25px;height:25px}}@keyframes _5ilg7o0{0%{opacity:0}to{opacity:1}}@keyframes _5ilg7o1{0%{opacity:1}to{opacity:0}}._5ilg7o2{border-radius:var(--borderRadius-md);border:1px solid var(--colors-grey-300);background-color:var(--colors-background-default);width:100%;height:2.5rem;padding:var(--spacing-2)var(--spacing-3);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);color:var(--colors-text-primary);cursor:pointer;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex}._5ilg7o2:focus{border-color:var(--colors-primary-800);outline:none}._5ilg7o2:disabled{cursor:not-allowed;opacity:.5}._5ilg7o2 span{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}._5ilg7o2>span{line-clamp:1}._5ilg7o3{cursor:default;padding:var(--spacing-1)0;justify-content:center;align-items:center;display:flex}._5ilg7o4{z-index:var(--zIndex-50);border-radius:var(--borderRadius-md);border:1px solid var(--colors-grey-300);background-color:var(--colors-background-default);min-width:8rem;max-height:24rem;color:var(--colors-text-primary);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}._5ilg7o4[data-state=open]{animation:.15s ease-out _5ilg7o0}._5ilg7o4[data-state=closed]{animation:.15s ease-in _5ilg7o1}._5ilg7o4[data-side=bottom]{transform:translateY(4px)}._5ilg7o4[data-side=top]{transform:translateY(-4px)}._5ilg7o4[data-side=left]{transform:translate(-4px)}._5ilg7o4[data-side=right]{transform:translate(4px)}._5ilg7o5{padding:var(--spacing-1)}._5ilg7o5[data-position=popper]{height:var(--radix-select-trigger-height);width:100%;min-width:var(--radix-select-trigger-width)}._5ilg7o6{padding:var(--spacing-1)var(--spacing-2)var(--spacing-1)var(--spacing-8);font-size:var(--fontSize-sm);font-weight:var(--fontWeight-semibold)}._5ilg7o7{cursor:default;user-select:none;border-radius:var(--borderRadius-md);width:100%;padding:var(--spacing-1)var(--spacing-2)var(--spacing-1)var(--spacing-8);font-size:var(--fontSize-sm);outline:none;align-items:center;display:flex;position:relative}._5ilg7o7:focus{background-color:var(--colors-background-elementHover);color:var(--colors-text-primary)}._5ilg7o7[data-disabled]{pointer-events:none;opacity:.5}._5ilg7o8{left:var(--spacing-2);justify-content:center;align-items:center;width:.875rem;height:.875rem;display:flex;position:absolute}._5ilg7o9{margin:var(--spacing-1)-var(--spacing-1);background-color:var(--colors-background-element);height:1px}._5ilg7oa{width:1rem;height:1rem}._5ilg7ob{opacity:.5;width:1rem;height:1rem}.hworoa0{border-radius:var(--borderRadius-md);background-color:var(--colors-grey-200);height:36px;padding:var(--spacing-1);color:var(--colors-text-disabled);justify-content:center;align-items:center;display:inline-flex}.hworoa1{white-space:nowrap;border-radius:var(--borderRadius-md);padding:var(--spacing-1)var(--spacing-3);font-size:var(--fontSize-sm);line-height:1.25rem;font-weight:var(--fontWeight-medium);color:inherit;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.hworoa1:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px var(--colors-primary-500);outline:2px solid #0000}.hworoa1:disabled{pointer-events:none;opacity:.5}.hworoa1[data-state=active]{background-color:var(--colors-background-default);color:var(--colors-text-primary);box-shadow:var(--boxShadow-default)}.hworoa2{margin-top:var(--spacing-2)}.hworoa2:focus-visible{box-shadow:0 0 0 2px var(--colors-primary-500);outline-offset:2px;outline:none}.kqu4y20{gap:var(--spacing-1);flex-direction:column;display:flex}.kqu4y21{font-size:var(--fontSize-xs);margin:0;margin-left:var(--spacing-1);color:inherit}.kqu4y22{opacity:.5}.kqu4y23{color:var(--colors-red-500)}.kqu4y24{width:100%}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@max-ts/kit",
+  "version": "0.0.2",
+  "browser": "./src/index.ts",
+  "main": "./lib/index.mjs",
+  "module": "./lib/index.mjs",
+  "exports": {
+    ".": {
+      "import": "./lib/index.mjs",
+      "types": "./lib/index.d.ts"
+    }
+  },
+  "files": [
+    "lib"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "@fontsource-variable/roboto": "^5.2.5",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-slider": "^1.3.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@vanilla-extract/css": "^1.17.2",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.511.0",
+    "react-virtuoso": "^4.12.7"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@vanilla-extract/vite-plugin": "^5.0.2",
+    "@vanilla-extract/webpack-plugin": "^2.3.19"
+  },
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "type:check": "tsc --noEmit",
+    "type:watch": "tsc --noEmit --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './styles';