@qtalo/qt-ui-library 0.1.3 → 0.1.4

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/index.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
- @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-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-900:oklch(39.6% .141 25.723);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-900:oklch(40.8% .123 38.172);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-600:oklch(68.1% .162 75.834);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-900:oklch(40.5% .101 131.063);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-700:oklch(52.7% .154 150.069);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-900:oklch(37.8% .077 168.94);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-900:oklch(38.6% .063 188.416);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-900:oklch(39.8% .07 227.392);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-700:oklch(50% .134 242.749);--color-sky-900:oklch(39.1% .09 240.876);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-900:oklch(35.9% .144 278.697);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-900:oklch(38% .189 293.745);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-900:oklch(38.1% .176 304.987);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-900:oklch(40.1% .17 325.612);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-900:oklch(40.8% .153 2.432);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-900:oklch(41% .159 10.272);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:#fafafc;--color-neutral-200:#f5f5f8;--color-neutral-300:#f3f2f8;--color-neutral-400:#eae9f0;--color-neutral-500:#cbcad5;--color-neutral-600:#9f9eaa;--color-neutral-700:#82818e;--color-neutral-800:#46454a;--color-neutral-900:#1f1f1f;--color-neutral-950:oklch(14.5% 0 0);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-900:oklch(21.6% .006 56.043);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--color-error-base:#b86564;--color-neutral-300-variant-3:#f3f2f8;--color-neutral-400-variant-1:#eae9f0;--color-neutral-400-variant-4:#eae9f0;--color-neutral-500-variant-3:#cbcad5;--color-neutral-500-variant-4:#cbcad5;--color-neutral-600-variant-1:#9f9eaa;--color-neutral-600-variant-7:#9f9eaa;--color-neutral-700-alpha-60:oklab(60.8434% .00645489 -.0183896/.6);--color-brand-primary:#6558fd;--color-primary-400:#abaaff;--color-primary-400-variant-1:#abaaff;--color-primary-500:#6558fd;--color-primary-600:#4f3ed0;--color-primary-600-variant-1:#4f3ed0;--color-primary-bright:#5a4de8;--color-primary-deep:#3d2fa0;--color-primary-light:#f4f3ff;--color-primary-subtle:#e8e5ff;--color-success-base:#13925c;--color-success-light:#ebfaf4;--color-surface-dark:#0d0d0d;--color-tertiary-50:#ffecea;--color-tertiary-400:#ff8578;--color-tertiary-500:#ff4b33;--color-tertiary-500-variant-2:#ff4b33;--color-white-variant-1:#fff;--color-white-variant-4:#fff;--color-white-variant-5:#fff;--color-white-variant-7:#fff}.dark{--color-amber-200:oklab(41.4% .0779366 .0804356/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-amber-200:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}.dark{--color-amber-700:var(--color-amber-300);--color-black-alpha-10:oklab(0% none none/.2)}@supports (color:color-mix(in lab, red, red)){.dark{--color-black-alpha-10:color-mix(in oklab,var(--color-black)20%,transparent)}}.dark{--color-blue-200:oklab(37.9% -.0113991 -.145554/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-blue-200:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark{--color-blue-700:var(--color-blue-300);--color-cyan-200:oklab(39.8% -.0473885 -.0515202/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-cyan-200:color-mix(in oklab,var(--color-cyan-900)30%,transparent)}}.dark{--color-cyan-700:var(--color-cyan-300);--color-emerald-200:oklab(37.8% -.0755699 .0147714/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-emerald-200:color-mix(in oklab,var(--color-emerald-900)30%,transparent)}}.dark{--color-emerald-700:var(--color-emerald-300);--color-error-base:#b86564;--color-fuchsia-200:oklab(40.1% .140289 -.096015/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-fuchsia-200:color-mix(in oklab,var(--color-fuchsia-900)30%,transparent)}}.dark{--color-fuchsia-700:var(--color-fuchsia-300);--color-green-200:oklab(39.3% -.0842928 .0438146/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-green-200:color-mix(in oklab,var(--color-green-900)30%,transparent)}}.dark{--color-green-700:var(--color-green-300);--color-indigo-200:oklab(35.9% .0217741 -.142344/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-indigo-200:color-mix(in oklab,var(--color-indigo-900)30%,transparent)}}.dark{--color-indigo-700:var(--color-indigo-300);--color-lime-200:oklab(40.5% -.0663458 .0761528/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-lime-200:color-mix(in oklab,var(--color-lime-900)30%,transparent)}}.dark{--color-lime-700:var(--color-lime-300);--color-neutral-50:#1a1a1a;--color-neutral-50-variant-1:var(--color-neutral-50);--color-neutral-100:#1b1925;--color-neutral-100-variant-1:#fafafc;--color-neutral-100-variant-2:#0d0d0d;--color-neutral-100-variant-3:#1f1f1f;--color-neutral-100-variant-4:#1a1a1a;--color-neutral-100-variant-5:#111;--color-neutral-100-variant-6:#1d1d1f;--color-neutral-200:#111;--color-neutral-200-variant-1:#2a2a2a;--color-neutral-200-variant-2:#f5f5f8;--color-neutral-300:#1f1f1f;--color-neutral-300-variant-1:#f3f2f8;--color-neutral-300-variant-2:#2a2a2a;--color-neutral-300-variant-3:#46454a;--color-neutral-300-variant-4:#1b1925;--color-neutral-400:#1b1925;--color-neutral-400-variant-1:#46454a;--color-neutral-400-variant-2:#eae9f0;--color-neutral-400-variant-3:#1f1f1f;--color-neutral-400-variant-4:#46454a;--color-neutral-400-variant-5:#82818e;--color-neutral-500:#cbcad5;--color-neutral-500-variant-1:#eae9f0;--color-neutral-500-variant-2:#cbcad5;--color-neutral-500-variant-3:#46454a;--color-neutral-500-variant-4:#82818e;--color-neutral-600:#494854;--color-neutral-600-variant-1:#9f9eaa;--color-neutral-600-variant-2:#f3f2f8;--color-neutral-600-variant-3:#cbcad5;--color-neutral-600-variant-4:#46454a;--color-neutral-600-variant-5:#2f276d;--color-neutral-600-variant-6:#9f9eaa;--color-neutral-600-variant-7:#eae9f0;--color-neutral-700:#82818e;--color-neutral-700-alpha-60:oklab(60.8434% .00645489 -.0183896/.6);--color-neutral-700-variant-1:#f3f2f8;--color-neutral-700-variant-2:#46454a;--color-neutral-800:#f5f5f8;--color-neutral-800-variant-1:#fff;--color-neutral-800-variant-2:#fafafc;--color-neutral-800-variant-3:#46454a;--color-neutral-900:#fafafc;--color-neutral-900-variant-1:#fff;--color-neutral-900-variant-2:#f5f5f8;--color-orange-200:oklab(40.8% .0966976 .076017/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-orange-200:color-mix(in oklab,var(--color-orange-900)30%,transparent)}}.dark{--color-orange-700:var(--color-orange-300);--color-pink-200:oklab(40.8% .152862 .00649235/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-pink-200:color-mix(in oklab,var(--color-pink-900)30%,transparent)}}.dark{--color-pink-700:var(--color-pink-300);--color-primary-400:#2f276d;--color-primary-400-variant-1:#4f3ed0;--color-primary-500-variant-1:#abaaff;--color-primary-600:#abaaff;--color-primary-600-variant-1:#4f3ed0;--color-primary-bright:#5a4de8;--color-primary-deep:#3d2fa0;--color-primary-light:#242136;--color-primary-light-variant-1:#f4f3ff;--color-primary-light-variant-2:#2f2a45;--color-primary-subtle:#2a2540;--color-purple-200:oklab(38.1% .100917 -.144194/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-purple-200:color-mix(in oklab,var(--color-purple-900)30%,transparent)}}.dark{--color-purple-700:var(--color-purple-300);--color-red-200:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark{--color-red-200:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark{--color-red-700:var(--color-red-300);--color-rose-200:oklab(41% .156452 .0283531/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-rose-200:color-mix(in oklab,var(--color-rose-900)30%,transparent)}}.dark{--color-rose-700:var(--color-rose-300);--color-sky-200:#024a704d}@supports (color:color-mix(in lab, red, red)){.dark{--color-sky-200:color-mix(in oklab,var(--color-sky-900)30%,transparent)}}.dark{--color-sky-700:var(--color-sky-300);--color-slate-200:oklab(20.8% -.00310889 -.0418848/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-slate-200:color-mix(in oklab,var(--color-slate-900)30%,transparent)}}.dark{--color-slate-700:var(--color-slate-300);--color-stone-200:oklab(21.6% .00335142 .00497674/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-stone-200:color-mix(in oklab,var(--color-stone-900)30%,transparent)}}.dark{--color-stone-700:var(--color-stone-300);--color-success-light:#15231d;--color-surface-dark:#0d0d0d;--color-surface-darker:#1a1a1a;--color-surface-darkest:#1b1925;--color-surface-elevated:#242136;--color-surface-light:#151515;--color-teal-200:oklab(38.6% -.0623216 -.00922064/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-teal-200:color-mix(in oklab,var(--color-teal-900)30%,transparent)}}.dark{--color-teal-700:var(--color-teal-300);--color-tertiary-50:#372220;--color-tertiary-50-alpha-50:oklab(37.0822% .0498846 .0249096/.25);--color-tertiary-50-variant-1:#4a2826;--color-tertiary-400:#ff4b33;--color-tertiary-500:#ff8578;--color-tertiary-500-variant-1:#fff;--color-tertiary-500-variant-2:#ff4b33;--color-violet-200:oklab(38% .0761041 -.173/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-violet-200:color-mix(in oklab,var(--color-violet-900)30%,transparent)}}.dark{--color-violet-700:var(--color-violet-300);--color-white:#0d0d0d;--color-white-variant-1:#fff;--color-white-variant-2:#1a1a1a;--color-white-variant-3:#151515;--color-white-variant-4:#1b1925;--color-white-variant-5:#1f1f1f;--color-white-variant-6:#111;--color-yellow-300:var(--color-yellow-600)}}@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]){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}html{background-color:var(--color-neutral-50);color:var(--color-neutral-900)}html.dark{background-color:var(--color-neutral-950);color:var(--color-neutral-100)}}@layer components{.btn-base{cursor:pointer;user-select:none;justify-content:center;align-items:center;display:inline-flex}.btn-base:focus{--tw-outline-style:none;outline-style:none}.btn-base:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.btn-base:disabled{pointer-events:none;opacity:.5}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-1000{z-index:1000}.col-start-2{grid-column-start:2}.row-span-4{grid-row:span 4/span 4}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.m-0{margin:calc(var(--spacing)*0)}.m-0\.5{margin:calc(var(--spacing)*.5)}.m-1{margin:calc(var(--spacing)*1)}.m-auto{margin:auto}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-full{width:100%;height:100%}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-24{height:calc(var(--spacing)*24)}.h-50{height:calc(var(--spacing)*50)}.h-\[16px\]{height:16px}.h-\[20px\]{height:20px}.h-\[26px\]{height:26px}.h-\[28px\]{height:28px}.h-\[36px\]{height:36px}.h-\[60px\]{height:60px}.h-\[165px\]{height:165px}.h-full{height:100%}.h-px{height:1px}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-15{width:calc(var(--spacing)*15)}.w-16{width:calc(var(--spacing)*16)}.w-23{width:calc(var(--spacing)*23)}.w-24{width:calc(var(--spacing)*24)}.w-30{width:calc(var(--spacing)*30)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-\[16px\]{width:16px}.w-\[20px\]{width:20px}.w-\[26px\]{width:26px}.w-\[28px\]{width:28px}.w-\[36px\]{width:36px}.w-\[68px\]{width:68px}.w-\[480px\]{width:480px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-20{min-width:calc(var(--spacing)*20)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-0\.5{--tw-translate-x:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.-rotate-180{rotate:-180deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.auto-cols-max{grid-auto-columns:max-content}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:auto minmax(0,1fr) auto auto}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.grid-cols-\[repeat\(auto-fill\,minmax\(70px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-\[auto_auto_1fr_auto\]{grid-template-rows:auto auto 1fr auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-10{gap:calc(var(--spacing)*10)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-y-1{row-gap:calc(var(--spacing)*1)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-neutral-400-variant-1>:not(:last-child)){border-color:var(--color-neutral-400-variant-1)}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-black{border-color:var(--color-black)}.border-error-base{border-color:var(--color-error-base)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-neutral-400{border-color:var(--color-neutral-400)}.border-neutral-500{border-color:var(--color-neutral-500)}.border-neutral-500-variant-3{border-color:var(--color-neutral-500-variant-3)}.border-primary-400{border-color:var(--color-primary-400)}.border-primary-400-variant-1{border-color:var(--color-primary-400-variant-1)}.border-primary-500{border-color:var(--color-primary-500)}.border-primary-deep{border-color:var(--color-primary-deep)}.border-success-base{border-color:var(--color-success-base)}.border-tertiary-400{border-color:var(--color-tertiary-400)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-cyan-200{background-color:var(--color-cyan-200)}.bg-emerald-200{background-color:var(--color-emerald-200)}.bg-error-base{background-color:var(--color-error-base)}.bg-fuchsia-200{background-color:var(--color-fuchsia-200)}.bg-green-200{background-color:var(--color-green-200)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-lime-200{background-color:var(--color-lime-200)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-400-variant-4{background-color:var(--color-neutral-400-variant-4)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-pink-200{background-color:var(--color-pink-200)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-500\/15{background-color:#6558fd26}@supports (color:color-mix(in lab, red, red)){.bg-primary-500\/15{background-color:color-mix(in oklab,var(--color-primary-500)15%,transparent)}}.bg-primary-500\/20{background-color:#6558fd33}@supports (color:color-mix(in lab, red, red)){.bg-primary-500\/20{background-color:color-mix(in oklab,var(--color-primary-500)20%,transparent)}}.bg-primary-light{background-color:var(--color-primary-light)}.bg-primary-subtle{background-color:var(--color-primary-subtle)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-rose-200{background-color:var(--color-rose-200)}.bg-sky-200{background-color:var(--color-sky-200)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-stone-200{background-color:var(--color-stone-200)}.bg-success-base{background-color:var(--color-success-base)}.bg-success-light{background-color:var(--color-success-light)}.bg-surface-dark{background-color:var(--color-surface-dark)}.bg-teal-200{background-color:var(--color-teal-200)}.bg-tertiary-50{background-color:var(--color-tertiary-50)}.bg-transparent{background-color:#0000}.bg-violet-200{background-color:var(--color-violet-200)}.bg-white{background-color:var(--color-white)}.bg-white-variant-4{background-color:var(--color-white-variant-4)}.bg-white-variant-5{background-color:var(--color-white-variant-5)}.fill-success-base{fill:var(--color-success-base)}.stroke-error-base{stroke:var(--color-error-base)}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.5em\]{font-size:.5em}.text-\[0\.75em\]{font-size:.75em}.text-\[0\.625em\]{font-size:.625em}.text-\[0\.875em\]{font-size:.875em}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-amber-700{color:var(--color-amber-700)}.text-blue-700{color:var(--color-blue-700)}.text-cyan-700{color:var(--color-cyan-700)}.text-emerald-700{color:var(--color-emerald-700)}.text-error-base{color:var(--color-error-base)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-green-700{color:var(--color-green-700)}.text-indigo-700{color:var(--color-indigo-700)}.text-lime-700{color:var(--color-lime-700)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-600-variant-1{color:var(--color-neutral-600-variant-1)}.text-neutral-600-variant-7{color:var(--color-neutral-600-variant-7)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-700-alpha-60{color:var(--color-neutral-700-alpha-60)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-orange-700{color:var(--color-orange-700)}.text-pink-700{color:var(--color-pink-700)}.text-primary-500{color:var(--color-primary-500)}.text-primary-600{color:var(--color-primary-600)}.text-primary-600-variant-1{color:var(--color-primary-600-variant-1)}.text-purple-700{color:var(--color-purple-700)}.text-rose-700{color:var(--color-rose-700)}.text-sky-700{color:var(--color-sky-700)}.text-slate-700{color:var(--color-slate-700)}.text-stone-700{color:var(--color-stone-700)}.text-success-base{color:var(--color-success-base)}.text-teal-700{color:var(--color-teal-700)}.text-tertiary-500{color:var(--color-tertiary-500)}.text-tertiary-500-variant-2{color:var(--color-tertiary-500-variant-2)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white-variant-1{color:var(--color-white-variant-1)}.text-white-variant-7{color:var(--color-white-variant-7)}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.caret-primary-500{caret-color:var(--color-primary-500)}.accent-primary-500{accent-color:var(--color-primary-500)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-primary-500{--tw-ring-color:var(--color-primary-500)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{user-select:none}.\[clip-path\:inset\(50\%\)\]{clip-path:inset(50%)}@media (hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:hidden:is(:where(.group):hover *){display:none}.group-hover\:scale-90:is(:where(.group):hover *){--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:text-tertiary-500-variant-2:is(:where(.group):hover *){color:var(--color-tertiary-500-variant-2)}.group-hover\:opacity-80:is(:where(.group):hover *){opacity:.8}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-neutral-700-alpha-60::placeholder{color:var(--color-neutral-700-alpha-60)}@media (hover:hover){.hover\:border-neutral-300:hover{border-color:var(--color-neutral-300)}.hover\:border-neutral-500:hover{border-color:var(--color-neutral-500)}.hover\:border-neutral-500-variant-4:hover{border-color:var(--color-neutral-500-variant-4)}.hover\:border-primary-400:hover{border-color:var(--color-primary-400)}.hover\:border-primary-500:hover{border-color:var(--color-primary-500)}.hover\:bg-neutral-50:hover{background-color:var(--color-neutral-50)}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:bg-neutral-300:hover{background-color:var(--color-neutral-300)}.hover\:bg-primary-500:hover{background-color:var(--color-primary-500)}.hover\:bg-primary-500\/30:hover{background-color:#6558fd4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary-500\/30:hover{background-color:color-mix(in oklab,var(--color-primary-500)30%,transparent)}}.hover\:bg-primary-bright:hover{background-color:var(--color-primary-bright)}.hover\:bg-primary-light:hover{background-color:var(--color-primary-light)}.hover\:text-primary-600:hover{color:var(--color-primary-600)}.hover\:text-white:hover{color:var(--color-white)}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-70:hover{opacity:.7}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-error-base:focus{--tw-ring-color:var(--color-error-base)}.focus\:ring-primary-500:focus{--tw-ring-color:var(--color-primary-500)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-primary-500:focus-visible{--tw-ring-color:var(--color-primary-500)}.\[\&_\.checkbox-box\]\:h-4 .checkbox-box{height:calc(var(--spacing)*4)}.\[\&_\.checkbox-box\]\:w-4 .checkbox-box{width:calc(var(--spacing)*4)}.\[\&_\.checkbox-box\]\:rounded .checkbox-box{border-radius:.25rem}.\[\&_\.checkbox-box\]\:border .checkbox-box{border-style:var(--tw-border-style);border-width:1px}.\[\&_\.checkbox-box\]\:border-neutral-300 .checkbox-box{border-color:var(--color-neutral-300)}.\[\&_\.checkbox-box\]\:border-neutral-500 .checkbox-box{border-color:var(--color-neutral-500)}.\[\&_\.checkbox-box\]\:border-neutral-600 .checkbox-box{border-color:var(--color-neutral-600)}.\[\&_\.checkbox-box\]\:bg-neutral-100 .checkbox-box{background-color:var(--color-neutral-100)}.\[\&_\.checkbox-box\]\:bg-white .checkbox-box{background-color:var(--color-white)}.\[\&_\.checkbox-box\[data-state\=checked\]\]\:border-primary-500 .checkbox-box[data-state=checked]{border-color:var(--color-primary-500)}.\[\&_\.checkbox-box\[data-state\=checked\]\]\:bg-primary-500 .checkbox-box[data-state=checked]{background-color:var(--color-primary-500)}.\[\&_\.checkbox-box\[data-state\=indeterminate\]\]\:h-\[18px\] .checkbox-box[data-state=indeterminate]{height:18px}.\[\&_\.checkbox-box\[data-state\=indeterminate\]\]\:w-\[18px\] .checkbox-box[data-state=indeterminate]{width:18px}.\[\&_\.checkbox-icon\]\:text-neutral-700 .checkbox-icon{color:var(--color-neutral-700)}.\[\&_\.checkbox-icon\]\:text-primary-500 .checkbox-icon{color:var(--color-primary-500)}.\[\&_\.checkbox-icon\]\:text-white .checkbox-icon{color:var(--color-white)}.\[\&_\.checkbox-label\]\:flex .checkbox-label{display:flex}.\[\&_\.checkbox-label\]\:items-center .checkbox-label{align-items:center}.\[\&_\.checkbox-label\]\:gap-1 .checkbox-label{gap:calc(var(--spacing)*1)}.\[\&_\.checkbox-label\]\:text-xs .checkbox-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\.checkbox-label\]\:font-medium .checkbox-label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\.checkbox-label\]\:text-neutral-900 .checkbox-label{color:var(--color-neutral-900)}.\[\&_input\:checked\+_\.checkbox-box\]\:border-primary-500 input:checked+.checkbox-box{border-color:var(--color-primary-500)}.\[\&_input\:checked\+_\.checkbox-box\]\:bg-primary-500 input:checked+.checkbox-box{background-color:var(--color-primary-500)}}body{font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*{box-sizing:border-box}:root{--skeleton-base:var(--color-neutral-300-variant-3);--skeleton-highlight:var(--color-neutral-500-variant-4);--skeleton-duration:4s}@keyframes skeleton-shimmer{0%{background-position-x:200%}to{background-position-x:-200%}}.skeleton{background-color:var(--skeleton-base);background-image:linear-gradient(110deg,transparent 15%,var(--skeleton-highlight)50%,transparent 85%);animation:skeleton-shimmer var(--skeleton-duration)linear infinite;background-size:200% 100%;background-attachment:fixed;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.skeleton{background-image:none;animation:none}}@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-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@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}
2
+ @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-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-900:oklch(39.6% .141 25.723);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-900:oklch(40.8% .123 38.172);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-600:oklch(68.1% .162 75.834);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-900:oklch(40.5% .101 131.063);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-700:oklch(52.7% .154 150.069);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-900:oklch(37.8% .077 168.94);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-900:oklch(38.6% .063 188.416);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-900:oklch(39.8% .07 227.392);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-700:oklch(50% .134 242.749);--color-sky-900:oklch(39.1% .09 240.876);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-900:oklch(35.9% .144 278.697);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-900:oklch(38% .189 293.745);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-900:oklch(38.1% .176 304.987);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-900:oklch(40.1% .17 325.612);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-900:oklch(40.8% .153 2.432);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-900:oklch(41% .159 10.272);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:#fafafc;--color-neutral-200:#f5f5f8;--color-neutral-300:#f3f2f8;--color-neutral-400:#eae9f0;--color-neutral-500:#cbcad5;--color-neutral-600:#9f9eaa;--color-neutral-700:#82818e;--color-neutral-800:#46454a;--color-neutral-900:#1f1f1f;--color-neutral-950:oklch(14.5% 0 0);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-900:oklch(21.6% .006 56.043);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--color-error-base:#b86564;--color-neutral-100-variant-3:#fafafc;--color-neutral-300-variant-2:#f3f2f8;--color-neutral-300-variant-3:#f3f2f8;--color-neutral-400-variant-1:#eae9f0;--color-neutral-400-variant-4:#eae9f0;--color-neutral-500-variant-3:#cbcad5;--color-neutral-500-variant-4:#cbcad5;--color-neutral-600-variant-1:#9f9eaa;--color-neutral-600-variant-7:#9f9eaa;--color-neutral-700-alpha-60:oklab(60.8434% .00645489 -.0183896/.6);--color-brand-primary:#6558fd;--color-primary-400:#abaaff;--color-primary-400-variant-1:#abaaff;--color-primary-500:#6558fd;--color-primary-600:#4f3ed0;--color-primary-600-variant-1:#4f3ed0;--color-primary-bright:#5a4de8;--color-primary-deep:#3d2fa0;--color-primary-light:#f4f3ff;--color-primary-subtle:#e8e5ff;--color-success-base:#13925c;--color-success-light:#ebfaf4;--color-surface-dark:#0d0d0d;--color-tertiary-50:#ffecea;--color-tertiary-50-alpha-50:oklab(95.7656% .0189794 .00876308/.5);--color-tertiary-400:#ff8578;--color-tertiary-500:#ff4b33;--color-tertiary-500-variant-2:#ff4b33;--color-white-variant-1:#fff;--color-white-variant-4:#fff;--color-white-variant-5:#fff;--color-white-variant-7:#fff}.dark{--color-amber-200:oklab(41.4% .0779366 .0804356/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-amber-200:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}.dark{--color-amber-700:var(--color-amber-300);--color-black-alpha-10:oklab(0% none none/.2)}@supports (color:color-mix(in lab, red, red)){.dark{--color-black-alpha-10:color-mix(in oklab,var(--color-black)20%,transparent)}}.dark{--color-blue-200:oklab(37.9% -.0113991 -.145554/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-blue-200:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark{--color-blue-700:var(--color-blue-300);--color-cyan-200:oklab(39.8% -.0473885 -.0515202/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-cyan-200:color-mix(in oklab,var(--color-cyan-900)30%,transparent)}}.dark{--color-cyan-700:var(--color-cyan-300);--color-emerald-200:oklab(37.8% -.0755699 .0147714/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-emerald-200:color-mix(in oklab,var(--color-emerald-900)30%,transparent)}}.dark{--color-emerald-700:var(--color-emerald-300);--color-error-base:#b86564;--color-fuchsia-200:oklab(40.1% .140289 -.096015/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-fuchsia-200:color-mix(in oklab,var(--color-fuchsia-900)30%,transparent)}}.dark{--color-fuchsia-700:var(--color-fuchsia-300);--color-green-200:oklab(39.3% -.0842928 .0438146/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-green-200:color-mix(in oklab,var(--color-green-900)30%,transparent)}}.dark{--color-green-700:var(--color-green-300);--color-indigo-200:oklab(35.9% .0217741 -.142344/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-indigo-200:color-mix(in oklab,var(--color-indigo-900)30%,transparent)}}.dark{--color-indigo-700:var(--color-indigo-300);--color-lime-200:oklab(40.5% -.0663458 .0761528/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-lime-200:color-mix(in oklab,var(--color-lime-900)30%,transparent)}}.dark{--color-lime-700:var(--color-lime-300);--color-neutral-50:#1a1a1a;--color-neutral-50-variant-1:var(--color-neutral-50);--color-neutral-100:#1b1925;--color-neutral-100-variant-1:#fafafc;--color-neutral-100-variant-2:#0d0d0d;--color-neutral-100-variant-3:#1f1f1f;--color-neutral-100-variant-4:#1a1a1a;--color-neutral-100-variant-5:#111;--color-neutral-100-variant-6:#1d1d1f;--color-neutral-200:#111;--color-neutral-200-variant-1:#2a2a2a;--color-neutral-200-variant-2:#f5f5f8;--color-neutral-300:#1f1f1f;--color-neutral-300-variant-1:#f3f2f8;--color-neutral-300-variant-2:#2a2a2a;--color-neutral-300-variant-3:#46454a;--color-neutral-300-variant-4:#1b1925;--color-neutral-400:#1b1925;--color-neutral-400-variant-1:#46454a;--color-neutral-400-variant-2:#eae9f0;--color-neutral-400-variant-3:#1f1f1f;--color-neutral-400-variant-4:#46454a;--color-neutral-400-variant-5:#82818e;--color-neutral-500:#cbcad5;--color-neutral-500-variant-1:#eae9f0;--color-neutral-500-variant-2:#cbcad5;--color-neutral-500-variant-3:#46454a;--color-neutral-500-variant-4:#82818e;--color-neutral-600:#494854;--color-neutral-600-variant-1:#9f9eaa;--color-neutral-600-variant-2:#f3f2f8;--color-neutral-600-variant-3:#cbcad5;--color-neutral-600-variant-4:#46454a;--color-neutral-600-variant-5:#2f276d;--color-neutral-600-variant-6:#9f9eaa;--color-neutral-600-variant-7:#eae9f0;--color-neutral-700:#82818e;--color-neutral-700-alpha-60:oklab(60.8434% .00645489 -.0183896/.6);--color-neutral-700-variant-1:#f3f2f8;--color-neutral-700-variant-2:#46454a;--color-neutral-800:#f5f5f8;--color-neutral-800-variant-1:#fff;--color-neutral-800-variant-2:#fafafc;--color-neutral-800-variant-3:#46454a;--color-neutral-900:#fafafc;--color-neutral-900-variant-1:#fff;--color-neutral-900-variant-2:#f5f5f8;--color-orange-200:oklab(40.8% .0966976 .076017/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-orange-200:color-mix(in oklab,var(--color-orange-900)30%,transparent)}}.dark{--color-orange-700:var(--color-orange-300);--color-pink-200:oklab(40.8% .152862 .00649235/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-pink-200:color-mix(in oklab,var(--color-pink-900)30%,transparent)}}.dark{--color-pink-700:var(--color-pink-300);--color-primary-400:#2f276d;--color-primary-400-variant-1:#4f3ed0;--color-primary-500-variant-1:#abaaff;--color-primary-600:#abaaff;--color-primary-600-variant-1:#4f3ed0;--color-primary-bright:#5a4de8;--color-primary-deep:#3d2fa0;--color-primary-light:#242136;--color-primary-light-variant-1:#f4f3ff;--color-primary-light-variant-2:#2f2a45;--color-primary-subtle:#2a2540;--color-purple-200:oklab(38.1% .100917 -.144194/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-purple-200:color-mix(in oklab,var(--color-purple-900)30%,transparent)}}.dark{--color-purple-700:var(--color-purple-300);--color-red-200:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark{--color-red-200:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark{--color-red-700:var(--color-red-300);--color-rose-200:oklab(41% .156452 .0283531/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-rose-200:color-mix(in oklab,var(--color-rose-900)30%,transparent)}}.dark{--color-rose-700:var(--color-rose-300);--color-sky-200:#024a704d}@supports (color:color-mix(in lab, red, red)){.dark{--color-sky-200:color-mix(in oklab,var(--color-sky-900)30%,transparent)}}.dark{--color-sky-700:var(--color-sky-300);--color-slate-200:oklab(20.8% -.00310889 -.0418848/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-slate-200:color-mix(in oklab,var(--color-slate-900)30%,transparent)}}.dark{--color-slate-700:var(--color-slate-300);--color-stone-200:oklab(21.6% .00335142 .00497674/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-stone-200:color-mix(in oklab,var(--color-stone-900)30%,transparent)}}.dark{--color-stone-700:var(--color-stone-300);--color-success-light:#15231d;--color-surface-dark:#0d0d0d;--color-surface-darker:#1a1a1a;--color-surface-darkest:#1b1925;--color-surface-elevated:#242136;--color-surface-light:#151515;--color-teal-200:oklab(38.6% -.0623216 -.00922064/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-teal-200:color-mix(in oklab,var(--color-teal-900)30%,transparent)}}.dark{--color-teal-700:var(--color-teal-300);--color-tertiary-50:#372220;--color-tertiary-50-alpha-50:oklab(37.0822% .0498846 .0249096/.25);--color-tertiary-50-variant-1:#4a2826;--color-tertiary-400:#ff4b33;--color-tertiary-500:#ff8578;--color-tertiary-500-variant-1:#fff;--color-tertiary-500-variant-2:#ff4b33;--color-violet-200:oklab(38% .0761041 -.173/.3)}@supports (color:color-mix(in lab, red, red)){.dark{--color-violet-200:color-mix(in oklab,var(--color-violet-900)30%,transparent)}}.dark{--color-violet-700:var(--color-violet-300);--color-white:#0d0d0d;--color-white-variant-1:#fff;--color-white-variant-2:#1a1a1a;--color-white-variant-3:#151515;--color-white-variant-4:#1b1925;--color-white-variant-5:#1f1f1f;--color-white-variant-6:#111;--color-yellow-300:var(--color-yellow-600)}}@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]){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}html{background-color:var(--color-neutral-50);color:var(--color-neutral-900)}html.dark{background-color:var(--color-neutral-950);color:var(--color-neutral-100)}}@layer components{.btn-base{cursor:pointer;user-select:none;justify-content:center;align-items:center;display:inline-flex}.btn-base:focus{--tw-outline-style:none;outline-style:none}.btn-base:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.btn-base:disabled{pointer-events:none;opacity:.5}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-14{top:calc(var(--spacing)*14)}.right-0{right:calc(var(--spacing)*0)}.right-\[-12px\]{right:-12px}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-5{z-index:5}.z-10{z-index:10}.z-1000{z-index:1000}.col-start-2{grid-column-start:2}.row-span-4{grid-row:span 4/span 4}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.m-0{margin:calc(var(--spacing)*0)}.m-0\.5{margin:calc(var(--spacing)*.5)}.m-1{margin:calc(var(--spacing)*1)}.m-auto{margin:auto}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-3{margin-left:calc(var(--spacing)*3)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-full{width:100%;height:100%}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-14{height:calc(var(--spacing)*14)}.h-24{height:calc(var(--spacing)*24)}.h-50{height:calc(var(--spacing)*50)}.h-\[16px\]{height:16px}.h-\[20px\]{height:20px}.h-\[26px\]{height:26px}.h-\[28px\]{height:28px}.h-\[32px\]{height:32px}.h-\[36px\]{height:36px}.h-\[60px\]{height:60px}.h-\[165px\]{height:165px}.h-full{height:100%}.h-px{height:1px}.min-h-14{min-height:calc(var(--spacing)*14)}.w-2\/12{width:16.6667%}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-3\/12{width:25%}.w-4{width:calc(var(--spacing)*4)}.w-4\/12{width:33.3333%}.w-5{width:calc(var(--spacing)*5)}.w-5\/12{width:41.6667%}.w-6{width:calc(var(--spacing)*6)}.w-6\/12{width:50%}.w-7{width:calc(var(--spacing)*7)}.w-7\/12{width:58.3333%}.w-8{width:calc(var(--spacing)*8)}.w-8\/12{width:66.6667%}.w-9{width:calc(var(--spacing)*9)}.w-9\/12{width:75%}.w-10{width:calc(var(--spacing)*10)}.w-10\/12{width:83.3333%}.w-11\/12{width:91.6667%}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-15{width:calc(var(--spacing)*15)}.w-16{width:calc(var(--spacing)*16)}.w-23{width:calc(var(--spacing)*23)}.w-24{width:calc(var(--spacing)*24)}.w-30{width:calc(var(--spacing)*30)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-\[16px\]{width:16px}.w-\[20px\]{width:20px}.w-\[26px\]{width:26px}.w-\[28px\]{width:28px}.w-\[32px\]{width:32px}.w-\[36px\]{width:36px}.w-\[68px\]{width:68px}.w-\[480px\]{width:480px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-20{min-width:calc(var(--spacing)*20)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-0\.5{--tw-translate-x:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.-rotate-180{rotate:-180deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.scroll-mt-\[180px\]{scroll-margin-top:180px}.auto-cols-max{grid-auto-columns:max-content}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:auto minmax(0,1fr) auto auto}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.grid-cols-\[repeat\(auto-fill\,minmax\(70px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-\[auto_auto_1fr_auto\]{grid-template-rows:auto auto 1fr auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-y-1{row-gap:calc(var(--spacing)*1)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-neutral-400-variant-1>:not(:last-child)){border-color:var(--color-neutral-400-variant-1)}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-none{--tw-border-style:none;border-style:none}.border-black{border-color:var(--color-black)}.border-error-base{border-color:var(--color-error-base)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-neutral-300-variant-2{border-color:var(--color-neutral-300-variant-2)}.border-neutral-400{border-color:var(--color-neutral-400)}.border-neutral-500{border-color:var(--color-neutral-500)}.border-neutral-500-variant-3{border-color:var(--color-neutral-500-variant-3)}.border-primary-400{border-color:var(--color-primary-400)}.border-primary-400-variant-1{border-color:var(--color-primary-400-variant-1)}.border-primary-500{border-color:var(--color-primary-500)}.border-primary-deep{border-color:var(--color-primary-deep)}.border-success-base{border-color:var(--color-success-base)}.border-tertiary-400{border-color:var(--color-tertiary-400)}.border-tertiary-500{border-color:var(--color-tertiary-500)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-cyan-200{background-color:var(--color-cyan-200)}.bg-emerald-200{background-color:var(--color-emerald-200)}.bg-error-base{background-color:var(--color-error-base)}.bg-fuchsia-200{background-color:var(--color-fuchsia-200)}.bg-green-200{background-color:var(--color-green-200)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-lime-200{background-color:var(--color-lime-200)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-100-variant-3{background-color:var(--color-neutral-100-variant-3)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-300-variant-2{background-color:var(--color-neutral-300-variant-2)}.bg-neutral-400-variant-4{background-color:var(--color-neutral-400-variant-4)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-pink-200{background-color:var(--color-pink-200)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-500\/15{background-color:#6558fd26}@supports (color:color-mix(in lab, red, red)){.bg-primary-500\/15{background-color:color-mix(in oklab,var(--color-primary-500)15%,transparent)}}.bg-primary-500\/20{background-color:#6558fd33}@supports (color:color-mix(in lab, red, red)){.bg-primary-500\/20{background-color:color-mix(in oklab,var(--color-primary-500)20%,transparent)}}.bg-primary-light{background-color:var(--color-primary-light)}.bg-primary-subtle{background-color:var(--color-primary-subtle)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-rose-200{background-color:var(--color-rose-200)}.bg-sky-200{background-color:var(--color-sky-200)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-stone-200{background-color:var(--color-stone-200)}.bg-success-base{background-color:var(--color-success-base)}.bg-success-light{background-color:var(--color-success-light)}.bg-surface-dark{background-color:var(--color-surface-dark)}.bg-teal-200{background-color:var(--color-teal-200)}.bg-tertiary-50{background-color:var(--color-tertiary-50)}.bg-tertiary-50-alpha-50{background-color:var(--color-tertiary-50-alpha-50)}.bg-transparent{background-color:#0000}.bg-violet-200{background-color:var(--color-violet-200)}.bg-white{background-color:var(--color-white)}.bg-white-variant-4{background-color:var(--color-white-variant-4)}.bg-white-variant-5{background-color:var(--color-white-variant-5)}.fill-success-base{fill:var(--color-success-base)}.stroke-error-base{stroke:var(--color-error-base)}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.5em\]{font-size:.5em}.text-\[0\.75em\]{font-size:.75em}.text-\[0\.625em\]{font-size:.625em}.text-\[0\.875em\]{font-size:.875em}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.12px\]{--tw-tracking:.12px;letter-spacing:.12px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-amber-700{color:var(--color-amber-700)}.text-blue-700{color:var(--color-blue-700)}.text-cyan-700{color:var(--color-cyan-700)}.text-emerald-700{color:var(--color-emerald-700)}.text-error-base{color:var(--color-error-base)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-green-700{color:var(--color-green-700)}.text-indigo-700{color:var(--color-indigo-700)}.text-lime-700{color:var(--color-lime-700)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-600-variant-1{color:var(--color-neutral-600-variant-1)}.text-neutral-600-variant-7{color:var(--color-neutral-600-variant-7)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-700-alpha-60{color:var(--color-neutral-700-alpha-60)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-orange-700{color:var(--color-orange-700)}.text-pink-700{color:var(--color-pink-700)}.text-primary-500{color:var(--color-primary-500)}.text-primary-600{color:var(--color-primary-600)}.text-primary-600-variant-1{color:var(--color-primary-600-variant-1)}.text-purple-700{color:var(--color-purple-700)}.text-rose-700{color:var(--color-rose-700)}.text-sky-700{color:var(--color-sky-700)}.text-slate-700{color:var(--color-slate-700)}.text-stone-700{color:var(--color-stone-700)}.text-success-base{color:var(--color-success-base)}.text-teal-700{color:var(--color-teal-700)}.text-tertiary-500{color:var(--color-tertiary-500)}.text-tertiary-500-variant-2{color:var(--color-tertiary-500-variant-2)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white-variant-1{color:var(--color-white-variant-1)}.text-white-variant-7{color:var(--color-white-variant-7)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.caret-primary-500{caret-color:var(--color-primary-500)}.accent-primary-500{accent-color:var(--color-primary-500)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-primary-500{--tw-ring-color:var(--color-primary-500)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{user-select:none}.\[clip-path\:inset\(50\%\)\]{clip-path:inset(50%)}@media (hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:hidden:is(:where(.group):hover *){display:none}.group-hover\:scale-90:is(:where(.group):hover *){--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:text-tertiary-500-variant-2:is(:where(.group):hover *){color:var(--color-tertiary-500-variant-2)}.group-hover\:opacity-80:is(:where(.group):hover *){opacity:.8}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-neutral-700-alpha-60::placeholder{color:var(--color-neutral-700-alpha-60)}@media (hover:hover){.hover\:border-neutral-300:hover{border-color:var(--color-neutral-300)}.hover\:border-neutral-500:hover{border-color:var(--color-neutral-500)}.hover\:border-neutral-500-variant-4:hover{border-color:var(--color-neutral-500-variant-4)}.hover\:border-primary-400:hover{border-color:var(--color-primary-400)}.hover\:border-primary-500:hover{border-color:var(--color-primary-500)}.hover\:bg-neutral-50:hover{background-color:var(--color-neutral-50)}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:bg-neutral-300:hover{background-color:var(--color-neutral-300)}.hover\:bg-primary-500:hover{background-color:var(--color-primary-500)}.hover\:bg-primary-500\/30:hover{background-color:#6558fd4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary-500\/30:hover{background-color:color-mix(in oklab,var(--color-primary-500)30%,transparent)}}.hover\:bg-primary-bright:hover{background-color:var(--color-primary-bright)}.hover\:bg-primary-light:hover{background-color:var(--color-primary-light)}.hover\:bg-tertiary-50:hover{background-color:var(--color-tertiary-50)}.hover\:text-primary-500:hover{color:var(--color-primary-500)}.hover\:text-primary-600:hover{color:var(--color-primary-600)}.hover\:text-tertiary-500:hover{color:var(--color-tertiary-500)}.hover\:text-white:hover{color:var(--color-white)}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-70:hover{opacity:.7}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-error-base:focus{--tw-ring-color:var(--color-error-base)}.focus\:ring-primary-500:focus{--tw-ring-color:var(--color-primary-500)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-primary-500:focus-visible{--tw-ring-color:var(--color-primary-500)}@media (width>=48rem){.md\:hidden{display:none}}.\[\&_\.checkbox-box\]\:h-4 .checkbox-box{height:calc(var(--spacing)*4)}.\[\&_\.checkbox-box\]\:w-4 .checkbox-box{width:calc(var(--spacing)*4)}.\[\&_\.checkbox-box\]\:rounded .checkbox-box{border-radius:.25rem}.\[\&_\.checkbox-box\]\:border .checkbox-box{border-style:var(--tw-border-style);border-width:1px}.\[\&_\.checkbox-box\]\:border-neutral-300 .checkbox-box{border-color:var(--color-neutral-300)}.\[\&_\.checkbox-box\]\:border-neutral-500 .checkbox-box{border-color:var(--color-neutral-500)}.\[\&_\.checkbox-box\]\:border-neutral-600 .checkbox-box{border-color:var(--color-neutral-600)}.\[\&_\.checkbox-box\]\:bg-neutral-100 .checkbox-box{background-color:var(--color-neutral-100)}.\[\&_\.checkbox-box\]\:bg-white .checkbox-box{background-color:var(--color-white)}.\[\&_\.checkbox-box\[data-state\=checked\]\]\:border-primary-500 .checkbox-box[data-state=checked]{border-color:var(--color-primary-500)}.\[\&_\.checkbox-box\[data-state\=checked\]\]\:bg-primary-500 .checkbox-box[data-state=checked]{background-color:var(--color-primary-500)}.\[\&_\.checkbox-box\[data-state\=indeterminate\]\]\:h-\[18px\] .checkbox-box[data-state=indeterminate]{height:18px}.\[\&_\.checkbox-box\[data-state\=indeterminate\]\]\:w-\[18px\] .checkbox-box[data-state=indeterminate]{width:18px}.\[\&_\.checkbox-icon\]\:text-neutral-700 .checkbox-icon{color:var(--color-neutral-700)}.\[\&_\.checkbox-icon\]\:text-primary-500 .checkbox-icon{color:var(--color-primary-500)}.\[\&_\.checkbox-icon\]\:text-white .checkbox-icon{color:var(--color-white)}.\[\&_\.checkbox-label\]\:flex .checkbox-label{display:flex}.\[\&_\.checkbox-label\]\:items-center .checkbox-label{align-items:center}.\[\&_\.checkbox-label\]\:gap-1 .checkbox-label{gap:calc(var(--spacing)*1)}.\[\&_\.checkbox-label\]\:text-xs .checkbox-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\.checkbox-label\]\:font-medium .checkbox-label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\.checkbox-label\]\:text-neutral-900 .checkbox-label{color:var(--color-neutral-900)}.\[\&_input\:checked\+_\.checkbox-box\]\:border-primary-500 input:checked+.checkbox-box{border-color:var(--color-primary-500)}.\[\&_input\:checked\+_\.checkbox-box\]\:bg-primary-500 input:checked+.checkbox-box{background-color:var(--color-primary-500)}}body{font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*{box-sizing:border-box}:root{--skeleton-base:var(--color-neutral-300-variant-3);--skeleton-highlight:var(--color-neutral-500-variant-4);--skeleton-duration:4s}@keyframes skeleton-shimmer{0%{background-position-x:200%}to{background-position-x:-200%}}.skeleton{background-color:var(--skeleton-base);background-image:linear-gradient(110deg,transparent 15%,var(--skeleton-highlight)50%,transparent 85%);animation:skeleton-shimmer var(--skeleton-duration)linear infinite;background-size:200% 100%;background-attachment:fixed;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.skeleton{background-image:none;animation:none}}.normalized-content,.normalized-content *{font-family:Inter,sans-serif}.normalized-content pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.4}.normalized-content pre br+br+br{display:none}.normalized-content p{margin:.5rem 0;font-size:12px;line-height:150%}.normalized-content a{color:var(--color-qtneutral-900);text-decoration:underline}.normalized-content ul,.normalized-content ol{margin:.5rem 0;padding-left:1.25rem}.normalized-content li{margin:.5rem 0}.normalized-content li p{margin:0}.normalized-content ul{list-style-type:disc}.normalized-content ol{list-style-type:decimal}.normalized-content h1{margin:.5rem 0;font-size:15px;font-weight:700;line-height:140%}.normalized-content h2{margin:.5rem 0;font-size:14px;font-weight:700;line-height:140%}.normalized-content h3{margin:.5rem 0;font-size:13px;font-weight:600;line-height:140%}.normalized-content h4,.marnormalized-contentkdown h5,.normalized-content h6{margin:.5rem 0;font-size:12.5px;font-weight:600;line-height:140%}@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-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@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/dist/index.d.ts CHANGED
@@ -37,12 +37,17 @@ declare type AccordionItemProps = {
37
37
  } & ComponentPropsWithoutRef<"div">;
