@epam/ai-dial-ui-kit 0.14.0-dev.32 → 0.14.0-dev.33

package/dist/index.css

@@ -3,4 +3,4 @@
       --bg-control-neutral-active,var(--bg-layer-4,#d1dbea)
     )}::-webkit-scrollbar{height:4px;width:4px}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:var(
         --bg-control-neutral-active,var(--bg-layer-4,#d1dbea)
-      ) transparent}.divide-y>:empty~:not([hidden]){border-top:none;border-bottom:none}.dial-surface{background-color:var(--bg-layer-raised,#fcfcfc);color:var(--text-primary,#161b2d)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:769px){.container{max-width:769px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-0\.5{bottom:-.125rem}.-left-0\.5{left:-.125rem}.left-0{left:0}.left-1\/2{left:50%}.left-full{left:100%}.right-0{right:0}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-8{top:2rem}.top-\[-2px\]{top:-2px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[52\]{z-index:52}.z-\[53\]{z-index:53}.z-\[55\]{z-index:55}.-m-px{margin:-1px}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-ml-6{margin-left:-1.5rem}.-mr-2{margin-right:-.5rem}.-mr-px{margin-right:-1px}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[2px\]{margin-bottom:2px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-6{margin-left:1.5rem}.ml-\[26px\]{margin-left:26px}.ml-\[28px\]{margin-left:28px}.ml-\[44px\]{margin-left:44px}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-4,.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-5{-webkit-line-clamp:5}.line-clamp-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}.size-0{width:0;height:0}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-2{width:.5rem;height:.5rem}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-9{width:2.25rem;height:2.25rem}.size-\[16px\]{width:16px;height:16px}.size-\[18px\]{width:18px;height:18px}.size-\[20px\]{width:20px;height:20px}.size-\[24px\]{width:24px;height:24px}.size-\[28px\]{width:28px;height:28px}.size-\[38px\]{width:38px;height:38px}.size-\[400px\]{width:400px;height:400px}.size-\[40px\]{width:40px;height:40px}.size-\[48px\]{width:48px;height:48px}.size-\[4px\]{width:4px;height:4px}.size-\[8px\]{width:8px;height:8px}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.size-px{width:1px;height:1px}.\!h-10{height:2.5rem!important}.\!h-6{height:1.5rem!important}.\!h-9{height:2.25rem!important}.\!h-\[600px\]{height:600px!important}.\!h-auto{height:auto!important}.h-0{height:0}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[100px\]{height:100px}.h-\[10px\]{height:10px}.h-\[120px\]{height:120px}.h-\[180px\]{height:180px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[232px\]{height:232px}.h-\[240px\]{height:240px}.h-\[24px\]{height:24px}.h-\[250px\]{height:250px}.h-\[26px\]{height:26px}.h-\[280px\]{height:280px}.h-\[300px\]{height:300px}.h-\[32px\]{height:32px}.h-\[34px\]{height:34px}.h-\[38px\]{height:38px}.h-\[40px\]{height:40px}.h-\[420px\]{height:420px}.h-\[48px\]{height:48px}.h-\[4px\]{height:4px}.h-\[500px\]{height:500px}.h-\[60px\]{height:60px}.h-\[640px\]{height:640px}.h-\[740px\]{height:740px}.h-\[8px\]{height:8px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[352px\]{max-height:352px}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-2{min-height:.5rem}.min-h-4{min-height:1rem}.min-h-\[120px\]{min-height:120px}.min-h-\[180px\]{min-height:180px}.min-h-\[220px\]{min-height:220px}.min-h-\[248px\]{min-height:248px}.min-h-\[24px\]{min-height:24px}.min-h-\[25px\]{min-height:25px}.min-h-\[38px\]{min-height:38px}.min-h-\[40px\]{min-height:40px}.min-h-\[42px\]{min-height:42px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.\!w-\[280px\]{width:280px!important}.w-0{width:0}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\/5{width:40%}.w-28{width:7rem}.w-32{width:8rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[1000px\]{width:1000px}.w-\[10px\]{width:10px}.w-\[120px\]{width:120px}.w-\[140px\]{width:140px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[22px\]{width:22px}.w-\[240px\]{width:240px}.w-\[248px\]{width:248px}.w-\[24px\]{width:24px}.w-\[250px\]{width:250px}.w-\[260px\]{width:260px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[32px\]{width:32px}.w-\[360px\]{width:360px}.w-\[36px\]{width:36px}.w-\[400px\]{width:400px}.w-\[40px\]{width:40px}.w-\[420px\]{width:420px}.w-\[422px\]{width:422px}.w-\[44px\]{width:44px}.w-\[450px\]{width:450px}.w-\[480px\]{width:480px}.w-\[4px\]{width:4px}.w-\[500px\]{width:500px}.w-\[520px\]{width:520px}.w-\[560px\]{width:560px}.w-\[600px\]{width:600px}.w-\[64px\]{width:64px}.w-\[720px\]{width:720px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-8{min-width:2rem}.min-w-\[100px\]{min-width:100px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[24px\]{min-width:24px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.min-w-\[320px\]{min-width:320px}.min-w-\[400px\]{min-width:400px}.min-w-\[420px\]{min-width:420px}.min-w-\[44px\]{min-width:44px}.min-w-\[480px\]{min-width:480px}.min-w-\[520px\]{min-width:520px}.min-w-\[5ch\]{min-width:5ch}.min-w-\[600px\]{min-width:600px}.min-w-\[640px\]{min-width:640px}.min-w-\[760px\]{min-width:760px}.min-w-\[800px\]{min-width:800px}.\!max-w-\[500px\]{max-width:500px!important}.\!max-w-\[var\(--reference-width\)\]{max-width:var(--reference-width)!important}.max-w-80{max-width:20rem}.max-w-\[1200px\]{max-width:1200px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[280px\]{max-width:280px}.max-w-\[30\%\]{max-width:30%}.max-w-\[300px\]{max-width:300px}.max-w-\[376px\]{max-width:376px}.max-w-\[428px\]{max-width:428px}.max-w-\[51\%\]{max-width:51%}.max-w-\[600px\]{max-width:600px}.max-w-\[80px\]{max-width:80px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-0{flex-basis:0px}.basis-auto{flex-basis:auto}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.\!cursor-default{cursor:default!important}.\!cursor-not-allowed{cursor:not-allowed!important}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.list-none{list-style-type:none}.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-\[220px_1fr\]{grid-template-columns:220px 1fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_1fr_1fr\]{grid-template-columns:auto 1fr 1fr}.grid-cols-\[auto_1fr_1fr_1fr\]{grid-template-columns:auto 1fr 1fr 1fr}.grid-cols-\[auto_minmax\(0\2c 1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.grid-cols-\[minmax\(280px\2c 1fr\)_minmax\(220px\2c 1fr\)_minmax\(220px\2c 1fr\)\]{grid-template-columns:minmax(280px,1fr) minmax(220px,1fr) minmax(220px,1fr)}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[2px\]{gap:2px}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-x-\[160px\]{-moz-column-gap:160px;column-gap:160px}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.gap-y-\[80px\]{row-gap:80px}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-tertiary>:not([hidden])~:not([hidden]){border-color:var(--stroke-tertiary,#e0e6f0)}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\!truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!whitespace-normal{white-space:normal!important}.whitespace-normal{white-space:normal}.\!whitespace-nowrap{white-space:nowrap!important}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded{border-radius:4px!important}.\!rounded-\[2px\]{border-radius:2px!important}.rounded{border-radius:4px}.rounded-\[10px\]{border-radius:10px}.rounded-\[120px\]{border-radius:120px}.rounded-\[20px\]{border-radius:20px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-control{border-radius:var(--radius-control,9999px)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.\!rounded-r-none{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-l{border-top-left-radius:4px;border-bottom-left-radius:4px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:4px;border-bottom-right-radius:4px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-t{border-top-left-radius:4px;border-top-right-radius:4px}.\!border{border-width:1px!important}.\!border-0{border-width:0!important}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[0\.5px\]{border-width:.5px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.\!border-solid{border-style:solid!important}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.\!border-none{border-style:none!important}.border-none{border-style:none}.\!border-error{border-color:var(--stroke-error,#ae2f2f)!important}.\!border-primary{border-color:var(--stroke-primary,#57647a)!important}.\!border-transparent{border-color:transparent!important}.border-\[\#F4CE46\]{--tw-border-opacity:1;border-color:rgb(244 206 70/var(--tw-border-opacity,1))}.border-accent{border-color:var(--stroke-accent,#1d4ed8)}.border-accent-primary{border-color:var(--stroke-accent-primary,#124ace)}.border-accent-secondary{border-color:var(--stroke-accent-secondary,#007274)}.border-control-disable-primary{border-color:var(--stroke-control-disable-primary,#848e9c)}.border-default{border-color:var(--stroke-default,#b2c2dd)}.border-error{border-color:var(--stroke-error,#ae2f2f)}.border-hover{border-color:var(--stroke-hover,#eef1f7)}.border-info{border-color:var(--stroke-info,#1d4ed8)}.border-primary{border-color:var(--stroke-primary,#57647a)}.border-red-900{border-color:var(--red-900,#402027)}.border-secondary{border-color:var(--stroke-secondary,#d1dbea)}.border-success{border-color:var(--stroke-success,#007274)}.border-tertiary{border-color:var(--stroke-tertiary,#e0e6f0)}.border-transparent{border-color:transparent}.border-warning{border-color:var(--stroke-warning,#eec840)}.border-b-accent-primary{border-bottom-color:var(--stroke-accent-primary,#124ace)}.border-l-accent-primary{border-left-color:var(--stroke-accent-primary,#124ace)}.border-l-transparent{border-left-color:transparent}.border-t-accent{border-top-color:var(--stroke-accent,#1d4ed8)}.\!bg-accent-secondary{background-color:var(--bg-accent-secondary,#37babc)!important}.\!bg-layer-2{background-color:var(--bg-layer-2,#eef1f7)!important}.\!bg-layer-4{background-color:var(--bg-layer-4,#d1dbea)!important}.\!bg-success{background-color:var(--bg-success,#d9f0f1)!important}.bg-accent-primary{background-color:var(--bg-accent-primary,#5c8dea)}.bg-accent-primary-alpha{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.bg-accent-secondary{background-color:var(--bg-accent-secondary,#37babc)}.bg-accent-secondary-alpha{background-color:var(--bg-accent-secondary-alpha,#37babc2e)}.bg-accent-tertiary-alpha{background-color:var(--bg-accent-tertiary-alpha,#a972ff2e)}.bg-backdrop{background-color:var(--bg-backdrop,#161b2d4d)}.bg-blackout{background-color:var(--bg-blackout,#0c101d4d)}.bg-control-accent{background-color:var(--bg-control-accent,#1d4ed8)}.bg-control-accent-alpha{background-color:var(--bg-control-accent-alpha,#2764d90f)}.bg-control-accent-alpha-hover{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.bg-control-disable-primary{background-color:var(--bg-control-disable-primary,#dce0e8)}.bg-control-disable-secondary{background-color:var(--bg-control-disable-secondary,#acb3c3)}.bg-control-error{background-color:var(--bg-control-error,#ae2f2f)}.bg-control-inverted{background-color:var(--bg-control-inverted,#57647a)}.bg-control-neutral{background-color:var(--bg-control-neutral,#fcfcfc)}.bg-control-neutral-active{background-color:var(--bg-control-neutral-active,#d1dbea)}.bg-control-neutral-default{background-color:var(--bg-control-neutral-default,#acb3c3)}.bg-controls-accent-primary{background-color:var(--controls-bg-accent-primary,#124ace)}.bg-controls-accent-primary-alpha-active{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}.bg-controls-disable{background-color:var(--controls-bg-disable,#d1dbea)}.bg-controls-disable-accent{background-color:var(--controls-bg-disable-accent,#7c8293)}.bg-controls-enable-primary{background-color:var(--controls-enable-primary,#fcfcfc)}.bg-controls-error{background-color:var(--controls-bg-error,#ae2f2f)}.bg-error{background-color:var(--bg-error,#f3d6d8)}.bg-info{background-color:var(--bg-info,#d6e2f9)}.bg-layer-0{background-color:var(--bg-layer-0,#fcfcfc)}.bg-layer-1{background-color:var(--bg-layer-1,#e0e6f0)}.bg-layer-2{background-color:var(--bg-layer-2,#eef1f7)}.bg-layer-3{background-color:var(--bg-layer-3,#fcfcfc)}.bg-layer-4{background-color:var(--bg-layer-4,#d1dbea)}.bg-layer-base{background-color:var(--bg-layer-base,#f5f7fa)}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)}.bg-neutral{background-color:var(--bg-neutral,#fcfcfc)}.bg-red-400{background-color:var(--bg-red-400,#f76464)}.bg-success{background-color:var(--bg-success,#d9f0f1)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--bg-warning,#faf0cf)}.bg-none{background-image:none}.fill-control-inverted{fill:var(--bg-control-inverted,#57647a)}.stroke-primary{stroke:var(--stroke-primary,#57647a)}.\!p-0{padding:0!important}.\!p-1{padding:.25rem!important}.\!p-\[9px\]{padding:9px!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-\[3px\]{padding:3px}.p-\[6px\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-\[7px\]{padding-left:7px}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-7{padding-right:1.75rem}.pr-\[7px\]{padding-right:7px}.ps-5{padding-inline-start:1.25rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-end{text-align:end}.align-middle{vertical-align:middle}.font{font-family:var(--theme-font,var(--font-inter))}.font-mono{font-family:var(--theme-font-mono,var(--font-fira-code,"Fira Code")),ui-monospace,SFMono-Regular,Menlo,monospace}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-\[10px\]\/\[12px\]{font-size:10px;line-height:12px}.text-\[12px\]\/\[16px\]{font-size:12px;line-height:16px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-\[0\.03em\]{letter-spacing:.03em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-accent{color:var(--text-accent,#1d4ed8)!important}.text-\[var\(--bg-layer-0\2c _\#000000\)\]{color:var(--bg-layer-0,#000)}.text-accent{color:var(--text-accent,#1d4ed8)}.text-accent-primary{color:var(--text-accent-primary,#7da4ff)}.text-accent-secondary{color:var(--text-accent-secondary,#37babc)}.text-accent-tertiary{color:var(--text-accent-tertiary,#a972ff)}.text-control-disable-primary{color:var(--text-control-disable-primary,#848e9c)}.text-control-inverted{color:var(--text-control-inverted,#fcfcfc)}.text-control-permanent{color:var(--text-control-permanent,#fcfcfc)}.text-controls-accent-disable{color:var(--controls-text-accent-disable,#d1dbea)}.text-controls-primary-disable{color:var(--controls-text-primary-disable,#696e7c)}.text-controls-secondary-disable{color:var(--controls-text-secondary-disable,#9fa6bd)}.text-error{color:var(--text-error,#ae2f2f)}.text-info{color:var(--text-info,#1d4ed8)}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.text-success{color:var(--text-success,#007274)}.text-tertiary{color:var(--text-tertiary,#848e9c)}.text-transparent{color:transparent}.text-warning{color:var(--text-warning,#7f6300)}.text-warning-icon{color:var(--text-warning-icon,#eec840)}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 8px 44px 0 var(--shadow-lg,#2764d914);--tw-shadow-colored:0 8px 44px 0 var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 8px 24px 0 var(--shadow-md,#2764d90f);--tw-shadow-colored:0 8px 24px 0 var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 8px 10px 0 var(--shadow-sm,#2764d914);--tw-shadow-colored:0 8px 10px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xs{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid;outline-width:1px}.outline-offset-0{outline-offset:0}.outline-offset-2{outline-offset:2px}.outline-accent-focus{outline-color:var(--stroke-accent-focus,#6785fb)}.outline-focus{outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-sky-400{--tw-ring-opacity:1;--tw-ring-color:rgb(56 189 248/var(--tw-ring-opacity,1))}.ring-offset-1{--tw-ring-offset-width:1px}.ring-offset-2{--tw-ring-offset-width:2px}.blur{--tw-blur:blur(8px)}.blur,.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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\2c box-shadow\]{transition-property:transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[writing-mode\:tb-rl\]{writing-mode:tb-rl}}.placeholder\:text-secondary::-moz-placeholder{color:var(--text-secondary,#57647a)}.placeholder\:text-secondary::placeholder{color:var(--text-secondary,#57647a)}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-\[18px\]:before{content:var(--tw-content);height:18px}.before\:w-\[18px\]:before{content:var(--tw-content);width:18px}.before\:rounded:before{content:var(--tw-content);border-radius:4px}.before\:border:before{content:var(--tw-content);border-width:1px}.before\:border-hover:before{content:var(--tw-content);border-color:var(--stroke-hover,#eef1f7)}.before\:bg-layer-4:before{content:var(--tw-content);background-color:var(--bg-layer-4,#d1dbea)}.before\:content-\[\"\"\]:before{--tw-content:"";content:var(--tw-content)}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0}.focus-within\:border-accent-focus:focus-within{border-color:var(--stroke-accent-focus,#6785fb)}.hover\:-translate-y-\[3px\]:hover{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:\!border-transparent:hover{border-color:transparent!important}.hover\:border-accent:hover{border-color:var(--stroke-accent,#1d4ed8)}.hover\:border-accent-alpha:hover{border-color:var(--stroke-accent-alpha,#2764d933)}.hover\:border-error:hover{border-color:var(--stroke-error,#ae2f2f)}.hover\:border-hover:hover{border-color:var(--stroke-hover,#eef1f7)}.hover\:bg-accent-primary-alpha:hover{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.hover\:bg-control-accent-alpha-hover:hover{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.hover\:bg-control-accent-hover:hover{background-color:var(--bg-control-accent-hover,#5976e9)}.hover\:bg-control-neutral-hover-strong:hover{background-color:var(--bg-control-neutral-hover-strong,#848e9c)}.hover\:bg-controls-accent-primary-alpha-active:hover{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}.hover\:bg-layer-3:hover{background-color:var(--bg-layer-3,#fcfcfc)}.hover\:bg-layer-4:hover{background-color:var(--bg-layer-4,#d1dbea)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-accent:hover{color:var(--text-accent,#1d4ed8)}.hover\:text-accent-primary:hover{color:var(--text-accent-primary,#7da4ff)}.hover\:text-accent-tertiary:hover{color:var(--text-accent-tertiary,#a972ff)}.hover\:text-control-accent-hover:hover{color:var(--text-control-accent-hover,#5976e9)}.hover\:text-controls-accent-primary-hover:hover{color:var(--controls-text-accent-primary-hover,#3664e2)}.hover\:text-error:hover{color:var(--text-error,#ae2f2f)}.hover\:text-primary:hover{color:var(--text-primary,#161b2d)}.hover\:shadow-lg:hover{--tw-shadow:0 8px 44px 0 var(--shadow-lg,#2764d914);--tw-shadow-colored:0 8px 44px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:bg-accent-primary-alpha:focus{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:relative:focus-visible{position:relative}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-none:focus-visible{border-style:none}.focus-visible\:border-focus:focus-visible{border-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline:focus-visible{outline-style:solid;outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-focus:focus-visible{outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:bg-control-accent-alpha-active:active{background-color:var(--bg-control-accent-alpha-active,#2764d933)}.active\:text-control-accent-active:active{color:var(--text-control-accent-active,#6785fb)}.active\:text-controls-accent-primary-active:active{color:var(--controls-text-accent-primary-active,#7da4ff)}.enabled\:text-secondary:enabled{color:var(--text-secondary,#57647a)}.enabled\:hover\:bg-accent-primary-alpha:hover:enabled{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.enabled\:hover\:bg-control-accent-alpha-hover:hover:enabled{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.enabled\:hover\:text-accent-primary:hover:enabled{color:var(--text-accent-primary,#7da4ff)}.enabled\:hover\:text-control-accent-hover:hover:enabled{color:var(--text-control-accent-hover,#5976e9)}.enabled\:active\:bg-control-accent-alpha-active:active:enabled{background-color:var(--bg-control-accent-alpha-active,#2764d933)}.enabled\:active\:bg-controls-accent-primary-alpha-active:active:enabled{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}.enabled\:active\:text-accent-primary:active:enabled{color:var(--text-accent-primary,#7da4ff)}.enabled\:active\:text-control-accent-active:active:enabled{color:var(--text-control-accent-active,#6785fb)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-control-disable-primary:disabled{color:var(--text-control-disable-primary,#848e9c)}.disabled\:text-controls-secondary-disable:disabled{color:var(--controls-text-secondary-disable,#9fa6bd)}.disabled\:opacity-75:disabled{opacity:.75}.disabled\:hover\:cursor-default:hover:disabled{cursor:default}.group\/grid-row:hover .group-hover\/grid-row\:pointer-events-auto{pointer-events:auto}.group:hover .group-hover\:visible,.group\/item:hover .group-hover\/item\:visible{visibility:visible}.group\/grid-row:hover .group-hover\/grid-row\:bg-accent-primary-alpha,.group\/item:hover .group-hover\/item\:bg-accent-primary-alpha{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.group:hover .group-hover\:text-primary{color:var(--text-primary,#161b2d)}.group:hover .group-hover\:opacity-100,.group\/grid-row:hover .group-hover\/grid-row\:opacity-100{opacity:1}.group:disabled .group-disabled\:text-controls-secondary-disable{color:var(--controls-text-secondary-disable,#9fa6bd)}.peer:focus-visible~.peer-focus-visible\:outline{outline-style:solid;outline-width:1px}.peer:focus-visible~.peer-focus-visible\:outline-offset-2{outline-offset:2px}.peer:focus-visible~.peer-focus-visible\:outline-focus{outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:hover\:translate-y-0:hover{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:640px){.sm\:inline{display:inline}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:\!h-\[800px\]{height:800px!important}.md\:h-auto{height:auto}.md\:min-h-\[266px\]{min-height:266px}.md\:max-w-\[1200px\]{max-width:1200px}.md\:max-w-\[400px\]{max-width:400px}.md\:max-w-\[800px\]{max-width:800px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-4{padding:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>div\]\:\!border-0>div{border-width:0!important}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}
+      ) transparent}.divide-y>:empty~:not([hidden]){border-top:none;border-bottom:none}.dial-surface{background-color:var(--bg-layer-raised,#fcfcfc);color:var(--text-primary,#161b2d)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:769px){.container{max-width:769px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-0\.5{bottom:-.125rem}.-left-0\.5{left:-.125rem}.left-0{left:0}.left-1\/2{left:50%}.left-full{left:100%}.right-0{right:0}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-8{top:2rem}.top-\[-2px\]{top:-2px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[52\]{z-index:52}.z-\[53\]{z-index:53}.z-\[55\]{z-index:55}.-m-px{margin:-1px}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-ml-6{margin-left:-1.5rem}.-mr-2{margin-right:-.5rem}.-mr-px{margin-right:-1px}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[2px\]{margin-bottom:2px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-6{margin-left:1.5rem}.ml-\[26px\]{margin-left:26px}.ml-\[28px\]{margin-left:28px}.ml-\[44px\]{margin-left:44px}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-4,.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-5{-webkit-line-clamp:5}.line-clamp-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}.size-0{width:0;height:0}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-2{width:.5rem;height:.5rem}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-9{width:2.25rem;height:2.25rem}.size-\[16px\]{width:16px;height:16px}.size-\[18px\]{width:18px;height:18px}.size-\[20px\]{width:20px;height:20px}.size-\[24px\]{width:24px;height:24px}.size-\[28px\]{width:28px;height:28px}.size-\[38px\]{width:38px;height:38px}.size-\[400px\]{width:400px;height:400px}.size-\[40px\]{width:40px;height:40px}.size-\[48px\]{width:48px;height:48px}.size-\[4px\]{width:4px;height:4px}.size-\[8px\]{width:8px;height:8px}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.size-px{width:1px;height:1px}.\!h-10{height:2.5rem!important}.\!h-6{height:1.5rem!important}.\!h-9{height:2.25rem!important}.\!h-\[600px\]{height:600px!important}.\!h-auto{height:auto!important}.h-0{height:0}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[100px\]{height:100px}.h-\[10px\]{height:10px}.h-\[120px\]{height:120px}.h-\[180px\]{height:180px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[232px\]{height:232px}.h-\[240px\]{height:240px}.h-\[24px\]{height:24px}.h-\[250px\]{height:250px}.h-\[26px\]{height:26px}.h-\[280px\]{height:280px}.h-\[300px\]{height:300px}.h-\[32px\]{height:32px}.h-\[34px\]{height:34px}.h-\[38px\]{height:38px}.h-\[40px\]{height:40px}.h-\[420px\]{height:420px}.h-\[48px\]{height:48px}.h-\[4px\]{height:4px}.h-\[500px\]{height:500px}.h-\[60px\]{height:60px}.h-\[640px\]{height:640px}.h-\[740px\]{height:740px}.h-\[8px\]{height:8px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[344px\]{max-height:344px}.max-h-\[352px\]{max-height:352px}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-2{min-height:.5rem}.min-h-4{min-height:1rem}.min-h-\[120px\]{min-height:120px}.min-h-\[180px\]{min-height:180px}.min-h-\[220px\]{min-height:220px}.min-h-\[248px\]{min-height:248px}.min-h-\[24px\]{min-height:24px}.min-h-\[25px\]{min-height:25px}.min-h-\[38px\]{min-height:38px}.min-h-\[40px\]{min-height:40px}.min-h-\[42px\]{min-height:42px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.\!w-\[280px\]{width:280px!important}.w-0{width:0}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\/5{width:40%}.w-28{width:7rem}.w-32{width:8rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[1000px\]{width:1000px}.w-\[10px\]{width:10px}.w-\[120px\]{width:120px}.w-\[140px\]{width:140px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[22px\]{width:22px}.w-\[240px\]{width:240px}.w-\[248px\]{width:248px}.w-\[24px\]{width:24px}.w-\[250px\]{width:250px}.w-\[260px\]{width:260px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[32px\]{width:32px}.w-\[360px\]{width:360px}.w-\[36px\]{width:36px}.w-\[400px\]{width:400px}.w-\[40px\]{width:40px}.w-\[420px\]{width:420px}.w-\[422px\]{width:422px}.w-\[44px\]{width:44px}.w-\[450px\]{width:450px}.w-\[480px\]{width:480px}.w-\[4px\]{width:4px}.w-\[500px\]{width:500px}.w-\[520px\]{width:520px}.w-\[560px\]{width:560px}.w-\[600px\]{width:600px}.w-\[64px\]{width:64px}.w-\[720px\]{width:720px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-8{min-width:2rem}.min-w-\[100px\]{min-width:100px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[24px\]{min-width:24px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.min-w-\[320px\]{min-width:320px}.min-w-\[400px\]{min-width:400px}.min-w-\[420px\]{min-width:420px}.min-w-\[44px\]{min-width:44px}.min-w-\[480px\]{min-width:480px}.min-w-\[520px\]{min-width:520px}.min-w-\[5ch\]{min-width:5ch}.min-w-\[600px\]{min-width:600px}.min-w-\[640px\]{min-width:640px}.min-w-\[760px\]{min-width:760px}.min-w-\[800px\]{min-width:800px}.\!max-w-\[500px\]{max-width:500px!important}.\!max-w-\[var\(--reference-width\)\]{max-width:var(--reference-width)!important}.max-w-80{max-width:20rem}.max-w-\[1200px\]{max-width:1200px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[280px\]{max-width:280px}.max-w-\[30\%\]{max-width:30%}.max-w-\[300px\]{max-width:300px}.max-w-\[376px\]{max-width:376px}.max-w-\[428px\]{max-width:428px}.max-w-\[51\%\]{max-width:51%}.max-w-\[600px\]{max-width:600px}.max-w-\[80px\]{max-width:80px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-0{flex-basis:0px}.basis-auto{flex-basis:auto}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.\!cursor-default{cursor:default!important}.\!cursor-not-allowed{cursor:not-allowed!important}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.list-none{list-style-type:none}.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-\[220px_1fr\]{grid-template-columns:220px 1fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_1fr_1fr\]{grid-template-columns:auto 1fr 1fr}.grid-cols-\[auto_1fr_1fr_1fr\]{grid-template-columns:auto 1fr 1fr 1fr}.grid-cols-\[auto_minmax\(0\2c 1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.grid-cols-\[minmax\(280px\2c 1fr\)_minmax\(220px\2c 1fr\)_minmax\(220px\2c 1fr\)\]{grid-template-columns:minmax(280px,1fr) minmax(220px,1fr) minmax(220px,1fr)}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[2px\]{gap:2px}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-x-\[160px\]{-moz-column-gap:160px;column-gap:160px}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.gap-y-\[80px\]{row-gap:80px}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-tertiary>:not([hidden])~:not([hidden]){border-color:var(--stroke-tertiary,#e0e6f0)}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\!truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!whitespace-normal{white-space:normal!important}.whitespace-normal{white-space:normal}.\!whitespace-nowrap{white-space:nowrap!important}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded{border-radius:4px!important}.\!rounded-\[2px\]{border-radius:2px!important}.rounded{border-radius:4px}.rounded-\[10px\]{border-radius:10px}.rounded-\[120px\]{border-radius:120px}.rounded-\[20px\]{border-radius:20px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-control{border-radius:var(--radius-control,9999px)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.\!rounded-r-none{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-l{border-top-left-radius:4px;border-bottom-left-radius:4px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:4px;border-bottom-right-radius:4px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-t{border-top-left-radius:4px;border-top-right-radius:4px}.\!border{border-width:1px!important}.\!border-0{border-width:0!important}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[0\.5px\]{border-width:.5px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.\!border-solid{border-style:solid!important}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.\!border-none{border-style:none!important}.border-none{border-style:none}.\!border-error{border-color:var(--stroke-error,#ae2f2f)!important}.\!border-primary{border-color:var(--stroke-primary,#57647a)!important}.\!border-transparent{border-color:transparent!important}.border-\[\#F4CE46\]{--tw-border-opacity:1;border-color:rgb(244 206 70/var(--tw-border-opacity,1))}.border-accent{border-color:var(--stroke-accent,#1d4ed8)}.border-accent-primary{border-color:var(--stroke-accent-primary,#124ace)}.border-accent-secondary{border-color:var(--stroke-accent-secondary,#007274)}.border-control-disable-primary{border-color:var(--stroke-control-disable-primary,#848e9c)}.border-default{border-color:var(--stroke-default,#b2c2dd)}.border-error{border-color:var(--stroke-error,#ae2f2f)}.border-hover{border-color:var(--stroke-hover,#eef1f7)}.border-info{border-color:var(--stroke-info,#1d4ed8)}.border-primary{border-color:var(--stroke-primary,#57647a)}.border-red-900{border-color:var(--red-900,#402027)}.border-secondary{border-color:var(--stroke-secondary,#d1dbea)}.border-success{border-color:var(--stroke-success,#007274)}.border-tertiary{border-color:var(--stroke-tertiary,#e0e6f0)}.border-transparent{border-color:transparent}.border-warning{border-color:var(--stroke-warning,#eec840)}.border-b-accent-primary{border-bottom-color:var(--stroke-accent-primary,#124ace)}.border-l-accent-primary{border-left-color:var(--stroke-accent-primary,#124ace)}.border-l-transparent{border-left-color:transparent}.border-t-accent{border-top-color:var(--stroke-accent,#1d4ed8)}.\!bg-accent-secondary{background-color:var(--bg-accent-secondary,#37babc)!important}.\!bg-layer-2{background-color:var(--bg-layer-2,#eef1f7)!important}.\!bg-layer-4{background-color:var(--bg-layer-4,#d1dbea)!important}.\!bg-success{background-color:var(--bg-success,#d9f0f1)!important}.bg-accent-primary{background-color:var(--bg-accent-primary,#5c8dea)}.bg-accent-primary-alpha{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.bg-accent-secondary{background-color:var(--bg-accent-secondary,#37babc)}.bg-accent-secondary-alpha{background-color:var(--bg-accent-secondary-alpha,#37babc2e)}.bg-accent-tertiary-alpha{background-color:var(--bg-accent-tertiary-alpha,#a972ff2e)}.bg-backdrop{background-color:var(--bg-backdrop,#161b2d4d)}.bg-blackout{background-color:var(--bg-blackout,#0c101d4d)}.bg-control-accent{background-color:var(--bg-control-accent,#1d4ed8)}.bg-control-accent-alpha{background-color:var(--bg-control-accent-alpha,#2764d90f)}.bg-control-accent-alpha-hover{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.bg-control-disable-primary{background-color:var(--bg-control-disable-primary,#dce0e8)}.bg-control-disable-secondary{background-color:var(--bg-control-disable-secondary,#acb3c3)}.bg-control-error{background-color:var(--bg-control-error,#ae2f2f)}.bg-control-inverted{background-color:var(--bg-control-inverted,#57647a)}.bg-control-neutral{background-color:var(--bg-control-neutral,#fcfcfc)}.bg-control-neutral-active{background-color:var(--bg-control-neutral-active,#d1dbea)}.bg-control-neutral-default{background-color:var(--bg-control-neutral-default,#acb3c3)}.bg-controls-accent-primary{background-color:var(--controls-bg-accent-primary,#124ace)}.bg-controls-accent-primary-alpha-active{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}.bg-controls-disable{background-color:var(--controls-bg-disable,#d1dbea)}.bg-controls-disable-accent{background-color:var(--controls-bg-disable-accent,#7c8293)}.bg-controls-enable-primary{background-color:var(--controls-enable-primary,#fcfcfc)}.bg-controls-error{background-color:var(--controls-bg-error,#ae2f2f)}.bg-error{background-color:var(--bg-error,#f3d6d8)}.bg-info{background-color:var(--bg-info,#d6e2f9)}.bg-layer-0{background-color:var(--bg-layer-0,#fcfcfc)}.bg-layer-1{background-color:var(--bg-layer-1,#e0e6f0)}.bg-layer-2{background-color:var(--bg-layer-2,#eef1f7)}.bg-layer-3{background-color:var(--bg-layer-3,#fcfcfc)}.bg-layer-4{background-color:var(--bg-layer-4,#d1dbea)}.bg-layer-base{background-color:var(--bg-layer-base,#f5f7fa)}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)}.bg-neutral{background-color:var(--bg-neutral,#fcfcfc)}.bg-red-400{background-color:var(--bg-red-400,#f76464)}.bg-success{background-color:var(--bg-success,#d9f0f1)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--bg-warning,#faf0cf)}.bg-none{background-image:none}.fill-control-inverted{fill:var(--bg-control-inverted,#57647a)}.stroke-primary{stroke:var(--stroke-primary,#57647a)}.\!p-0{padding:0!important}.\!p-1{padding:.25rem!important}.\!p-\[9px\]{padding:9px!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-\[3px\]{padding:3px}.p-\[6px\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-\[7px\]{padding-left:7px}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-7{padding-right:1.75rem}.pr-\[7px\]{padding-right:7px}.ps-5{padding-inline-start:1.25rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-end{text-align:end}.align-middle{vertical-align:middle}.font{font-family:var(--theme-font,var(--font-inter))}.font-mono{font-family:var(--theme-font-mono,var(--font-fira-code,"Fira Code")),ui-monospace,SFMono-Regular,Menlo,monospace}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-\[10px\]\/\[12px\]{font-size:10px;line-height:12px}.text-\[12px\]\/\[16px\]{font-size:12px;line-height:16px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-\[0\.03em\]{letter-spacing:.03em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-accent{color:var(--text-accent,#1d4ed8)!important}.text-\[var\(--bg-layer-0\2c _\#000000\)\]{color:var(--bg-layer-0,#000)}.text-accent{color:var(--text-accent,#1d4ed8)}.text-accent-primary{color:var(--text-accent-primary,#7da4ff)}.text-accent-secondary{color:var(--text-accent-secondary,#37babc)}.text-accent-tertiary{color:var(--text-accent-tertiary,#a972ff)}.text-control-disable-primary{color:var(--text-control-disable-primary,#848e9c)}.text-control-inverted{color:var(--text-control-inverted,#fcfcfc)}.text-control-permanent{color:var(--text-control-permanent,#fcfcfc)}.text-controls-accent-disable{color:var(--controls-text-accent-disable,#d1dbea)}.text-controls-primary-disable{color:var(--controls-text-primary-disable,#696e7c)}.text-controls-secondary-disable{color:var(--controls-text-secondary-disable,#9fa6bd)}.text-error{color:var(--text-error,#ae2f2f)}.text-info{color:var(--text-info,#1d4ed8)}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.text-success{color:var(--text-success,#007274)}.text-tertiary{color:var(--text-tertiary,#848e9c)}.text-transparent{color:transparent}.text-warning{color:var(--text-warning,#7f6300)}.text-warning-icon{color:var(--text-warning-icon,#eec840)}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 8px 44px 0 var(--shadow-lg,#2764d914);--tw-shadow-colored:0 8px 44px 0 var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 8px 24px 0 var(--shadow-md,#2764d90f);--tw-shadow-colored:0 8px 24px 0 var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 8px 10px 0 var(--shadow-sm,#2764d914);--tw-shadow-colored:0 8px 10px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xs{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid;outline-width:1px}.outline-offset-0{outline-offset:0}.outline-offset-2{outline-offset:2px}.outline-accent-focus{outline-color:var(--stroke-accent-focus,#6785fb)}.outline-focus{outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-sky-400{--tw-ring-opacity:1;--tw-ring-color:rgb(56 189 248/var(--tw-ring-opacity,1))}.ring-offset-1{--tw-ring-offset-width:1px}.ring-offset-2{--tw-ring-offset-width:2px}.blur{--tw-blur:blur(8px)}.blur,.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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\2c box-shadow\]{transition-property:transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[writing-mode\:tb-rl\]{writing-mode:tb-rl}}.placeholder\:text-secondary::-moz-placeholder{color:var(--text-secondary,#57647a)}.placeholder\:text-secondary::placeholder{color:var(--text-secondary,#57647a)}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-\[18px\]:before{content:var(--tw-content);height:18px}.before\:w-\[18px\]:before{content:var(--tw-content);width:18px}.before\:rounded:before{content:var(--tw-content);border-radius:4px}.before\:border:before{content:var(--tw-content);border-width:1px}.before\:border-hover:before{content:var(--tw-content);border-color:var(--stroke-hover,#eef1f7)}.before\:bg-layer-4:before{content:var(--tw-content);background-color:var(--bg-layer-4,#d1dbea)}.before\:content-\[\"\"\]:before{--tw-content:"";content:var(--tw-content)}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0}.focus-within\:border-accent-focus:focus-within{border-color:var(--stroke-accent-focus,#6785fb)}.hover\:-translate-y-\[3px\]:hover{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:\!border-transparent:hover{border-color:transparent!important}.hover\:border-accent:hover{border-color:var(--stroke-accent,#1d4ed8)}.hover\:border-accent-alpha:hover{border-color:var(--stroke-accent-alpha,#2764d933)}.hover\:border-error:hover{border-color:var(--stroke-error,#ae2f2f)}.hover\:border-hover:hover{border-color:var(--stroke-hover,#eef1f7)}.hover\:bg-accent-primary-alpha:hover{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.hover\:bg-control-accent-alpha-hover:hover{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.hover\:bg-control-accent-hover:hover{background-color:var(--bg-control-accent-hover,#5976e9)}.hover\:bg-control-neutral-hover-strong:hover{background-color:var(--bg-control-neutral-hover-strong,#848e9c)}.hover\:bg-controls-accent-primary-alpha-active:hover{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}.hover\:bg-layer-3:hover{background-color:var(--bg-layer-3,#fcfcfc)}.hover\:bg-layer-4:hover{background-color:var(--bg-layer-4,#d1dbea)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-accent:hover{color:var(--text-accent,#1d4ed8)}.hover\:text-accent-primary:hover{color:var(--text-accent-primary,#7da4ff)}.hover\:text-accent-tertiary:hover{color:var(--text-accent-tertiary,#a972ff)}.hover\:text-control-accent-hover:hover{color:var(--text-control-accent-hover,#5976e9)}.hover\:text-controls-accent-primary-hover:hover{color:var(--controls-text-accent-primary-hover,#3664e2)}.hover\:text-error:hover{color:var(--text-error,#ae2f2f)}.hover\:text-primary:hover{color:var(--text-primary,#161b2d)}.hover\:shadow-lg:hover{--tw-shadow:0 8px 44px 0 var(--shadow-lg,#2764d914);--tw-shadow-colored:0 8px 44px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:bg-accent-primary-alpha:focus{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:relative:focus-visible{position:relative}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-none:focus-visible{border-style:none}.focus-visible\:border-focus:focus-visible{border-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline:focus-visible{outline-style:solid;outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-focus:focus-visible{outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:bg-control-accent-alpha-active:active{background-color:var(--bg-control-accent-alpha-active,#2764d933)}.active\:text-control-accent-active:active{color:var(--text-control-accent-active,#6785fb)}.active\:text-controls-accent-primary-active:active{color:var(--controls-text-accent-primary-active,#7da4ff)}.enabled\:text-secondary:enabled{color:var(--text-secondary,#57647a)}.enabled\:hover\:bg-accent-primary-alpha:hover:enabled{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.enabled\:hover\:bg-control-accent-alpha-hover:hover:enabled{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.enabled\:hover\:text-accent-primary:hover:enabled{color:var(--text-accent-primary,#7da4ff)}.enabled\:hover\:text-control-accent-hover:hover:enabled{color:var(--text-control-accent-hover,#5976e9)}.enabled\:active\:bg-control-accent-alpha-active:active:enabled{background-color:var(--bg-control-accent-alpha-active,#2764d933)}.enabled\:active\:bg-controls-accent-primary-alpha-active:active:enabled{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}.enabled\:active\:text-accent-primary:active:enabled{color:var(--text-accent-primary,#7da4ff)}.enabled\:active\:text-control-accent-active:active:enabled{color:var(--text-control-accent-active,#6785fb)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-control-disable-primary:disabled{color:var(--text-control-disable-primary,#848e9c)}.disabled\:text-controls-secondary-disable:disabled{color:var(--controls-text-secondary-disable,#9fa6bd)}.disabled\:opacity-75:disabled{opacity:.75}.disabled\:hover\:cursor-default:hover:disabled{cursor:default}.group\/grid-row:hover .group-hover\/grid-row\:pointer-events-auto{pointer-events:auto}.group:hover .group-hover\:visible,.group\/item:hover .group-hover\/item\:visible{visibility:visible}.group\/grid-row:hover .group-hover\/grid-row\:bg-accent-primary-alpha,.group\/item:hover .group-hover\/item\:bg-accent-primary-alpha{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.group:hover .group-hover\:text-primary{color:var(--text-primary,#161b2d)}.group:hover .group-hover\:opacity-100,.group\/grid-row:hover .group-hover\/grid-row\:opacity-100{opacity:1}.group:disabled .group-disabled\:text-controls-secondary-disable{color:var(--controls-text-secondary-disable,#9fa6bd)}.peer:focus-visible~.peer-focus-visible\:outline{outline-style:solid;outline-width:1px}.peer:focus-visible~.peer-focus-visible\:outline-offset-2{outline-offset:2px}.peer:focus-visible~.peer-focus-visible\:outline-focus{outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.has-\[\[data-menu-item-row\]\:focus-visible\]\:outline:has([data-menu-item-row]:focus-visible){outline-style:solid;outline-width:1px}.has-\[\[data-menu-item-row\]\:focus-visible\]\:outline-focus:has([data-menu-item-row]:focus-visible){outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.aria-expanded\:bg-control-accent-alpha-hover[aria-expanded=true]{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:hover\:translate-y-0:hover{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:640px){.sm\:inline{display:inline}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:\!h-\[800px\]{height:800px!important}.md\:h-auto{height:auto}.md\:min-h-\[266px\]{min-height:266px}.md\:max-w-\[1200px\]{max-width:1200px}.md\:max-w-\[400px\]{max-width:400px}.md\:max-w-\[800px\]{max-width:800px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-4{padding:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>div\]\:\!border-0>div{border-width:0!important}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}

package/dist/src/components/New/Dropdown/Dropdown.d.ts

@@ -37,10 +37,20 @@ export interface DropdownProps {
  * aliases: ContextMenu|PopupMenu
  * Design system 2.0
  *
+ * A menu of **actions or navigation options**, opened from a trigger. It is not
+ * the control for picking a value out of a list — a country, a sort order, a
+ * filter — which is what {@link Select} is for.
+ *
  * Supports click/hover/contextMenu triggers, controlled/uncontrolled open, and an optional
  * close button inside the overlay. Placement is taken directly from Floating UI; when
  * `placement` is **undefined** (default), automatic placement is handled by `autoPlacement`.
  *
+ * A chosen row is marked through the item's `mark`: the design draws a menu's
+ * single-select and multiselect the same way, with a check at the trailing edge
+ * (`MenuItemMark.Check`). Pair it with `selectable` for a multiselect row, which
+ * keeps the menu open across toggles. `MenuItemMark.Highlight` is the current
+ * item of a navigation menu.
+ *
  * @example
  * ```tsx
  * // Simple items menu

package/dist/src/components/New/Dropdown/constants.d.ts

@@ -1,11 +1,12 @@
 export declare const dropdownBaseClassName: string;
 export declare const dropdownListBaseClassName: string;
 export declare const dropdownSubMenuClassName: string;
+/**
+ * The row's own styling lives in {@link MenuItem}, which renders every item of
+ * the menu. This alias is what a fully custom overlay row can lean on to match
+ * them.
+ */
 export declare const dropdownItemBaseClassName: string;
-/** Tint marking a checked multiselect row. */
-export declare const dropdownItemSelectedClassName = "bg-control-accent-alpha";
-export declare const dropdownItemDisabledClassName: string;
-export declare const dropdownItemDangerClassName = "text-error";
 export declare const dropdownDividerClassName = "my-1 border-t border-tertiary";
 export declare const dropdownGap = 4;
 export declare const submenuCaretIcon: import("react/jsx-runtime").JSX.Element;

package/dist/src/components/New/Dropdown/item-mark.d.ts

@@ -0,0 +1,15 @@
+import { DropdownItem } from '../../../models/dropdown';
+import { MenuItemMark } from '../../../types/menu-item';
+/**
+ * How a chosen row is marked. `mark` wins when it is given; otherwise the
+ * legacy `selectable` flag still means the multiselect checkbox row.
+ */
+export declare const resolveItemMark: (item: DropdownItem) => MenuItemMark;
+/**
+ * Role the row announces. A `selectable` row toggles and so is a checkbox item
+ * whatever it is marked with — the design draws a menu's multiselect exactly
+ * like its single-select, with a check. A row that only *marks* a single choice
+ * is a radio item; an unmarked row and the navigation highlight are plain
+ * items, the highlight carrying `aria-current` instead.
+ */
+export declare const getItemRole: (item: DropdownItem) => string;

package/dist/src/components/New/MenuItem/MenuItem.d.ts

@@ -0,0 +1,68 @@
+import { ButtonHTMLAttributes, FC, ReactNode, Ref } from 'react';
+import { MenuItemMark } from '../../../types/menu-item';
+export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Ref to the row button — a submenu trigger anchors its panel to it. */
+    ref?: Ref<HTMLButtonElement>;
+    /** The row's text. */
+    label?: ReactNode;
+    /** Icon rendered before the label. */
+    icon?: ReactNode;
+    /** Secondary text rendered after the label, at the row's trailing edge. */
+    description?: ReactNode;
+    /** How a chosen row is marked. */
+    mark?: MenuItemMark;
+    /** Whether this row is the chosen one; drives whatever `mark` selects. */
+    selected?: boolean;
+    /** Paints the row in the error colour — a destructive action. */
+    danger?: boolean;
+    /** Node pinned to the row's trailing edge, e.g. a submenu caret. */
+    trailing?: ReactNode;
+    /**
+     * A control of its own at the trailing edge — a favourite toggle, a delete
+     * button. It is rendered as a **sibling** of the row, not inside it: a
+     * button nested in a button is invalid, and it would swallow the row's
+     * click and land inside its accessible name.
+     */
+    rightControl?: ReactNode;
+    /** Truncates the label with a tooltip that only appears once it is clipped. */
+    ellipsisLabel?: boolean;
+    /** Additional classes for the label element. */
+    labelClassName?: string;
+    /** Replaces the icon + label content while keeping the row and `trailing`. */
+    children?: ReactNode;
+}
+/**
+ * One row of a floating overlay — a dropdown menu item or a select option.
+ * Design system 2.0
+ *
+ * Owns the Menu-item states the design defines, so the dropdown and the select
+ * cannot drift apart: rest, hover, focus and disable, plus the three ways a
+ * chosen row is marked (`MenuItemMark`). The row itself is the control — the
+ * checkbox box and the check icon are decorative, since the state already rides
+ * on the `aria-checked`/`aria-selected` the caller sets alongside `role`.
+ *
+ * @example
+ * ```tsx
+ * <MenuItem role="menuitem" label="Rename" icon={<IconPencil />} />
+ *
+ * // Single choice, marked with a trailing check
+ * <MenuItem role="option" aria-selected label="English" mark={MenuItemMark.Check} selected />
+ *
+ * // Current item of a navigation menu
+ * <MenuItem role="menuitem" aria-current label="Settings" mark={MenuItemMark.Highlight} selected />
+ * ```
+ *
+ * @param [label] - The row's text
+ * @param [icon] - Icon rendered before the label
+ * @param [description] - Secondary text at the row's trailing edge
+ * @param [mark=MenuItemMark.None] - How a chosen row is marked
+ * @param [selected=false] - Whether this row is the chosen one
+ * @param [danger=false] - Paints the row in the error colour
+ * @param [trailing] - Node pinned to the trailing edge, e.g. a submenu caret
+ * @param [rightControl] - A control of its own at the trailing edge, rendered beside the row
+ * @param [ellipsisLabel=false] - Truncate the label with a tooltip once clipped
+ * @param [labelClassName] - Additional classes for the label element
+ * @param [children] - Replaces the icon + label content
+ * @param [className] - Additional classes for the row
+ */
+export declare const MenuItem: FC<MenuItemProps>;

package/dist/src/components/New/MenuItem/constants.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Marks the chosen row in a `MenuItemMark.Check` list. Decorative: the row's
+ * `aria-checked`/`aria-selected` already carries the state.
+ */
+export declare const menuItemCheckIcon: import("react/jsx-runtime").JSX.Element;

package/dist/src/components/New/Select/Select.d.ts

@@ -1,6 +1,7 @@
 import { FC, MouseEvent, ReactNode, Ref } from 'react';
 import { LabelProps } from '../Label/Label';
 import { SelectOption } from '../../../models/select';
+import { MenuItemMark } from '../../../types/menu-item';
 import { ElementSize } from '../../../types/size';
 export interface SelectProps {
     options: SelectOption[];
@@ -21,6 +22,13 @@ export interface SelectProps {
     searchPlaceholder?: string;
     selectAll?: boolean;
     selectAllLabel?: string;
+    /**
+     * How the chosen option is marked in single mode. The design tints the row
+     * (`Tint`, the default); `Check` puts a trailing check on it instead, the
+     * way a menu marks its rows, and `Highlight` adds the navigation menu's
+     * accent label. Multiple mode always uses the checkbox row.
+     */
+    selectedOptionMark?: MenuItemMark.Tint | MenuItemMark.Check | MenuItemMark.Highlight;
     emptyStateTitle?: string;
     emptyStateDescription?: string;
     emptyStateIcon?: ReactNode;
@@ -46,14 +54,17 @@ export interface SelectProps {
  * aliases: OptionPicker|ChoiceSelector
  * Design system 2.0
  *
+ * A list of **values to choose from**, opened from the field. It is not the
+ * control for showing actions or navigation options — that is {@link Dropdown}.
+ *
  * The field is an {@link Input}, so it carries the 2.0 field styling, sizes,
  * label, caption and error states, and it exposes the control as a `combobox`
  * whose popup is the option list.
  *
  * Single mode:
  * - The field shows the selected option's leading icon + label.
- * - In the list, the selected option is indicated by a LEFT border, a tinted background
- *   and a trailing check icon.
+ * - In the list, the selected option is tinted; `selectedOptionMark` swaps that
+ *   for a trailing check or the navigation highlight.
  *
  * Multiple mode uses checkboxes (including Select All with indeterminate state) and
  * renders the selection as removable tags inside the field.
@@ -87,6 +98,7 @@ export interface SelectProps {
  * @param [searchPlaceholder] - Placeholder for the overlay search input.
  * @param [selectAll=false] - Show a "Select All" checkbox in multiple mode.
  * @param [selectAllLabel="Select all"] - Label for the "Select All" checkbox.
+ * @param [selectedOptionMark=MenuItemMark.Tint] - How the chosen option is marked in single mode.
  * @param [emptyStateTitle="No options available"] - Title text when there are no options.
  * @param [emptyStateDescription] - Description text when there are no options.
  * @param [emptyStateIcon] - Icon to display when there are no options.

package/dist/src/components/New/Select/SelectSubMenuItem.d.ts

@@ -1,8 +1,11 @@
 import { FC } from 'react';
 import { SelectOption } from '../../../models/select';
+import { MenuItemMark } from '../../../types/menu-item';
 export interface SelectSubMenuItemProps {
     opt: SelectOption;
     selectedValues: string[];
+    /** How a chosen child row is marked. */
+    mark?: MenuItemMark.Tint | MenuItemMark.Check | MenuItemMark.Checkbox | MenuItemMark.Highlight;
     onSelect: (value: string) => void;
 }
 export declare const SelectSubMenuItem: FC<SelectSubMenuItemProps>;

package/dist/src/components/New/Select/constants.d.ts

@@ -1,6 +1,9 @@
 export declare const selectOverlayBaseClassName: string;
+/**
+ * A row of the option list. The options themselves are {@link MenuItem}s; this
+ * is what the list's own non-option rows — Select All — align to.
+ */
 export declare const selectOptionBaseClassName: string;
-export declare const selectOptionSelectedClassName = "bg-control-accent-alpha";
 /**
  * Holds the option list to the width of the field.
  *
@@ -12,8 +15,14 @@ export declare const selectOptionSelectedClassName = "bg-control-accent-alpha";
  * default this component relies on).
  */
 export declare const selectListWidthClassName = "!max-w-[var(--reference-width)]";
-export declare const selectOptionDisabledClassName: string;
-export declare const dropdownMenuMaxHeight = 352;
+/**
+ * The options themselves scroll, at the design's maximum list length of
+ * 344px — not the panel around them, so the search row and Select All stay
+ * put while the list moves under them. The panel keeps its own cap on the
+ * available viewport height, which takes over on a screen too short for this
+ * one.
+ */
+export declare const selectOptionsScrollClassName = "max-h-[344px] overflow-y-auto";
 export declare const selectSubMenuGap = 4;
 export declare const selectSubMenuClassName: string;
 /** Marks an option that opens a nested list. Matches the dropdown's caret. */
@@ -27,6 +36,4 @@ export declare const selectFieldIconClassName = "text-secondary transition-trans
 export declare const selectSearchThreshold = 8;
 export declare const selectSearchIcon: import("react/jsx-runtime").JSX.Element;
 export declare const selectCloseIcon: import("react/jsx-runtime").JSX.Element;
-/** Marks the selected option in single mode, alongside its tinted row. */
-export declare const selectOptionCheckIcon: import("react/jsx-runtime").JSX.Element;
 export declare const selectEmptyStateIcon: import("react/jsx-runtime").JSX.Element;

package/dist/src/components/New/constants/overlay.d.ts

@@ -22,6 +22,13 @@ export declare const overlayItemClassName: string;
  * the accent-alpha ramp, so hovering a selected row still has somewhere to go.
  */
 export declare const overlayItemSelectedClassName = "bg-control-accent-alpha";
+/**
+ * The row that is currently open in a navigation menu: the same faint tint as a
+ * selected row, with the label and its icon in the accent colour. Unlike
+ * {@link overlayItemSelectedClassName} it carries no separate mark — the colour
+ * *is* the mark, which is what the design's in-navigation state shows.
+ */
+export declare const overlayItemHighlightClassName: string;
 /**
  * A row that cannot be chosen. `overlayItemClassName` tints every row on hover
  * and a selected row carries a tint at rest, so both have to be turned off

package/dist/src/index.d.ts

@@ -107,6 +107,7 @@ export { RadioGroupOrientation } from './types/radio-group';
 export { PopupSize } from './types/popup';
 export { ConfirmationPopupVariant } from './types/confirmation-popup';
 export { DropdownType, DropdownTrigger, DropdownItemType, } from './types/dropdown';
+export { MenuItemMark } from './types/menu-item';
 export { ElementSize } from './types/size';
 export { ScreenResolution, TabOrientation, TabView } from './types/tab';
 export type { DialBreadcrumbPathItem } from './models/breadcrumb';
@@ -195,6 +196,8 @@ export { Dropdown } from './components/New/Dropdown/Dropdown';
 export type { DropdownProps } from './components/New/Dropdown/Dropdown';
 export { ThemeScope, useThemeScope, } from './components/New/ThemeScope/ThemeScope';
 export type { ThemeScopeProps } from './components/New/ThemeScope/ThemeScope';
+export { MenuItem } from './components/New/MenuItem/MenuItem';
+export type { MenuItemProps } from './components/New/MenuItem/MenuItem';
 export type { TextareaProps } from './components/New/Textarea/Textarea';
 export type { CaptionTextProps } from './components/New/CaptionText/CaptionText';
 export { CaptionText, ErrorText, } from './components/New/CaptionText/CaptionText';

package/dist/src/models/dropdown.d.ts

@@ -1,4 +1,5 @@
 import { DropdownItemType } from '../types/dropdown';
+import { MenuItemMark } from '../types/menu-item';
 import { ReactNode, MouseEvent } from 'react';
 export interface DropdownSubMenuHoverOptions {
     /** Delay (ms) before the submenu opens/closes on hover. Defaults to `{ open: 80, close: 80 }`. */
@@ -23,8 +24,23 @@ export interface DropdownItem {
      * `onClick` (or the dropdown's `onItemClick`).
      */
     selectable?: boolean;
-    /** Whether a `selectable` item is currently checked. */
+    /**
+     * How this item is marked while `checked`, straight from the design's
+     * Menu-item states: a trailing check (`Check`, a single choice that closes
+     * the menu), a leading checkbox box (`Checkbox`, the multiselect row that
+     * keeps the menu open) or an accent tint (`Highlight`, the current item of
+     * a navigation menu). Defaults to `Checkbox` for a `selectable` item and to
+     * `None` otherwise.
+     */
+    mark?: MenuItemMark;
+    /** Whether a marked item is currently checked. */
     checked?: boolean;
+    /**
+     * A control of its own at the row's trailing edge — a favourite toggle, a
+     * delete button. It is rendered beside the row rather than inside it, so it
+     * keeps its own click and stays out of the row's accessible name.
+     */
+    rightControl?: ReactNode;
     type?: DropdownItemType;
     className?: string;
     onClick?: (info: {

package/dist/src/models/select.d.ts

@@ -11,5 +11,11 @@ export interface SelectOption {
     description?: string;
     disabled?: boolean;
     icon?: ReactNode;
+    /**
+     * A control of its own at the row's trailing edge — a favourite toggle, a
+     * delete button. It is rendered beside the row rather than inside it, so it
+     * keeps its own click and stays out of the row's accessible name.
+     */
+    rightControl?: ReactNode;
     children?: SelectOption[];
 }

package/dist/src/types/menu-item.d.ts

@@ -0,0 +1,21 @@
+/**
+ * How a chosen row inside an overlay (dropdown menu, select list) is marked.
+ *
+ * The design marks a chosen row differently depending on what the overlay is.
+ * A **menu** puts a check at the trailing edge, single- and multi-select alike,
+ * and gives the current item of a navigation menu an accent label. A **select
+ * list** tints the chosen row instead, with a checkbox in front of it when the
+ * list is a multiselect.
+ */
+export declare enum MenuItemMark {
+    /** Nothing marks the row — it is only ever unselected. */
+    None = "none",
+    /** A trailing check on the chosen row; the row keeps its plain background. */
+    Check = "check",
+    /** The chosen row is tinted, with no glyph — the select list's own mark. */
+    Tint = "tint",
+    /** A leading checkbox box, tinted while checked, for multiselect rows. */
+    Checkbox = "checkbox",
+    /** Accent label on a tinted row: the current item in a navigation menu. */
+    Highlight = "highlight"
+}

package/dist/types/menu-item.js

@@ -0,0 +1,4 @@
+var c = /* @__PURE__ */ ((h) => (h.None = "none", h.Check = "check", h.Tint = "tint", h.Checkbox = "checkbox", h.Highlight = "highlight", h))(c || {});
+export {
+  c as MenuItemMark
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.14.0-dev.32",
+  "version": "0.14.0-dev.33",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",

package/dist/DateCellRenderer-CKFfW-Hf.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),g=require("./DateCellRenderer-B0o0BqbW.cjs"),W=require("@tabler/icons-react"),a=require("react"),f=require("./IconButton-BCbBgnzo.cjs"),x=require("./merge-classes-Dipy1Ih1.cjs"),b=require("@floating-ui/react"),Ee=require("./icon-DhjrDQ8I.cjs"),ce=require("./icon-CrGVkVpG.cjs"),ct=require("classnames");var Ie=(e=>(e.Top="top",e.Right="right",e.Bottom="bottom",e.Left="left",e))(Ie||{});const it=7,dt=2,ut=500,mt="fill-control-inverted",ft="z-[55] max-w-[376px] whitespace-pre-wrap break-words rounded-lg bg-control-inverted px-3 py-2 dial-small-text text-control-inverted shadow-xs",Me=a.createContext(null),Ge=()=>{const e=a.useContext(Me);if(e==null)throw new Error("Tooltip components must be wrapped in <TooltipContainer />");return e},pt=({initialOpen:e=!1,placement:n=Ie.Bottom,isTriggerClickable:s=!1,open:o,onOpenChange:d}={})=>{const[u,l]=a.useState(e),p=a.useRef(null),m=o??u,i=d??l,h=b.useFloating({placement:n,open:m,onOpenChange:i,whileElementsMounted:b.autoUpdate,middleware:[b.offset(it+dt),b.flip({fallbackAxisSideDirection:"start",padding:5}),b.shift({padding:5}),b.arrow({element:p})]}),N=b.useHover(h.context,{move:!1,enabled:o==null,mouseOnly:s,delay:{open:ut,close:0}}),E=b.useFocus(h.context,{enabled:o==null}),w=b.useDismiss(h.context),D=b.useRole(h.context,{role:"tooltip"}),T=b.useInteractions([N,E,w,D]);return a.useEffect(()=>{if(!m)return;const k=h.refs.reference.current;if(!(k instanceof Element))return;const M=new IntersectionObserver(([G])=>{G.isIntersecting||i(!1)},{root:null,threshold:0});return M.observe(k),()=>M.disconnect()},[m,h.refs.reference,i]),a.useMemo(()=>({open:m,setOpen:i,arrowRef:p,...T,...h}),[m,i,T,h])},ve=({children:e,...n})=>{const s=pt(n);return t.jsx(Me.Provider,{value:s,children:e})},ke=({style:e,...n})=>{const s=Ge(),o=f.useIsMobileScreen(),d=g.useThemeScope(),u=a.useRef(null),l=b.useMergeRefs([s.refs.setFloating,u]);return!s.open||o?null:t.jsx(b.FloatingPortal,{id:"tooltip-portal",children:t.jsxs("div",{ref:l,"data-placement":s.placement,style:{...s.floatingStyles,...e},...s.getFloatingProps(n),className:ct(ft,d,s.getFloatingProps(n).className),children:[n.children,t.jsx(b.FloatingArrow,{ref:s.arrowRef,context:s.context,className:mt})]})})},Re=({children:e,asChild:n=!1,...s})=>{const o=Ge(),d=n&&a.isValidElement(e),u=d?e.props?.ref:null,l=b.useMergeRefs([o.refs.setReference,...u?[u]:[]]);if(d){const p=e.props;return a.cloneElement(e,o.getReferenceProps({...p,...s,className:x.mergeClasses(p.className,s.className)||void 0,ref:l}))}return t.jsx("span",{ref:l,...o.getReferenceProps(s),className:s.className??"text-start",children:e})},ze=({hideTooltip:e=!1,tooltip:n,children:s,asChild:o=!1,triggerClassName:d,contentClassName:u,...l})=>{const p=!e&&!!n;return t.jsxs(ve,{...l,children:[t.jsx(Re,{asChild:o,className:d,children:s}),p&&t.jsx(ke,{className:u,children:n})]})},Oe={[f.ButtonVariant.Primary]:{[f.ButtonAppearance.Solid]:"dial-kit-primary-solid-button",[f.ButtonAppearance.Ghost]:"dial-kit-primary-ghost-button",[f.ButtonAppearance.Link]:"dial-kit-primary-link-button"},[f.ButtonVariant.Neutral]:{[f.ButtonAppearance.Solid]:"dial-kit-neutral-solid-button",[f.ButtonAppearance.Outlined]:"dial-kit-neutral-outlined-button"},[f.ButtonVariant.Danger]:{[f.ButtonAppearance.Solid]:"dial-kit-danger-solid-button",[f.ButtonAppearance.Ghost]:"dial-kit-danger-ghost-button",[f.ButtonAppearance.Outlined]:"dial-kit-danger-outlined-button"},[f.ButtonVariant.Static]:{[f.ButtonAppearance.Solid]:"dial-kit-static-solid-button"},[f.ButtonVariant.Success]:{},[f.ButtonVariant.Secondary]:{},[f.ButtonVariant.Tertiary]:{}},Pe=(e=f.ButtonVariant.Primary,n=f.ButtonAppearance.Solid)=>{const s=Oe[e]?.[n];return s||(console.warn(`Could not find Button styles for variant: ${e} and appearance: ${n}. Using default primary solid button styles.`),Oe[f.ButtonVariant.Primary][f.ButtonAppearance.Solid])},xt={[f.ElementSize.Small]:"size-[24px]",[f.ElementSize.Standard]:"size-[40px] dial-kit-enhanced-target",[f.ElementSize.Large]:"size-[48px] dial-kit-enhanced-target"},ie=({variant:e,appearance:n=f.ButtonAppearance.Solid,size:s=f.ElementSize.Standard,className:o,icon:d,tooltipProps:u,type:l="button",...p})=>{const m=x.mergeClasses("dial-kit-base-icon-button dial-kit-base-button",e&&Pe(e,n),xt[s],o),i=t.jsx("button",{...p,type:l,className:m,"aria-label":f.resolveAccessibleName(p["aria-label"],u?.tooltip),children:d});return u?t.jsx(ze,{asChild:!0,...u,children:i}):i},He=({caption:e,onClick:n,"aria-label":s})=>{if(!e)return null;const o=x.mergeClasses("text-secondary hover:text-control-accent-hover active:text-control-accent-active","focus-visible:outline focus-visible:outline-focus");return t.jsx(ie,{"aria-label":s,className:o,icon:t.jsx(W.IconInfoCircle,{size:ce.DIAL_ICON_SIZE.SM,stroke:Ee.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"}),onClick:n,size:f.ElementSize.Small,tooltipProps:{tooltip:e}})},Ae=({label:e,required:n,className:s,containerClassName:o,caption:d,size:u=f.ElementSize.Small,...l})=>e?t.jsxs("span",{className:x.mergeClasses("flex items-center gap-0.5",o),children:[t.jsxs("label",{...l,className:x.mergeClasses("text-secondary flex items-center gap-0.5",u===f.ElementSize.Small?"dial-tiny-semi-text":"dial-small-text",s),children:[typeof e=="string"?t.jsx("span",{className:"min-h-4",children:e}):e,n&&t.jsxs(t.Fragment,{children:[t.jsx("span",{"aria-hidden":"true",className:"text-error dial-tiny-text",children:"*"}),t.jsx("span",{className:"sr-only",children:"(required)"})]})]}),t.jsx(He,{caption:d})]}):null,je=(e,n)=>({appearance:o,...d})=>t.jsx(ie,{...d,variant:e,appearance:o||n}),We=(e,n)=>({variant:o,...d})=>t.jsx(ie,{...d,variant:o||n,appearance:e}),gt=je(f.ButtonVariant.Primary,f.ButtonAppearance.Solid),Ct=je(f.ButtonVariant.Neutral,f.ButtonAppearance.Solid),bt=je(f.ButtonVariant.Danger,f.ButtonAppearance.Ghost),Ve=We(f.ButtonAppearance.Ghost,f.ButtonVariant.Primary),ht=We(f.ButtonAppearance.Solid,f.ButtonVariant.Static),Ue=({ariaLabel:e="Close",className:n,size:s=f.ElementSize.Small,onClose:o,...d})=>t.jsx(Ve,{...d,size:s,"aria-label":e,className:n,onClick:o,icon:t.jsx(W.IconX,{size:s===f.ElementSize.Small?ce.DIAL_ICON_SIZE.SM:ce.DIAL_ICON_SIZE.MD,stroke:Ee.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"})}),St=e=>{const n=a.useRef(null),[s,o]=a.useState(!1),[d,u]=a.useState(""),l=a.useRef(!1),p=a.useCallback(()=>{const i=n.current;i&&(l.current&&u(i.textContent??""),o(i.scrollWidth>i.clientWidth))},[]),m=a.useCallback(()=>g.scheduleMeasure(p),[p]);return a.useEffect(()=>{const i=n.current;if(i)return g.observeElementSize(i,p)},[p]),a.useEffect(()=>{l.current=typeof e!="string",m()},[e,m]),{ref:n,isTruncated:s,textContent:d,remeasure:m}},we=({text:e,className:n,contentClassName:s,hideTooltip:o=!1,id:d,customTooltipContent:u,...l})=>{const{ref:p,isTruncated:m,textContent:i,remeasure:h}=St(e),N=typeof e=="string"?e:i,E=a.useMemo(()=>o||!m?null:u??N,[u,N,o,m]);return t.jsxs(ve,{...l,children:[t.jsx(Re,{asChild:!0,onMouseEnter:h,onFocusCapture:h,children:t.jsx("span",{id:d,ref:p,"aria-label":m&&N?N:void 0,className:x.mergeClasses("block min-w-0 max-w-full flex-1 truncate text-start",n),children:e})}),!!E&&t.jsx(ke,{className:s,children:E})]})},Ke="rounded-xl bg-layer-raised p-1 shadow-md",$e=x.mergeClasses(Ke,"w-max"),qe=x.mergeClasses("flex w-full cursor-pointer items-center gap-2 px-3 h-[40px] rounded-lg","dial-small-text text-primary truncate","hover:bg-control-accent-alpha-hover","focus-visible:outline focus-visible:outline-focus"),Xe="bg-control-accent-alpha",Ze=x.mergeClasses("cursor-not-allowed text-control-disable-primary","bg-transparent hover:bg-transparent"),Ye=4,yt=x.mergeClasses("flex items-center gap-2 align-middle","h-auto px-0 bg-transparent border-0"),Nt=x.mergeClasses("z-[53] focus-visible:outline-none",Ke),Et=$e,Se=qe,It=Xe,ye=x.mergeClasses(Ze,"!cursor-not-allowed"),Je="text-error",vt="my-1 border-t border-tertiary",q=Ye,kt=t.jsx(W.IconChevronRight,{size:ce.DIAL_ICON_SIZE.SM,stroke:Ee.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"}),Le={size:14,stroke:3,"aria-hidden":!0},De=({isSelected:e=!1,isIndeterminate:n=!1,invalid:s=!1,disabled:o=!1,htmlFor:d,className:u})=>{const l=n||e,p=!!d,m=x.mergeClasses("grid size-[20px] shrink-0 place-items-center rounded border transition-colors duration-200",p&&"dial-kit-minimum-target",p&&"peer-focus-visible:outline peer-focus-visible:outline-focus",o?"border-transparent bg-control-disable-primary text-control-disable-primary":x.mergeClasses(s&&l&&"border-transparent bg-control-error text-control-permanent",s&&!l&&"border-error bg-control-neutral",!s&&l&&"border-transparent bg-control-accent text-control-permanent hover:bg-control-accent-hover",!s&&!l&&"border-default bg-control-neutral hover:border-accent hover:bg-control-accent-alpha-hover"),o?"cursor-not-allowed":p&&"cursor-pointer",u),i=n?t.jsx(W.IconMinus,{...Le}):e&&t.jsx(W.IconCheck,{...Le});return p?t.jsx("label",{htmlFor:d,className:m,children:i}):t.jsx("span",{"aria-hidden":"true",className:m,children:i})},Rt=({item:e,onRootClose:n})=>{const{isOpen:s,refs:o,floatingStyles:d,context:u,getReferenceProps:l,getFloatingProps:p}=g.useSubMenuFloating(q,"menu",!!e.disabled),m=a.useCallback(i=>h=>{i.disabled||(i.onClick?.({key:i.key,domEvent:h}),n())},[n]);return t.jsxs(t.Fragment,{children:[t.jsxs("button",{ref:o.setReference,type:"button",role:"menuitem","aria-haspopup":"menu","aria-expanded":s,"aria-disabled":!!e.disabled,disabled:e.disabled,className:x.mergeClasses(Se,e.disabled&&ye,e.className),...l(),children:[e.renderItem?e.renderItem(e):t.jsxs(t.Fragment,{children:[e.icon&&t.jsx("span",{className:x.mergeClasses(e.disabled&&"text-secondary"),children:t.jsx(g.DialIcon,{icon:e.icon})}),t.jsx("span",{className:x.mergeClasses("flex-1 truncate text-start",e.disabled&&"text-secondary"),children:e.label})]}),t.jsx("span",{className:x.mergeClasses("ml-auto shrink-0",e.disabled&&"text-secondary"),children:kt})]}),s&&t.jsx(g.SubMenuPanel,{refs:o,floatingStyles:d,context:u,getFloatingProps:p,role:"menu",surfaceClassName:Et,children:e.renderSubMenu?e.renderSubMenu():t.jsxs(t.Fragment,{children:[e.menuHeader&&(typeof e.menuHeader=="function"?e.menuHeader():e.menuHeader),e.children.map(i=>t.jsx("button",{role:"menuitem",type:"button","aria-disabled":!!i.disabled,disabled:i.disabled,className:x.mergeClasses(Se,i.disabled&&ye,i.danger&&Je,i.className),onClick:m(i),children:i.renderItem?i.renderItem(i):t.jsxs(t.Fragment,{children:[i.icon&&t.jsx("span",{className:x.mergeClasses(i.danger&&"text-error",i.disabled&&"text-secondary"),children:t.jsx(g.DialIcon,{icon:i.icon})}),t.jsx("span",{className:x.mergeClasses("flex-1 truncate text-start",i.danger&&"text-error",i.disabled&&"text-secondary"),children:i.label})]})},i.key)),e.menuFooter&&(typeof e.menuFooter=="function"?e.menuFooter():e.menuFooter)]})})]})},At='[role="menuitem"], [role="menuitemcheckbox"], [role="option"]',jt=e=>!e.hasAttribute("disabled")&&e.getAttribute("aria-disabled")!=="true",wt=["ArrowDown","ArrowUp","Home","End"],Dt=(e,n,s)=>{if(e==="Home")return 0;if(e==="End")return s-1;const o=e==="ArrowDown"?1:-1;return n===-1?o===1?0:s-1:(n+o+s)%s},Tt=e=>"clientWidth"in e?e.clientWidth:e.getBoundingClientRect?.()?.width??0,Qe=({children:e,items:n,onItemClick:s,menuHeader:o,menuFooter:d,renderOverlay:u,trigger:l=[g.DropdownTrigger.Click],placement:p,disabled:m=!1,open:i,defaultOpen:h=!1,onOpenChange:N,closable:E=!1,onClose:w,className:D,overlayContentClassName:T,separatorClassName:k,listClassName:M,outsidePressIgnoreRef:G,outsideClosable:de=!0,allowedPlacements:te,anchorToMouse:v=!1,matchReferenceWidth:V=!0,maxDropdownHeight:X})=>{const I=g.useThemeScope(),[ue,me]=a.useState(h),Z=i!==void 0,R=Z?!!i:ue,z=a.useRef(null),[se,O]=a.useState(!0),y=a.useCallback((r,S,A)=>{r&&O(A!=="hover"&&A!=="safe-polygon"),Z||me(r),N?.(r)},[Z,N]),Y=a.useId(),re=p===void 0,{refs:L,floatingStyles:fe,context:P}=b.useFloating({placement:p,open:R,onOpenChange:y,whileElementsMounted:b.autoUpdate,middleware:[b.offset({mainAxis:q,crossAxis:0}),re?b.autoPlacement({alignment:"start",crossAxis:!0,padding:q,allowedPlacements:te}):b.flip({padding:q}),b.shift({padding:q}),b.size({padding:q,apply({availableWidth:r,availableHeight:S,elements:A}){const j=A.floating,c=Tt(A.reference);j.style.setProperty("--fui-available-height",`${Math.floor(S)}px`),j.style.setProperty("--reference-width",V?`${Math.round(c)}px`:"0px"),V?j.style.minWidth=`${Math.round(c)}px`:j.style.removeProperty("min-width"),j.style.maxWidth=`${Math.floor(r)}px`;const C=Math.floor(S);j.style.maxHeight=`${X?Math.min(C,X):C}px`}})]}),F=b.useClick(P,{enabled:l.includes(g.DropdownTrigger.Click)&&!m}),U=b.useHover(P,{enabled:l.includes(g.DropdownTrigger.Hover)&&!m,move:!1,restMs:40,delay:{open:80,close:80}}),J=b.useDismiss(P,{bubbles:!0,referencePress:!1,outsidePress:r=>{if(!de)return!1;const S=r.target;return!(G?.current&&S instanceof Node&&G.current.contains(S))}}),K=b.useRole(P,{role:"menu"}),{getReferenceProps:pe,getFloatingProps:Q}=b.useInteractions([F,U,J,K]),H=a.useCallback((r,S)=>{L.setPositionReference({getBoundingClientRect:()=>({width:0,height:0,x:r,y:S,top:S,left:r,right:r,bottom:S})})},[L]),xe=a.useCallback(r=>{!l.includes(g.DropdownTrigger.ContextMenu)||m||(r.preventDefault(),v&&(H(r.clientX,r.clientY),z.current=document.elementFromPoint(r.clientX,r.clientY)),y(!0))},[v,m,y,H,l]),ne=a.useCallback(r=>{!v||m||(l.includes(g.DropdownTrigger.ContextMenu)&&R&&y(!1),H(r.clientX,r.clientY),z.current=document.elementFromPoint(r.clientX,r.clientY))},[v,m,H,R,l,y]);a.useEffect(()=>{m&&R&&y(!1)},[m,R,y]);const $=a.useCallback(r=>{if(r.defaultPrevented||!wt.includes(r.key))return;const S=Array.from(r.currentTarget.querySelectorAll(At)).filter(jt);if(S.length===0)return;r.preventDefault();const A=r.currentTarget.ownerDocument.activeElement,j=S.findIndex(c=>c===A);S[Dt(r.key,j,S.length)]?.focus()},[]),oe=a.useCallback(r=>S=>{r.disabled||(r.onClick?.({key:r.key,domEvent:S}),s?.({key:r.key,domEvent:S}),r.selectable||y(!1))},[s,y]),ge=a.useMemo(()=>u?u():n?t.jsxs(t.Fragment,{children:[o&&t.jsx(t.Fragment,{children:typeof o=="function"?o():o}),t.jsx("div",{role:"none",className:x.mergeClasses("py-1",T),"aria-label":"dropdown",children:n.map(r=>r.type===g.DropdownItemType.Divider?t.jsx("div",{role:"separator",className:x.mergeClasses(vt,k)},r.key):r.type===g.DropdownItemType.PlainText?t.jsx("div",{className:x.mergeClasses("px-3 py-2 text-secondary dial-caption-text",r.className),children:r.label},r.key):r.children?.length?t.jsx(Rt,{item:r,onRootClose:()=>y(!1)},r.key):t.jsx("button",{role:r.selectable?"menuitemcheckbox":"menuitem","aria-checked":r.selectable?!!r.checked:void 0,type:"button","aria-disabled":!!r.disabled,className:x.mergeClasses(Se,r.selectable&&r.checked&&It,r.disabled&&ye,r.danger&&Je,r.className),disabled:r.disabled,onClick:oe(r),children:r.renderItem?r.renderItem(r):t.jsxs(t.Fragment,{children:[r.selectable&&t.jsx(De,{isSelected:!!r.checked,disabled:r.disabled}),r.icon&&t.jsx("span",{className:x.mergeClasses(r.danger&&"text-error",r.disabled&&"text-control-disable-primary"),children:t.jsx(g.DialIcon,{icon:r.icon})}),t.jsx("span",{className:x.mergeClasses("flex-1 truncate text-start",r.danger&&"text-error",r.disabled&&"text-control-disable-primary"),children:r.label})]})},r.key))}),d&&t.jsx(t.Fragment,{children:typeof d=="function"?d():d})]}):null,[oe,n,d,o,u,y,T,k]),Ce=pe({onContextMenu:xe,onMouseDown:ne});return a.useEffect(()=>{if(!R)return;const r=L.reference.current;let S=null;if(r instanceof Element?S=r:z.current instanceof Element&&(S=z.current),!S)return;const A=new IntersectionObserver(([j])=>{j.isIntersecting||y(!1)},{root:null,threshold:0});return A.observe(S),()=>A.disconnect()},[R,L.reference,y]),t.jsxs(t.Fragment,{children:[t.jsx("span",{ref:L.setReference,className:x.mergeClasses(yt,m&&"!cursor-not-allowed opacity-75",D),"aria-haspopup":"menu","aria-expanded":R,"aria-controls":Y,...Ce,children:e}),R&&t.jsx(b.FloatingPortal,{children:t.jsx(b.FloatingFocusManager,{context:P,modal:!1,initialFocus:se?0:-1,returnFocus:!0,children:t.jsxs("div",{id:Y,ref:L.setFloating,style:fe,className:x.mergeClasses(Nt,!V&&"w-max","overflow-auto",I,M),...Q({onKeyDown:$}),children:[E&&t.jsx("div",{className:"flex items-center justify-between px-2 pt-2",children:t.jsx(Ue,{ariaLabel:"Close dropdown",onClose:r=>{w?.(r),y(!1)}})}),ge]})})})]})},Te=({id:e,labelProps:n,isSelected:s=!1,isIndeterminate:o=!1,invalid:d=!1,disabled:u,onChange:l,caption:p,className:m,boxClassName:i,...h})=>{const N=a.useId(),E=e??N,w=p?`${E}-caption`:void 0,D=a.useCallback(k=>{l?.(k.target.checked)},[l]),T=a.useCallback(k=>{k&&(k.indeterminate=o)},[o]);return t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsxs("div",{className:x.mergeClasses("flex items-center gap-2",m),children:[t.jsx("input",{...h,ref:T,type:"checkbox",id:E,checked:s,disabled:u,onChange:D,"aria-checked":o?"mixed":s,"aria-invalid":d||void 0,"aria-label":f.resolveAccessibleName(typeof n?.label!="string"?h["aria-label"]:void 0),"aria-describedby":w,className:"peer sr-only"}),t.jsx(De,{htmlFor:E,isSelected:s,isIndeterminate:o,invalid:d,disabled:u,className:i}),n&&t.jsx(Ae,{size:f.ElementSize.Standard,...n,htmlFor:E,className:x.mergeClasses("py-[1px]",u?"cursor-not-allowed text-control-disable-primary":"cursor-pointer text-primary",n.className)})]}),p&&t.jsx("span",{id:w,className:"dial-tiny-text text-secondary ml-[28px]",children:p})]})},et=({id:e,name:n,value:s,labelProps:o,isSelected:d=!1,disabled:u,onChange:l,caption:p,className:m,...i})=>{const h=a.useId(),N=e??h,E=p?`${N}-caption`:void 0,w=a.useCallback(D=>{D.target.checked&&l?.(s)},[l,s]);return t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsxs("div",{className:x.mergeClasses("flex items-center gap-2 ",m),children:[t.jsx("input",{...i,type:"radio",id:N,name:n,value:s,checked:d,disabled:u,onChange:w,"aria-label":f.resolveAccessibleName(typeof o?.label!="string"?i["aria-label"]:void 0),"aria-describedby":E,className:"peer sr-only"}),t.jsx("label",{htmlFor:N,className:x.mergeClasses("group grid size-[20px] shrink-0 place-items-center rounded-full border transition-colors duration-200 hover:bg-control-accent-alpha-hover","dial-kit-minimum-target","peer-focus-visible:outline peer-focus-visible:outline-focus",u?"cursor-not-allowed border-default bg-control-disable-primary":x.mergeClasses("cursor-pointer",d?"border border-accent bg-control-neutral":"border-default bg-control-neutral")),children:d&&t.jsx("span",{className:x.mergeClasses("size-3 rounded-full",u?"bg-control-disable-secondary":"bg-control-accent")})}),o&&t.jsx(Ae,{size:f.ElementSize.Standard,...o,htmlFor:N,className:x.mergeClasses("py-[1px]",u?"cursor-not-allowed text-control-disable-primary":"cursor-pointer text-primary",o.className)})]}),p&&t.jsx("span",{id:E,className:"dial-tiny-text text-secondary ml-[26px]",children:p})]})},_t=60,tt=({title:e,description:n,icon:s,live:o=!1,className:d,titleClassName:u,descriptionClassName:l})=>t.jsxs("div",{role:o?"status":void 0,className:x.mergeClasses("flex size-full flex-col items-center justify-center gap-2 text-tertiary",d),children:[s??t.jsx(W.IconClipboardX,{size:_t,stroke:.5,"aria-hidden":"true"}),t.jsx("span",{className:x.mergeClasses("dial-body-semi-text text-primary",u),children:e}),n&&t.jsx("span",{className:x.mergeClasses("dial-small-text text-secondary",l),children:n})]}),st="dial-kit-grid",Bt="dial-kit-grid-with-selection",Ot="dial-kit-grid-without-header-borders",Lt="dial-kit-grid-row-select",Ft="dial-kit-grid-header-select",Mt="dial-kit-grid-selection-visible",Gt="dial-kit-grid-align-right",Ne=40,be="0.5px solid var(--stroke-tertiary, #E0E6F0)",le={accentColor:"var(--bg-control-accent, #1D4ED8)",backgroundColor:"var(--bg-layer-raised, #FCFCFC)",oddRowBackgroundColor:"var(--bg-layer-sunken, #EEF1F7)",selectedRowBackgroundColor:"var(--bg-control-accent-alpha, #2764D90F)",rowHoverColor:"var(--bg-control-accent-alpha-hover, #2764D924)",borderColor:"var(--stroke-tertiary, #E0E6F0)",rowBorder:be,headerRowBorder:be,headerColumnBorder:be,chromeBackgroundColor:"var(--bg-layer-base, #F5F7FA)",foregroundColor:"var(--text-primary, #161B2D)",headerTextColor:"var(--text-secondary, #57647A)",browserColorScheme:"light",headerFontSize:14,headerFontWeight:600,fontSize:14,fontFamily:"var(--theme-font, var(--font-inter))",spacing:4,borderRadius:4,wrapperBorderRadius:8};var B=(e=>(e.API="api",e.ROW_DATA_CHANGED="rowDataChanged",e.CHECKBOX_SELECTED="checkboxSelected",e))(B||{});const zt=({params:e,mode:n,label:s,radioName:o,rowId:d,disabled:u})=>{const l=e.node,[p,m]=a.useState(()=>!!l.isSelected());a.useEffect(()=>{const h=()=>m(!!l.isSelected());return h(),l.addEventListener("rowSelected",h),()=>l.removeEventListener("rowSelected",h)},[l]);const i=h=>{u||l.setSelected(h,n===g.GridSelectionMode.SINGLE,B.CHECKBOX_SELECTED)};return n===g.GridSelectionMode.SINGLE?t.jsx(et,{name:o,value:d,isSelected:p,disabled:u,"aria-label":s,onChange:()=>i(!0)}):t.jsx(Te,{isSelected:p,disabled:u,"aria-label":s,onChange:i})},Fe=e=>{let n=0,s=0;return e.forEachNodeAfterFilter(o=>{o.selectable!==!1&&(s++,o.isSelected()&&n++)}),{selected:n,selectable:s}},Pt=({api:e,label:n})=>{const[{selected:s,selectable:o},d]=a.useState(()=>Fe(e));a.useEffect(()=>{const l=()=>d(Fe(e));return l(),e.addEventListener("selectionChanged",l),e.addEventListener("modelUpdated",l),()=>{e.isDestroyed()||(e.removeEventListener("selectionChanged",l),e.removeEventListener("modelUpdated",l))}},[e]);const u=a.useCallback(l=>{if(l){e.selectAll("filtered",B.CHECKBOX_SELECTED);return}e.deselectAll("filtered",B.CHECKBOX_SELECTED)},[e]);return t.jsx(Te,{isSelected:o>0&&s===o,isIndeterminate:s>0&&s<o,disabled:o===0,"aria-label":n,onChange:u})},rt="en-US",nt={year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"},he=40,Ht={minWidth:he,width:he,maxWidth:he,resizable:!1,sortable:!1,filter:!1,floatingFilter:!1,suppressMovable:!0,suppressHeaderMenuButton:!0,suppressAutoSize:!0,suppressSizeToFit:!0};g.setupAgTestIds({testIdAttribute:"dataQA"});g.ModuleRegistry.registerModules([g.AllCommunityModule]);const ot="dial-kit-grid-selection",Wt=150,Vt=100,Ut=({columnDefs:e,rowData:n,additionalGridOptions:s,getContextMenuItems:o,className:d,ariaLabel:u="Data grid",wrapCustomCellRenderers:l=!0,disabledRowIds:p,selectedRowIds:m,onSelectionChange:i,onGridApiChange:h,getRowId:N,alternateOddRowColors:E=!1,filterPlaceholder:w="Enter value",emptyStateIcon:D,emptyStateTitle:T="No results found",emptyStateDescription:k="Sorry, we couldn't find any results for your search.",loading:M=!1,wrapperBorder:G=!0,withoutHeaderBorders:de=!1,allowDisabledContextMenu:te=!1,selectionMode:v,selectRowLabel:V,selectAllLabel:X="Select all rows"})=>{const[I,ue]=a.useState(),me=f.useIsMobileScreen(),Z=g.useIsTabletScreen(),R=a.useRef(new Set),z=a.useRef(void 0),se=`dial-kit-grid-selection-${a.useId()}`,O=a.useRef({getRowId:N,getContextMenuItems:o,onSelectionChange:i,selectRowLabel:V,wrapCustomCellRenderers:l});O.current={getRowId:N,getContextMenuItems:o,onSelectionChange:i,selectRowLabel:V,wrapCustomCellRenderers:l};const y=a.useCallback(c=>{const C=O.current.getRowId;return C?C(c):String(c.id??JSON.stringify(c))},[]),Y=!!o,re=!!l,L=a.useMemo(()=>g.themeBalham.withPart(g.colorSchemeLight).withParams({...le,oddRowBackgroundColor:E?le.oddRowBackgroundColor:le.backgroundColor,wrapperBorder:G}),[E,G]),fe=a.useCallback(c=>{c.api.sizeColumnsToFit()},[]),P=me||Z||(m?.size??0)>0,F=a.useCallback(c=>!!c&&!!p?.has(y(c)),[p,y]),U=a.useCallback((c,C,_)=>Y?t.jsx(Qe,{trigger:[g.DropdownTrigger.ContextMenu],items:c.data?O.current.getContextMenuItems?.(c.data)??[]:[],anchorToMouse:!0,matchReferenceWidth:!0,className:x.mergeClasses("size-full",_&&"cursor-not-allowed opacity-75"),disabled:_&&!te,children:t.jsx("span",{className:"block min-w-0 max-w-full flex-1",children:C})}):C,[Y,te]),J=a.useCallback(c=>{if(!c.data)return null;const C=F(c.data);return U(c,t.jsx(we,{text:c.value==null?"":String(c.value),className:"max-w-full dial-small-text text-primary",hideTooltip:C}),C)},[F,U]),K=a.useCallback(c=>c===B.API||c===B.ROW_DATA_CHANGED,[]),pe=a.useMemo(()=>g.debounceFn(c=>{const _=(c.selectedNodes??[]).map(_e=>_e.data),ee=new Set(_.map(y));R.current=ee,z.current=c.source,!K(c.source)&&O.current.onSelectionChange?.(ee,_)},Vt),[K,y]),Q=a.useMemo(()=>{if(v)return{...Ht,colId:ot,headerName:"",headerClass:Ft,cellClass:Lt,headerComponent:v===g.GridSelectionMode.MULTIPLE?Pt:void 0,headerComponentParams:{label:X},cellRenderer:c=>{if(!c.data)return null;const C=y(c.data);return t.jsx(zt,{params:c,mode:v,rowId:C,radioName:se,label:O.current.selectRowLabel?.(c.data)??"Select row",disabled:p?.has(C)})}}},[v,X,y,p,se]),H=a.useCallback(c=>{if(!c.cellRenderer)return{...c,cellRenderer:J};const C=O.current.wrapCustomCellRenderers;if(!(typeof C=="function"?C(c):!!C))return c;const ee=c.cellRenderer;return{...c,cellRenderer:ae=>{const at=F(ae.data),Be=typeof ee=="function"?ee:void 0,lt=Be?t.jsx(Be,{...ae}):J(ae);return U(ae,lt,at)}}},[F,J,U]),xe=a.useMemo(()=>{const c=re?(e??[]).map(H):e??[];return Q?[Q,...c]:c},[e,re,H,Q]),{defaultColDef:ne,rowSelection:$,...oe}=s??{},ge=a.useMemo(()=>({minWidth:Wt,resizable:!0,sortable:!0,floatingFilter:!0,filter:"agTextColumnFilter",filterParams:{filterPlaceholder:w,buttons:["reset"]},comparator:g.baseColumnComparator,...g.omitUndefined(ne)}),[w,ne]),Ce=c=>{c.api.sizeColumnsToFit(),ue(c.api),s?.onGridReady?.(c),h?.(c.api)};a.useEffect(()=>{I&&n&&I.setGridOption("rowData",n)},[I,n]);const r=a.useCallback(()=>t.jsx(tt,{live:!0,title:T,description:k,icon:D??t.jsx(W.IconZoomCancel,{size:100,stroke:.5,"aria-hidden":"true"})}),[T,k,D]),S=typeof $=="object"?$:void 0,A=a.useMemo(()=>v?{isRowSelectable:c=>!F(c.data),...S,mode:v===g.GridSelectionMode.SINGLE?"singleRow":"multiRow",checkboxes:!1,headerCheckbox:!1}:$,[$,S,F,v]);a.useEffect(()=>{I&&n&&R.current.size&&R.current.forEach(c=>{const C=I.getRowNode(c);C&&!C.isSelected()&&C.setSelected(!0,!1,B.API)})},[I,n]),a.useEffect(()=>{I&&m&&(I.deselectAll("all",B.API),m.forEach(c=>{const C=I.getRowNode(c);C&&!C.isSelected()&&C.setSelected(!0,!1,B.API)}))},[I,m]);const j=a.useCallback(c=>c.data?y(c.data):"",[y]);return a.useEffect(()=>{const c=K(z.current);if(I&&m?.size&&c){const C=Array.from(m)[0];if(C){const _=I.getRowNode(C);_&&I.ensureNodeVisible(_)}}},[I,K,m]),t.jsx("div",{className:x.mergeClasses(st,"size-full",v&&Bt,v&&P&&Mt,de&&Ot,d),role:"region","aria-label":u,"aria-busy":M,children:t.jsx("div",{className:"h-full overflow-x-auto",children:t.jsx(g.AgGridReact,{rowModelType:"clientSide",headerHeight:Ne,rowHeight:Ne,cellSelection:!1,theme:L,autoSizeStrategy:{type:"fitGridWidth"},columnDefs:xe,defaultColDef:ge,onGridSizeChanged:fe,onGridReady:Ce,loading:M,suppressCellFocus:!0,suppressDragLeaveHidesColumns:!0,noRowsOverlayComponent:r,rowData:n,rowSelection:A,onSelectionChanged:pe,getRowId:j,...oe})})})},Kt=({value:e,locale:n=rt,options:s=nt,emptyPlaceholder:o,className:d,hideTooltip:u=!1})=>{const l=g.convertToDate(e),p=a.useMemo(()=>l?new Intl.DateTimeFormat(n,s).format(l):o,[l,o,n,s]),m=l?l.toISOString():void 0;return t.jsx(we,{text:m?t.jsx("time",{dateTime:m,children:p}):t.jsx("span",{children:p}),className:x.mergeClasses("dial-small-text text-primary",d),hideTooltip:u})};exports.Checkbox=Te;exports.CheckboxBox=De;exports.CloseButton=Ue;exports.DEFAULT_DATE_FORMAT_OPTIONS=nt;exports.DEFAULT_LOCALE=rt;exports.DangerIconButton=bt;exports.DateCellRenderer=Kt;exports.Dropdown=Qe;exports.EllipsisTooltip=we;exports.GRID_ALIGN_RIGHT_CLASS=Gt;exports.GRID_ROOT_CLASS=st;exports.GRID_SELECTION_COLUMN_ID=ot;exports.GRID_THEME_PARAMS=le;exports.GhostIconButton=Ve;exports.Grid=Ut;exports.IconButton=ie;exports.InfoButton=He;exports.Label=Ae;exports.NeutralIconButton=Ct;exports.NoDataContent=tt;exports.PrimaryIconButton=gt;exports.ROW_HEIGHT=Ne;exports.Radio=et;exports.StaticIconButton=ht;exports.Tooltip=ze;exports.TooltipContainer=ve;exports.TooltipContent=ke;exports.TooltipPlacement=Ie;exports.TooltipTrigger=Re;exports.getButtonClassNames=Pe;exports.overlayGap=Ye;exports.overlayItemClassName=qe;exports.overlayItemDisabledClassName=Ze;exports.overlayItemSelectedClassName=Xe;exports.overlaySubMenuClassName=$e;