38
38
 
39
39
  declare type AccordionProps = {
40
- children: ReactNode;
40
+ children: ReactNode | ((state: AccordionState) => ReactNode);
41
41
  type?: "single" | "multiple";
42
42
  defaultValue?: string | string[];
43
43
  className?: string;
44
44
  };
45
45
 
46
+ declare type AccordionState = {
47
+ openItems: Set<string>;
48
+ toggleItem: (value: string) => void;
49
+ };
50
+
46
51
  export declare function AccordionTrigger({ value, children, className, asChild, onClick, ...props }: AccordionTriggerProps): JSX.Element;
47
52
 
48
53
  declare type AccordionTriggerProps = {
@@ -50,7 +55,7 @@ declare type AccordionTriggerProps = {
50
55
  children: ReactNode;
51
56
  className?: string;
52
57
  asChild?: boolean;
53
- } & ComponentPropsWithoutRef<"button">;
58
+ } & ComponentPropsWithoutRef<"div">;
54
59
 
55
60
  export declare function AccountIcon(props: IconProps): JSX.Element;
56
61
 
@@ -174,6 +179,7 @@ xs: string;
174
179
  sm: string;
175
180
  md: string;
176
181
  lg: string;
182
+ xl: string;
177
183
  };
178
184
  }, undefined, "flex shrink-0 items-center justify-center rounded-full leading-none font-semibold select-none", {
179
185
  size: {
@@ -181,6 +187,7 @@ xs: string;
181
187
  sm: string;
182
188
  md: string;
183
189
  lg: string;
190
+ xl: string;
184
191
  };
185
192
  }, undefined, TVReturnType< {
186
193
  size: {
@@ -188,6 +195,7 @@ xs: string;
188
195
  sm: string;
189
196
  md: string;
190
197
  lg: string;
198
+ xl: string;
191
199
  };
192
200
  }, undefined, "flex shrink-0 items-center justify-center rounded-full leading-none font-semibold select-none", unknown, unknown, undefined>>;
193
201
 
@@ -200,6 +208,19 @@ export declare type BadgeProps = React.HTMLAttributes<HTMLDivElement> & {
200
208
  className?: string;
201
209
  };
202
210
 
211
+ /**
212
+ * Base event detail type.
213
+ * Base fields shared by all event types (email, message, etc.).
214
+ */
215
+ export declare type BaseEventDetail = {
216
+ id?: string;
217
+ icon: ReactElement<IconProps>;
218
+ from: string;
219
+ timestamp: string;
220
+ subject: string;
221
+ isPriority: boolean;
222
+ };
223
+
203
224
  export declare function BulkActions({ totalItems, selectedItems, onSelectAll, actions, defaultDensity, onDensityChange, className, }: BulkActionsProps): JSX.Element;
204
225
 
205
226
  declare type BulkActionsProps = {
@@ -246,6 +267,12 @@ export declare type CalendarDay = {
246
267
  isCurrentMonth: boolean;
247
268
  };
248
269
 
270
+ export declare type CalendarDetail = {
271
+ summary?: string;
272
+ priorityText?: string;
273
+ body: string;
274
+ };
275
+
249
276
  export declare function CalendarIcon(props: IconProps): JSX.Element;
250
277
 
251
278
  export declare const capitalize: (s: string) => string;
@@ -356,6 +383,14 @@ export declare function CopyIcon(props: IconProps): JSX.Element;
356
383
 
357
384
  export declare function DarkIcon(props: IconProps): JSX.Element;
358
385
 
386
+ declare type DateFormatOptions = {
387
+ todayAsText?: boolean;
388
+ showWeekday?: boolean;
389
+ longMonth?: boolean;
390
+ withOrdinal?: boolean;
391
+ includeTime?: boolean;
392
+ };
393
+
359
394
  export declare function DatePicker({ mode, value, defaultValue, onChange, disabled, className, }: DatePickerProps): JSX.Element;
360
395
 
361
396
  declare type DatePickerProps = {
@@ -448,6 +483,161 @@ export declare type DropdownProps = {
448
483
  disabled?: boolean;
449
484
  };
450
485
 
486
+ /**
487
+ * Email detail type.
488
+ * Detail payload for email events.
489
+ * Represents the content rendered by the email detail component.
490
+ */
491
+ export declare type EmailDetail = {
492
+ summary?: string;
493
+ priorityText?: string;
494
+ body: string;
495
+ };
496
+
497
+ export declare const EVENT_CARD_HEIGHT_SIZE: {
498
+ normal: {
499
+ style: string;
500
+ value: number;
501
+ };
502
+ compact: {
503
+ style: string;
504
+ value: number;
505
+ };
506
+ };
507
+
508
+ export declare type EventActions = Partial<Record<EventActionType, ActionConfig>>;
509
+
510
+ export declare type EventActionType = "fire" | "done" | "link";
511
+
512
+ export declare function EventCard({ icon, sender, title, content, timestamp, workspace, read, selected, onSelect, checked, onCheckedChange, statusBadges, actions, density, className, style, }: EventCardProps): JSX.Element;
513
+
514
+ export declare type EventCardProps = {
515
+ icon: ReactNode;
516
+ sender: string;
517
+ title: string;
518
+ content: string;
519
+ timestamp: string;
520
+ workspace: string;
521
+ read?: boolean;
522
+ selected?: boolean;
523
+ onSelect?: () => void;
524
+ checked?: boolean;
525
+ onCheckedChange?: (checked: boolean) => void;
526
+ statusBadges?: EventStatusBadges;
527
+ actions?: EventActions;
528
+ density?: Density;
529
+ className?: string;
530
+ style?: React.CSSProperties;
531
+ };
532
+
533
+ export declare function EventCardSkeleton({ density, className, style, }: EventCardSkeletonProps): JSX.Element;
534
+
535
+ export declare type EventCardSkeletonProps = {
536
+ density?: Density;
537
+ className?: string;
538
+ style?: CSSProperties;
539
+ };
540
+
541
+ export declare function EventDetail({ events }: EventDetailProps): JSX.Element | null;
542
+
543
+ export declare function EventDetailContentCalendar({ detail: { summary, body, priorityText }, className, }: EventDetailContentCalendarProps): JSX.Element;
544
+
545
+ export declare type EventDetailContentCalendarProps = {
546
+ detail: EmailDetail;
547
+ className?: string;
548
+ };
549
+
550
+ export declare function EventDetailContentEmail({ detail: { summary, body, priorityText }, className, }: EventDetailContentEmailProps): JSX.Element;
551
+
552
+ export declare type EventDetailContentEmailProps = {
553
+ detail: EmailDetail;
554
+ className?: string;
555
+ };
556
+
557
+ export declare function EventDetailContentHeader({ summary, priorityText, children, className, }: EventDetailContentHeaderProps): JSX.Element;
558
+
559
+ export declare type EventDetailContentHeaderProps = {
560
+ summary?: string;
561
+ priorityText?: string;
562
+ className?: string;
563
+ children: ReactNode;
564
+ };
565
+
566
+ export declare function EventDetailContentMessage({ detail: { groups, summary, priorityText }, className, }: EventDetailContentMessageProps): JSX.Element;
567
+
568
+ export declare type EventDetailContentMessageProps = {
569
+ detail: MessageDetail;
570
+ className?: string;
571
+ };
572
+
573
+ export declare function EventDetailContentTicket({ detail: { summary, body, priorityText }, className, }: EventDetailContentTicketProps): JSX.Element;
574
+
575
+ export declare type EventDetailContentTicketProps = {
576
+ detail: EmailDetail;
577
+ className?: string;
578
+ };
579
+
580
+ export declare function EventDetailHeader({ icon, subject, from, timestamp, isPriority, isOpen, isFirstEvent, isSingleEvent, className, }: EventDetailHeaderProps): JSX.Element;
581
+
582
+ export declare type EventDetailHeaderProps = {
583
+ icon: ReactElement<IconProps>;
584
+ subject: string;
585
+ from: string;
586
+ timestamp: string;
587
+ isPriority: boolean;
588
+ isOpen: boolean;
589
+ isFirstEvent: boolean;
590
+ isSingleEvent: boolean;
591
+ className?: string;
592
+ };
593
+
594
+ /**
595
+ * Event detail item type.
596
+ * Discriminated union representing the supported event detail variants.
597
+ * The `type` field determines the shape of `detail`.
598
+ */
599
+ export declare type EventDetailItem = (BaseEventDetail & {
600
+ type: "email";
601
+ detail: EmailDetail;
602
+ }) | (BaseEventDetail & {
603
+ type: "message";
604
+ detail: MessageDetail;
605
+ }) | (BaseEventDetail & {
606
+ type: "ticket";
607
+ detail: TicketDetail;
608
+ }) | (BaseEventDetail & {
609
+ type: "calendar";
610
+ detail: CalendarDetail;
611
+ });
612
+
613
+ export declare function EventDetailPriority({ priorityText, }: EventDetailPriorityProps): JSX.Element;
614
+
615
+ export declare type EventDetailPriorityProps = {
616
+ priorityText: string;
617
+ };
618
+
619
+ export declare type EventDetailProps = {
620
+ events: EventDetailItem[];
621
+ };
622
+
623
+ export declare function EventDetailSkeleton({ className }: EventDetailSkeletonProps): JSX.Element;
624
+
625
+ export declare type EventDetailSkeletonProps = {
626
+ className?: string;
627
+ };
628
+
629
+ export declare function EventDetailSummary({ summary }: EventDetailSummaryProps): JSX.Element;
630
+
631
+ export declare type EventDetailSummaryProps = {
632
+ summary: string;
633
+ };
634
+
635
+ export declare type EventStatusBadges = Partial<Record<EventStatusBadgeType, StatusBadgeConfig>>;
636
+
637
+ export declare type EventStatusBadgeType = "fire" | "insight" | "done";
638
+
639
+ export declare type EventType = "email" | "message" | "ticket" | "calendar";
640
+
451
641
  export declare function ExternalLinkIcon(props: IconProps): JSX.Element;
452
642
 
453
643
  declare const FILTER_BUTTON_META: {
@@ -522,6 +712,8 @@ export declare function formatDate(date: Date | null): string;
522
712
  */
523
713
  export declare function formatDateRange(startDate: Date | null, endDate: Date | null): string;
524
714
 
715
+ export declare function formatTimestamp(iso: string, options?: DateFormatOptions): string;
716
+
525
717
  /**
526
718
  * Generate a full calendar grid with days from previous, current, and next month
527
719
  * Returns a flat array of calendar days that always fills complete weeks (multiple of 7)
@@ -714,7 +906,7 @@ declare type IntegrationBarOrientation = "horizontal" | "vertical";
714
906
  declare type IntegrationBarOrientation_2 = "horizontal" | "vertical";
715
907
 
716
908
  declare type IntegrationBarProps = {
717
- orientation?: IntegrationBarOrientation;
909
+ orientation?: IntegrationBarOrientation_2;
718
910
  children: ReactElement<IconCountButtonProps>[];
719
911
  onAddMore: () => void;
720
912
  className?: string;
@@ -723,7 +915,7 @@ declare type IntegrationBarProps = {
723
915
  export declare function IntegrationBarSkeleton({ orientation, itemCount, className, }: IntegrationBarSkeletonProps): JSX.Element;
724
916
 
725
917
  export declare type IntegrationBarSkeletonProps = {
726
- orientation?: IntegrationBarOrientation_2;
918
+ orientation?: IntegrationBarOrientation;
727
919
  itemCount?: number;
728
920
  className?: string;
729
921
  };
@@ -756,12 +948,63 @@ declare type Listener = (toasts: ToastItem[]) => void;
756
948
 
757
949
  export declare function LogoIcon(props: IconProps): JSX.Element;
758
950
 
951
+ /**
952
+ * Message type.
953
+ * Represents an individual message inside a conversation.
954
+ */
955
+ export declare type Message = {
956
+ id: string;
957
+ author: string;
958
+ timestamp: string;
959
+ body: string;
960
+ replies?: MessageReply[];
961
+ onExternalLinkClick?: () => void;
962
+ onMarkAsFireClick?: () => void;
963
+ };
964
+
965
+ /**
966
+ * Message detail payload.
967
+ * Detail payload for message events.
968
+ * Represents a conversation composed of grouped messages.
969
+ */
970
+ export declare type MessageDetail = {
971
+ groups: MessageGroup[];
972
+ summary?: string;
973
+ priorityText?: string;
974
+ };
975
+
976
+ /**
977
+ * Message group type.
978
+ * Group of messages, typically grouped by date or logical segment.
979
+ * Some groups may be marked as priority and support navigation.
980
+ */
981
+ export declare type MessageGroup = {
982
+ id: string;
983
+ timestamp: string;
984
+ messages: Message[];
985
+ isPriority?: boolean;
986
+ priorityText?: string;
987
+ };
988
+
989
+ /**
990
+ * Message reply type.
991
+ * Represents a single reply within a threaded message.
992
+ */
993
+ export declare type MessageReply = {
994
+ id: string;
995
+ author: string;
996
+ timestamp: string;
997
+ body: string;
998
+ };
999
+
759
1000
  export declare function MinusIcon(props: IconProps): JSX.Element;
760
1001
 
761
1002
  export declare function MoreIcon(props: IconProps): JSX.Element;
762
1003
 
763
1004
  export declare function NormalDensityIcon(props: IconProps): JSX.Element;
764
1005
 
1006
+ export declare function normalizeContent(content: string): string;
1007
+
765
1008
  export declare function NotFireIcon(props: IconProps): JSX.Element;
766
1009
 
767
1010
  export declare function OutlookCalendarIcon(props: IconProps): JSX.Element;
@@ -788,56 +1031,15 @@ declare type PressableProps<T extends ElementType = "div"> = PressableOwnProps &
788
1031
  as?: T;
789
1032
  } & Omit<ComponentPropsWithoutRef<T>, keyof PressableOwnProps | "as">;
790
1033
 
791
- export declare const PREVIEW_CARD_HEIGHT_SIZE: {
792
- normal: {
793
- style: string;
794
- value: number;
795
- };
796
- compact: {
797
- style: string;
798
- value: number;
799
- };
800
- };
801
-
802
- export declare type PreviewActions = Partial<Record<PreviewActionType, ActionConfig>>;
803
-
804
- export declare type PreviewActionType = "fire" | "done" | "link";
1034
+ export declare function ReadIcon(props: IconProps): JSX.Element;
805
1035
 
806
- export declare function PreviewCard({ icon, sender, title, content, timestamp, workspace, read, selected, onSelect, checked, onCheckedChange, statusBadges, actions, density, className, style, }: PreviewCardProps): JSX.Element;
1036
+ export declare function RichContent({ content, className }: RichContentProps): JSX.Element;
807
1037
 
808
- export declare type PreviewCardProps = {
809
- icon: ReactNode;
810
- sender: string;
811
- title: string;
1038
+ export declare type RichContentProps = {
812
1039
  content: string;
813
- timestamp: string;
814
- workspace: string;
815
- read?: boolean;
816
- selected?: boolean;
817
- onSelect?: () => void;
818
- checked?: boolean;
819
- onCheckedChange?: (checked: boolean) => void;
820
- statusBadges?: PreviewStatusBadges;
821
- actions?: PreviewActions;
822
- density?: Density;
823
- className?: string;
824
- style?: React.CSSProperties;
825
- };
826
-
827
- export declare function PreviewCardSkeleton({ density, className, style, }: PreviewCardSkeletonProps): JSX.Element;
828
-
829
- export declare type PreviewCardSkeletonProps = {
830
- density?: Density;
831
1040
  className?: string;
832
- style?: CSSProperties;
833
1041
  };
834
1042
 
835
- export declare type PreviewStatusBadges = Partial<Record<PreviewStatusBadgeType, StatusBadgeConfig>>;
836
-
837
- export declare type PreviewStatusBadgeType = "fire" | "insight" | "done";
838
-
839
- export declare function ReadIcon(props: IconProps): JSX.Element;
840
-
841
1043
  export declare function SearchIcon(props: IconProps): JSX.Element;
842
1044
 
843
1045
  export declare function SearchInput({ value, defaultValue, placeholder, onChange, onClear, disabled, className, }: SearchInputProps): JSX.Element;
@@ -947,6 +1149,12 @@ export declare function SystemIcon(props: IconProps): JSX.Element;
947
1149
 
948
1150
  export declare function TeamsIcon(props: IconProps): JSX.Element;
949
1151
 
1152
+ export declare type TicketDetail = {
1153
+ summary?: string;
1154
+ priorityText?: string;
1155
+ body: string;
1156
+ };
1157
+
950
1158
  export declare function toast(content: ReactNode | ShowToastOptions, options?: Omit<ShowToastOptions, "content">): {
951
1159
  id: `${string}-${string}-${string}-${string}-${string}`;
952
1160
  dismiss: () => void;