@inntechcorp/it-design 4.0.0-beta.1 → 4.0.0-beta.11

package/dist/css/badge.css

@@ -0,0 +1,245 @@
+@layer components{.itd-badge{display:inline-flex;align-items:center;gap:calc(var(--itd-spacing) * 1);width:max-content;white-space:nowrap;font-weight:var(--itd-badge-font-weight,var(--itd-font-weight-medium));-webkit-user-select:none;user-select:none;transition:background-color .12s ease-out;border-radius:9999px;border:1px solid #0000;line-height:1}.itd-badge.itd-badge-square{border-radius:calc(var(--itd-border-radius) * .6)}.itd-badge svg{width:1em;height:1em;flex-shrink:0}.itd-badge .itd-spin-spinner{position:static;width:auto;height:auto;transform:none}.itd-badge-xs{height:calc(var(--itd-spacing) * 4);font-size:var(--itd-badge-xs-font)}.itd-badge-sm,.itd-badge-xs{padding-inline:calc(var(--itd-spacing) * 1.5)}.itd-badge-sm{height:calc(var(--itd-spacing) * 4.5);font-size:var(--itd-badge-sm-font)}.itd-badge-md{height:calc(var(--itd-spacing) * 5);padding-inline:calc(var(--itd-spacing) * 2);font-size:var(--itd-badge-md-font)}.itd-badge-df{height:calc(var(--itd-spacing) * 6);padding-inline:calc(var(--itd-spacing) * 2.5);font-size:var(--itd-badge-df-font)}.itd-badge-lg{height:calc(var(--itd-spacing) * 7);padding-inline:calc(var(--itd-spacing) * 3);font-size:var(--itd-badge-lg-font)}.itd-badge-xlg{height:calc(var(--itd-spacing) * 8);padding-inline:calc(var(--itd-spacing) * 3.5);font-size:var(--itd-badge-xlg-font)}.itd-badge.itd-badge-default{background:var(--badge-bg);color:var(--itd-badge-text,var(--badge-fg))}.itd-badge.itd-badge-secondary{background:var(--badge-soft-bg);color:var(--itd-badge-text,var(--badge-text))}.itd-badge.itd-badge-outline{border-color:var(--badge-border)}.itd-badge.itd-badge-ghost,.itd-badge.itd-badge-outline{background:#0000;color:var(--itd-badge-text,var(--badge-text))}.itd-badge.itd-badge-ghost:hover:where(:root:not(.itd-touch) *){background:var(--badge-soft-bg)}.itd-badge-color-default{--badge-bg:var(--itd-foreground);--badge-fg:var(--itd-background);--badge-text:var(--itd-color-text-muted-foreground);--badge-soft-bg:var(--itd-secondary);--badge-border:var(--itd-color-border)}.itd-badge-color-success{--badge-text:#007131;--badge-soft-bg:#dcf7e1;--badge-border:#88ca95}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-success{--badge-text:color(display-p3 0.17154 0.44026 0.21217)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-success{--badge-text:oklch(0.48 0.14 150);--badge-soft-bg:oklch(0.95 0.04 150);--badge-border:oklch(0.78 0.1 150)}
+}.itd-badge-color-success,[data-theme=dark] .itd-badge-color-success{--badge-bg:#00a149;--badge-fg:#fcfcfc}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-success,[data-theme=dark] .itd-badge-color-success{--badge-bg:color(display-p3 0.23472 0.63122 0.29984)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-success,[data-theme=dark] .itd-badge-color-success{--badge-bg:oklch(0.62 0.19 150);--badge-fg:oklch(0.99 0 0)}
+}[data-theme=dark] .itd-badge-color-success{--badge-text:#68ca80;--badge-soft-bg:#0b2612;--badge-border:#235430}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-success{--badge-text:oklch(0.76 0.14 150);--badge-soft-bg:oklch(0.24 0.05 150);--badge-border:oklch(0.4 0.08 150)}
+}.itd-badge-color-warning{--badge-text:#9d6300;--badge-soft-bg:#fef0d4;--badge-border:#e6bd77}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-warning{--badge-text:color(display-p3 0.60197 0.38781 0)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-warning{--badge-text:oklch(0.55 0.14 70);--badge-soft-bg:oklch(0.96 0.04 85);--badge-border:oklch(0.82 0.1 80)}
+}.itd-badge-color-warning,[data-theme=dark] .itd-badge-color-warning{--badge-bg:#e9b600;--badge-fg:#0d1b2d}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-warning,[data-theme=dark] .itd-badge-color-warning{--badge-bg:color(display-p3 0.88487 0.72065 0.2343)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-warning,[data-theme=dark] .itd-badge-color-warning{--badge-bg:oklch(0.80 0.165 88);--badge-fg:oklch(0.22 0.04 255)}
+}[data-theme=dark] .itd-badge-color-warning{--badge-text:#e6b55d;--badge-soft-bg:#322004;--badge-border:#6f4e1a}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-warning{--badge-text:oklch(0.8 0.12 80);--badge-soft-bg:oklch(0.26 0.05 75);--badge-border:oklch(0.45 0.08 75)}
+}.itd-badge-color-danger{--badge-text:#be2038;--badge-soft-bg:#ffeded;--badge-border:#f09da3}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-danger{--badge-text:oklch(0.52 0.19 20)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-danger{--badge-soft-bg:color(display-p3 1 0.92559 0.92719)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-danger{--badge-soft-bg:oklch(0.96 0.03 15);--badge-border:oklch(0.78 0.1 15)}
+}.itd-badge-color-danger,[data-theme=dark] .itd-badge-color-danger{--badge-bg:#e6284b;--badge-fg:#fcfcfc}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-danger,[data-theme=dark] .itd-badge-color-danger{--badge-bg:oklch(0.60 0.22 18);--badge-fg:oklch(0.99 0 0)}
+}[data-theme=dark] .itd-badge-color-danger{--badge-text:#fd8994;--badge-soft-bg:#361116;--badge-border:#7a323b}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-danger{--badge-text:oklch(0.76 0.14 15);--badge-soft-bg:oklch(0.24 0.06 15);--badge-border:oklch(0.42 0.1 15)}
+}.itd-badge-color-info{--badge-text:#0065b0;--badge-soft-bg:#e8f3ff;--badge-border:#90bce9}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-info{--badge-text:color(display-p3 0.11464 0.38641 0.70298)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-info{--badge-text:oklch(0.5 0.16 250)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-info{--badge-soft-bg:color(display-p3 0.91812 0.95239 0.99595)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-info{--badge-soft-bg:oklch(0.96 0.02 250);--badge-border:oklch(0.78 0.08 250)}
+}.itd-badge-color-info,[data-theme=dark] .itd-badge-color-info{--badge-bg:#1c7dee;--badge-fg:#fcfcfc}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-info,[data-theme=dark] .itd-badge-color-info{--badge-bg:oklch(0.60 0.19 256);--badge-fg:oklch(0.99 0 0)}
+}[data-theme=dark] .itd-badge-color-info{--badge-text:#73b6fa;--badge-soft-bg:#0a2036;--badge-border:#224a71}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-info{--badge-text:oklch(0.76 0.12 250);--badge-soft-bg:oklch(0.24 0.05 250);--badge-border:oklch(0.4 0.08 250)}
+}.itd-badge-color-purple{--badge-text:#6f3bb2;--badge-soft-bg:#f1ebff;--badge-border:#c1a9ee}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-purple{--badge-text:oklch(0.48 0.18 300)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-purple{--badge-soft-bg:color(display-p3 0.94122 0.92011 0.99807)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-purple{--badge-soft-bg:oklch(0.95 0.03 300);--badge-border:oklch(0.78 0.1 300)}
+}.itd-badge-color-purple,[data-theme=dark] .itd-badge-color-purple{--badge-bg:#b81fb9;--badge-fg:#fcfcfc}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-purple,[data-theme=dark] .itd-badge-color-purple{--badge-bg:oklch(0.56 0.24 328);--badge-fg:oklch(0.99 0 0)}
+}[data-theme=dark] .itd-badge-color-purple{--badge-text:#bf9bfc;--badge-soft-bg:#241737;--badge-border:#4e3d6c}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-purple{--badge-text:oklch(0.76 0.14 300);--badge-soft-bg:oklch(0.24 0.06 300);--badge-border:oklch(0.4 0.08 300)}
+}.itd-badge-color-pink{--badge-text:#a83876;--badge-soft-bg:#ffecf4;--badge-border:#e6a9c5}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-pink{--badge-text:oklch(0.52 0.16 350)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-pink{--badge-soft-bg:color(display-p3 0.99828 0.92132 0.95714)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-pink{--badge-soft-bg:oklch(0.96 0.03 350);--badge-border:oklch(0.8 0.08 350)}
+}.itd-badge-color-pink,[data-theme=dark] .itd-badge-color-pink{--badge-bg:#cd5394;--badge-fg:#fcfcfc}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-pink,[data-theme=dark] .itd-badge-color-pink{--badge-bg:oklch(0.62 0.17 350);--badge-fg:oklch(0.99 0 0)}
+}[data-theme=dark] .itd-badge-color-pink{--badge-text:#ea91bc;--badge-soft-bg:#301423;--badge-border:#67344e}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-pink{--badge-text:oklch(0.76 0.12 350);--badge-soft-bg:oklch(0.24 0.05 350);--badge-border:oklch(0.4 0.08 350)}
+}.itd-badge-color-orange{--badge-text:#b25200;--badge-soft-bg:#ffeee3;--badge-border:#f2ab83}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-orange{--badge-text:color(display-p3 0.66826 0.32715 0.04539)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-orange{--badge-text:oklch(0.55 0.16 50)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-orange{--badge-soft-bg:color(display-p3 1 0.93284 0.88227)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-orange{--badge-soft-bg:oklch(0.96 0.03 55);--badge-border:oklch(0.8 0.1 50)}
+}.itd-badge-color-orange,[data-theme=dark] .itd-badge-color-orange{--badge-bg:#d76900;--badge-fg:#fcfcfc}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-orange,[data-theme=dark] .itd-badge-color-orange{--badge-bg:color(display-p3 0.80749 0.41861 0.07679)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-orange,[data-theme=dark] .itd-badge-color-orange{--badge-bg:oklch(0.64 0.18 52);--badge-fg:oklch(0.99 0 0)}
+}[data-theme=dark] .itd-badge-color-orange{--badge-text:#f5a06f;--badge-soft-bg:#341a09;--badge-border:#6f3f22}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-orange{--badge-text:oklch(0.78 0.12 50);--badge-soft-bg:oklch(0.25 0.05 50);--badge-border:oklch(0.42 0.08 50)}
+}.itd-badge-color-teal{--badge-text:#00736a;--badge-soft-bg:#e4f6f3;--badge-border:#92cbc3}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-teal{--badge-text:color(display-p3 0.14576 0.4511 0.41766)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-teal{--badge-text:oklch(0.5 0.1 185);--badge-soft-bg:oklch(0.96 0.02 185);--badge-border:oklch(0.8 0.06 185)}
+}.itd-badge-color-teal,[data-theme=dark] .itd-badge-color-teal{--badge-bg:#009b8f;--badge-fg:#fcfcfc}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-teal,[data-theme=dark] .itd-badge-color-teal{--badge-bg:color(display-p3 0.17721 0.61065 0.56531)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-teal,[data-theme=dark] .itd-badge-color-teal{--badge-bg:oklch(0.62 0.13 185);--badge-fg:oklch(0.99 0 0)}
+}[data-theme=dark] .itd-badge-color-teal{--badge-text:#5cc6b9;--badge-soft-bg:#022522;--badge-border:#18524c}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-teal{--badge-text:oklch(0.76 0.1 185);--badge-soft-bg:oklch(0.24 0.04 185);--badge-border:oklch(0.4 0.06 185)}
+}.itd-badge-color-blue{--badge-text:#2b5bd1;--badge-soft-bg:#e6efff;--badge-border:#698dd8}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-blue{--badge-text:oklch(0.51 0.19 264)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-blue{--badge-soft-bg:color(display-p3 0.90718 0.93535 1)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-blue{--badge-soft-bg:oklch(0.95 0.03 264);--badge-border:oklch(0.65 0.12 264)}
+}.itd-badge-color-blue,[data-theme=dark] .itd-badge-color-blue{--badge-bg:#3256d9;--badge-fg:#ccc}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-blue,[data-theme=dark] .itd-badge-color-blue{--badge-bg:oklch(0.511 0.204 266.9);--badge-fg:oklch(0.845 0 0)}
+}[data-theme=dark] .itd-badge-color-blue{--badge-text:#77a2fc;--badge-soft-bg:#142650;--badge-border:#325197}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-blue{--badge-text:oklch(0.72 0.14 264);--badge-soft-bg:oklch(0.28 0.08 264);--badge-border:oklch(0.45 0.12 264)}
+}.itd-badge-color-indigo{--badge-text:#474fb6;--badge-soft-bg:#eef1ff;--badge-border:#a8b4eb}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-indigo{--badge-text:oklch(0.48 0.16 275)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-indigo{--badge-soft-bg:color(display-p3 0.93393 0.94501 0.99773)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-indigo{--badge-soft-bg:oklch(0.96 0.02 275);--badge-border:oklch(0.78 0.08 275)}
+}.itd-badge-color-indigo,[data-theme=dark] .itd-badge-color-indigo{--badge-bg:#5c5fe6;--badge-fg:#fcfcfc}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-indigo,[data-theme=dark] .itd-badge-color-indigo{--badge-bg:oklch(0.56 0.20 277);--badge-fg:oklch(0.99 0 0)}
+}[data-theme=dark] .itd-badge-color-indigo{--badge-text:#9babfd;--badge-soft-bg:#181d37;--badge-border:#3b4372}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-indigo{--badge-text:oklch(0.76 0.12 275);--badge-soft-bg:oklch(0.24 0.05 275);--badge-border:oklch(0.4 0.08 275)}
+}.itd-badge-color-lime{--badge-text:#446b00;--badge-soft-bg:#e9f8dc;--badge-border:#adc992}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-lime{--badge-text:color(display-p3 0.29601 0.41838 0.06786)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-lime{--badge-text:oklch(0.48 0.14 130);--badge-soft-bg:oklch(0.96 0.04 130);--badge-border:oklch(0.8 0.08 130)}
+}.itd-badge-color-lime,[data-theme=dark] .itd-badge-color-lime{--badge-bg:#589300;--badge-fg:#fcfcfc}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-lime,[data-theme=dark] .itd-badge-color-lime{--badge-bg:color(display-p3 0.39806 0.57265 0.15164)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-lime,[data-theme=dark] .itd-badge-color-lime{--badge-bg:oklch(0.60 0.17 132);--badge-fg:oklch(0.99 0 0)}
+}[data-theme=dark] .itd-badge-color-lime{--badge-text:#9ec773;--badge-soft-bg:#172408;--badge-border:#3e5624}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-lime{--badge-text:oklch(0.78 0.12 130);--badge-soft-bg:oklch(0.24 0.05 130);--badge-border:oklch(0.42 0.08 130)}
+}.itd-badge-color-brown{--badge-text:#874c30;--badge-soft-bg:#ffeee8;--badge-border:#e0b29e}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-brown{--badge-text:oklch(0.48 0.09 45);--badge-soft-bg:oklch(0.96 0.02 40);--badge-border:oklch(0.8 0.06 45)}
+}.itd-badge-color-brown,[data-theme=dark] .itd-badge-color-brown{--badge-bg:#bc5a29;--badge-fg:#fcfcfc}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-brown,[data-theme=dark] .itd-badge-color-brown{--badge-bg:oklch(0.58 0.14 45);--badge-fg:oklch(0.99 0 0)}
+}[data-theme=dark] .itd-badge-color-brown{--badge-text:#d69b81;--badge-soft-bg:#2f190f;--badge-border:#633d2c}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-brown{--badge-text:oklch(0.74 0.08 45);--badge-soft-bg:oklch(0.24 0.04 45);--badge-border:oklch(0.4 0.06 45)}
+}}

package/dist/css/base.css

@@ -0,0 +1,111 @@
+@layer base{:root,[data-theme=light]{color-scheme:light}@supports (text-wrap:pretty){:root,[data-theme=light]{text-wrap:pretty}}@supports (hanging-punctuation:first allow-end){:root,[data-theme=light]{hanging-punctuation:first allow-end}}:root,[data-theme=light]{--itd-font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;--itd-font-size-adjust:none;--itd-text-xs:0.75rem;--itd-text-xs--line-height:calc(1 / 0.75);--itd-text-sm:0.875rem;--itd-text-sm--line-height:calc(1.25 / 0.875);--itd-text-default:1rem;--itd-text-default--line-height:calc(1.5 / 1);--itd-text-lg:1.125rem;--itd-text-lg--line-height:calc(1.75 / 1.125);--itd-text-xl:1.25rem;--itd-text-xl--line-height:calc(1.75 / 1.25);--itd-text-2xl:1.5rem;--itd-text-2xl--line-height:calc(2 / 1.5);--itd-text-3xl:1.875rem;--itd-text-3xl--line-height:calc(2.25 / 1.875);--itd-text-4xl:2.25rem;--itd-text-4xl--line-height:calc(2.5 / 2.25);--itd-text-5xl:3rem;--itd-text-5xl--line-height:1;--itd-text-7xl:4.5rem;--itd-text-7xl--line-height:1;--itd-text-9:0.5625rem;--itd-text-10:0.625rem;--itd-text-10--line-height:1;--itd-text-11:0.6875rem;--itd-text-11--line-height:calc(0.8125 / 0.6875);--itd-text-13:0.8125rem;--itd-text-13--line-height:calc(1.25 / 0.8125);--itd-text-15:0.9375rem;--itd-text-15--line-height:calc(1.5 / 0.9375);--itd-text-22:1.375rem;--itd-text-22--line-height:1;--itd-text-26:1.625rem;--itd-text-26--line-height:1;--itd-text-28:1.75rem;--itd-text-28--line-height:1;--itd-font-weight-normal:400;--itd-font-weight-medium:500;--itd-font-weight-semibold:600;--itd-font-weight-bold:700;--itd-font-weight-extrabold:800;--itd-field-weight:var(--itd-font-weight-normal);--itd-field-weight-optical-step:60;--itd-field-weight-small:calc(var(--itd-field-weight) + var(--itd-field-weight-optical-step));--itd-leading-none:1;--itd-leading-tight:1.25;--itd-leading-snug:1.375;--itd-leading-normal:1.5;--itd-leading-relaxed:1.625;--itd-leading-7:1.75rem;--itd-tracking-tighter:-0.05em;--itd-tracking-tight:-0.025em;--itd-tracking-widest:0.1em;--itd-spacing:0.25rem;--itd-size-xs-h:calc(var(--itd-spacing) * 6);--itd-size-xs-px:calc(var(--itd-spacing) * 2);--itd-size-xs-gap:calc(var(--itd-spacing) * 1);--itd-size-xs-font:var(--itd-text-xs);--itd-size-xs-field-fw:var(--itd-field-weight-small);--itd-size-xs-icon:calc(var(--itd-spacing) * 3);--itd-size-sm-h:calc(var(--itd-spacing) * 7);--itd-size-sm-px:calc(var(--itd-spacing) * 3);--itd-size-sm-gap:calc(var(--itd-spacing) * 1.5);--itd-size-sm-font:var(--itd-text-xs);--itd-size-sm-field-fw:var(--itd-field-weight-small);--itd-size-sm-icon:calc(var(--itd-spacing) * 3.5);--itd-size-md-h:calc(var(--itd-spacing) * 8.5);--itd-size-md-px:calc(var(--itd-spacing) * 3);--itd-size-md-gap:calc(var(--itd-spacing) * 1.5);--itd-size-md-font:var(
+      --itd-text-13
+    );--itd-size-md-field-fw:var(--itd-field-weight);--itd-size-md-icon:calc(var(--itd-spacing) * 4);--itd-size-df-h:calc(var(--itd-spacing) * 9.5);--itd-size-df-px:calc(var(--itd-spacing) * 4);--itd-size-df-gap:calc(var(--itd-spacing) * 2);--itd-size-df-font:var(
+      --itd-text-sm
+    );--itd-size-df-field-fw:var(--itd-field-weight);--itd-size-df-icon:calc(var(--itd-spacing) * 4);--itd-size-lg-h:calc(var(--itd-spacing) * 10);--itd-size-lg-px:calc(var(--itd-spacing) * 4);--itd-size-lg-gap:calc(var(--itd-spacing) * 2);--itd-size-lg-font:var(
+      --itd-text-sm
+    );--itd-size-lg-field-fw:var(--itd-field-weight);--itd-size-lg-icon:calc(var(--itd-spacing) * 5);--itd-size-xlg-h:calc(var(--itd-spacing) * 11);--itd-size-xlg-px:calc(var(--itd-spacing) * 5);--itd-size-xlg-gap:calc(var(--itd-spacing) * 2);--itd-size-xlg-font:var(
+      --itd-text-sm
+    );--itd-size-xlg-field-fw:var(--itd-field-weight);--itd-size-xlg-icon:calc(var(--itd-spacing) * 6);--itd-badge-xs-font:0.625rem;--itd-gamebox-pill-font:0.75rem;--itd-gamebox-desc-font:0.6875rem;--itd-gamebox-overlay-font:0.625rem;--itd-gamebox-live-ink:#f8f8f8;--itd-carousel-title-font:0.875rem;--itd-carousel-all-font:0.6875rem;--itd-header-nav-font:0.8125rem;--itd-header-badge-font:0.5625rem;--itd-mobile-header-h:3.25rem;--itd-header-h:7.125rem;--itd-gameplay-toolbar-h:3rem;--itd-gamebox-offline-opacity:0.5;--itd-image-broken-ink:oklch(from var(--itd-color-background-alt-hover) calc(l - 0.09) c h);--itd-badge-sm-font:0.6875rem;--itd-badge-md-font:var(--itd-text-xs);--itd-badge-df-font:0.8125rem;--itd-badge-lg-font:var(--itd-text-sm);--itd-badge-xlg-font:0.9375rem;--itd-radius:var(--itd-border-radius);--itd-radius-xs:calc(var(--itd-border-radius) * 0.2);--itd-radius-sm:calc(var(--itd-border-radius) * 0.6);--itd-radius-md:calc(var(--itd-border-radius) * 0.8);--itd-radius-lg:var(--itd-border-radius);--itd-radius-xl:calc(var(--itd-border-radius) * 1.4);--itd-radius-2xl:calc(var(--itd-border-radius) * 1.6);--itd-radius-control:calc(var(--itd-radius) - calc(var(--itd-spacing) * 0.5));--itd-radius-pill:calc(var(--itd-border-radius) * 0.75);--itd-radius-chip:var(--itd-radius-sm);--itd-icon-stroke-width:1.5;--itd-icon-arrow-stroke-width:2.5;--itd-container-xs:20rem;--itd-container-sm:24rem;--itd-container-md:28rem;--itd-container-lg:32rem;--itd-container-xl:36rem;--itd-container-2xl:42rem;--itd-container-3xl:48rem;--itd-container-4xl:56rem;--itd-text:#333c45;--itd-text-muted:#69737d;--itd-border:#c9ced4;--itd-ring:#0089ea;--itd-ring-width:2px;--itd-ring-offset:1px;--itd-color-border-focus-ring:oklch(from var(--itd-ring) l c h / 0.5);--itd-color-focus-primary-ring:oklch(from var(--itd-ring) l c h / 0.5);--itd-color-error-outline:#d2004680;--itd-color-info:#029cfd;--itd-surface-box:oklch(
+      from var(--itd-background) calc(min(l + 0.095, var(--itd-elev-box, 0.96))) c h
+    );--itd-surface-nested:oklch(
+      from var(--itd-background) calc(min(l + 0.095, var(--itd-elev-nested, 0.94))) c h
+    );--itd-surface-deep:oklch(
+      from var(--itd-background) calc(min(l + 0.095, var(--itd-elev-deep, 0.9))) c h
+    );--itd-link:#0089ea;--itd-link-hover:#006bb9;--itd-selection-bg:#0a0a0a;--itd-selection-fg:#fff;--itd-placeholder-color:#8b9095;--itd-scrollbar-thumb:#010e1e80;--itd-scrollbar-thumb-hover:#010e1e}
+
+@supports (color: oklab(0% 0 0%)){
+:root,[data-theme=light]{--itd-gamebox-live-ink:oklch(0.98 0 0);--itd-text:oklch(0.35 0.02 250);--itd-text-muted:oklch(0.55 0.02 250);--itd-border:oklch(0.85 0.01 250)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+:root,[data-theme=light]{--itd-ring:color(display-p3 0.22139 0.52735 0.89934)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+:root,[data-theme=light]{--itd-ring:oklch(0.62 0.18 250)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+:root,[data-theme=light]{--itd-color-error-outline:color(display-p3 0.75666 0.15768 0.28654 / 0.5)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+:root,[data-theme=light]{--itd-color-error-outline:oklch(0.55 0.22 15 / 0.5);--itd-color-info:oklch(0.6746 0.1783 247.3)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+:root,[data-theme=light]{--itd-link:color(display-p3 0.22139 0.52735 0.89934)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+:root,[data-theme=light]{--itd-link:oklch(0.62 0.18 250)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+:root,[data-theme=light]{--itd-link-hover:color(display-p3 0.06853 0.40451 0.76759)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+:root,[data-theme=light]{--itd-link-hover:oklch(0.52 0.18 250);--itd-selection-bg:oklch(0.145 0 0);--itd-selection-fg:oklch(1 0 0);--itd-placeholder-color:oklch(0.65 0.01 250);--itd-scrollbar-thumb:oklch(0.16 0.04 250 / 0.5);--itd-scrollbar-thumb-hover:oklch(0.16 0.04 250)}
+}#itd-modal-root,#itd-notification-root,#itd-tooltip-root,.itd-provider,body{font-family:var(--itd-font-sans);font-size-adjust:var(--itd-font-size-adjust);color:var(--itd-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lucide{stroke-width:var(--itd-icon-stroke-width)}.lucide[class*=arrow],.lucide[class*=chevron]{stroke-width:var(--itd-icon-arrow-stroke-width)}a{cursor:pointer;color:inherit;text-decoration-line:none;text-underline-offset:4px;border-radius:var(--itd-radius-xs)}a:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}*{border-color:var(--itd-border);outline-color:var(--itd-ring)}:focus{outline:none}:focus-visible:not(:is(input,select,textarea,button)){outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}@media (prefers-contrast:more){:focus-visible{outline-width:3px}}::selection{background-color:var(--itd-selection-bg);color:var(--itd-selection-fg)}[data-theme=dark]{color-scheme:dark;--itd-text:#c4cfdb;--itd-text-muted:#86909b;--itd-border:#2a2e33;--itd-ring:#51a9ff;--itd-link:#67b3ff;--itd-link-hover:#3fa3ff;--itd-selection-bg:#c4cfdb;--itd-selection-fg:#060606;--itd-placeholder-color:#7d8792;--itd-scrollbar-thumb:#2186fe80;--itd-scrollbar-thumb-hover:#2186fe;--itd-color-error-outline:#fb255a80;--itd-gamebox-offline-opacity:0.25;--itd-image-broken-ink:oklch(from var(--itd-color-background-alt-hover) calc(l + 0.09) c h)}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark]{--itd-text:oklch(0.85 0.02 250);--itd-text-muted:oklch(0.65 0.02 250);--itd-border:oklch(0.3 0.01 250)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+[data-theme=dark]{--itd-ring:color(display-p3 0.38251 0.65518 1)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark]{--itd-ring:oklch(0.72 0.2 250)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+[data-theme=dark]{--itd-link:color(display-p3 0.45541 0.6948 1)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark]{--itd-link:oklch(0.75 0.2 250)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+[data-theme=dark]{--itd-link-hover:color(display-p3 0.33089 0.6281 1)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark]{--itd-link-hover:oklch(0.7 0.2 250);--itd-selection-bg:oklch(0.85 0.02 250);--itd-selection-fg:oklch(0.12 0 0);--itd-placeholder-color:oklch(0.62 0.02 250);--itd-scrollbar-thumb:oklch(0.63 0.2 256.42 / 0.5);--itd-scrollbar-thumb-hover:oklch(0.63 0.2 256.42);--itd-color-error-outline:oklch(0.64 0.24 15.26 / 0.5)}
+}html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}:root{--itd-z-overlay:1000;--itd-z-sheet:1001;--itd-z-dialog:1002;--itd-z-modal:1002;--itd-z-popover:1050;--itd-z-toast:1080}*{scrollbar-width:thin;scrollbar-color:var(--itd-scrollbar-thumb) #0000}::-webkit-scrollbar{width:calc(var(--itd-spacing) * 3);height:calc(var(--itd-spacing) * 3)}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:var(--itd-scrollbar-thumb);border-radius:9999px;border:3px solid #0000;background-clip:content-box}::-webkit-scrollbar-thumb:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-scrollbar-thumb-hover)}@media (prefers-contrast:more){:root{--itd-scrollbar-thumb:#000612b3;--itd-scrollbar-thumb-hover:#000612}
+
+@supports (color: color(display-p3 0 0 0%)){
+:root{--itd-scrollbar-thumb:color(display-p3 0 0.02116 0.07988 / 0.7)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+:root{--itd-scrollbar-thumb:oklch(0.12 0.05 250 / 0.7)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+:root{--itd-scrollbar-thumb-hover:color(display-p3 0 0.02116 0.07988)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+:root{--itd-scrollbar-thumb-hover:oklch(0.12 0.05 250)}
+}[data-theme=dark]{--itd-scrollbar-thumb:#579fffb3;--itd-scrollbar-thumb-hover:#579fff}
+
+@supports (color: color(display-p3 0 0 0%)){
+[data-theme=dark]{--itd-scrollbar-thumb:color(display-p3 0.39074 0.61352 1 / 0.7)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark]{--itd-scrollbar-thumb:oklch(0.7 0.25 256.42 / 0.7)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+[data-theme=dark]{--itd-scrollbar-thumb-hover:color(display-p3 0.39074 0.61352 1)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark]{--itd-scrollbar-thumb-hover:oklch(0.7 0.25 256.42)}
+}}.skip-link{position:absolute;inset-inline-start:0;inset-block-start:0;transform:translateY(-150%);background:Canvas;color:initial;padding:calc(var(--itd-spacing) * 2) calc(var(--itd-spacing) * 4);z-index:9999;text-decoration:none;border-radius:var(--itd-spacing)}.skip-link:focus{transform:translateY(0);outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}.itd-no-transition,.itd-no-transition *,.itd-no-transition :after,.itd-no-transition :before{transition:none!important}[data-itd-elevation=raised] :where(.itd-card,.itd-casino-panel,.itd-block-form-item)>*{--itd-color-background-input:var(--itd-color-background-panel);--itd-input-addon-bg:oklch(from var(--itd-color-background-panel) calc(l - 0.045) c h)}}@layer components{.itd-size-xs{height:var(--itd-size-xs-h);padding-inline:var(--itd-size-xs-px);gap:var(--itd-size-xs-gap);font-size:var(--itd-size-xs-font)}.itd-size-sm,.itd-size-xs{font-weight:var(--itd-font-weight-medium)}.itd-size-sm{height:var(--itd-size-sm-h);padding-inline:var(--itd-size-sm-px);gap:var(--itd-size-sm-gap);font-size:var(--itd-size-sm-font)}.itd-size-md{height:var(--itd-size-md-h);padding-inline:var(--itd-size-md-px);gap:var(--itd-size-md-gap);font-size:var(--itd-size-md-font)}.itd-size-df,.itd-size-md{font-weight:var(--itd-font-weight-medium)}.itd-size-df{height:var(--itd-size-df-h);padding-inline:var(--itd-size-df-px);gap:var(--itd-size-df-gap);font-size:var(--itd-size-df-font)}.itd-size-lg{height:var(--itd-size-lg-h);padding-inline:var(--itd-size-lg-px);gap:var(--itd-size-lg-gap);font-size:var(--itd-size-lg-font)}.itd-size-lg,.itd-size-xlg{font-weight:var(--itd-font-weight-medium)}.itd-size-xlg{height:var(--itd-size-xlg-h);padding-inline:var(--itd-size-xlg-px);gap:var(--itd-size-xlg-gap);font-size:var(--itd-size-xlg-font)}}@keyframes itd-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:itd-spin .75s linear infinite}@layer base{:root.itd-touch{-webkit-tap-highlight-color:transparent}:root.itd-touch :is(button,[role=button],a,label,summary){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}

package/dist/css/block-form.css

@@ -0,0 +1,5 @@
+@layer components{.itd-block-form{display:flex;flex-direction:column;gap:var(--itd-block-form-gap,calc(var(--itd-spacing) * 4))}.itd-block-form-row{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 1.5)}.itd-block-form-label{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text)}.itd-block-form-compact .itd-block-form-label{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-block-form-hint{margin:0;font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height);color:var(--itd-color-text-muted)}.itd-block-form-label-stack{display:flex;flex-direction:column}.itd-block-form-description{margin:0;font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height);color:var(--itd-color-text-muted)}.itd-block-form-info{display:inline-flex;align-items:center;margin-inline-start:var(--itd-spacing);color:var(--itd-color-text-muted);cursor:help}.itd-block-form-label:has(.itd-block-form-info){display:inline-flex;align-items:center}.itd-block-form-info svg{width:.875rem;height:.875rem}.itd-block-form-info:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-block-form-info-target{cursor:help}.itd-block-form-info-title{display:block;margin-block-end:calc(var(--itd-spacing) * 1);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.itd-block-form-info-body{display:block;font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height);color:var(--itd-color-text-muted)}.itd-block-form-stack{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2)}.itd-block-form-items{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 3)}.itd-block-form-item{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);padding:calc(var(--itd-spacing) * 3);border-radius:var(--itd-radius-md);background-color:var(--itd-block-form-item-bg,var(--itd-card));border:1px solid var(--itd-block-form-item-border,var(--itd-surface-hairline,#0000));position:relative}.itd-block-form-item-grip{position:absolute;top:calc(var(--itd-spacing) * 3 + .125rem);inset-inline-start:calc(var(--itd-spacing) * 3);display:inline-flex;align-items:center;color:var(--itd-color-text-muted);cursor:grab;touch-action:none}.itd-block-form-item-grip svg{width:1rem;height:1rem}.itd-block-form-item-grip~.itd-block-form-row:first-of-type>.itd-block-form-label-stack>.itd-block-form-label{padding-inline-start:calc(var(--itd-spacing) * 5.5)}.itd-block-form-item-remove{position:absolute;top:calc(var(--itd-spacing) * 1.5);inset-inline-end:calc(var(--itd-spacing) * 1.5)}.itd-block-form-item[data-dragging]{position:relative;z-index:5;opacity:.92}.itd-block-form-items[data-carrying] .itd-block-form-item *{pointer-events:none!important}.itd-block-form-items[data-carrying]{cursor:grabbing;user-select:none;-webkit-user-select:none}.itd-block-form-pick{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);min-width:0}.itd-block-form-pick>.itd-select{width:100%;min-width:0}.itd-block-form-pick-add{display:flex;align-items:stretch;gap:calc(var(--itd-spacing) * 1.5)}.itd-block-form-pick-add>.itd-select{flex:1;min-width:0}.itd-block-form-pick-add-btn.itd-button{flex:none;height:auto;white-space:nowrap}.itd-block-form-pick-empty{padding:calc(var(--itd-spacing) * 3);border-radius:var(--itd-radius-sm);background-color:var(--itd-block-form-item-bg,var(--itd-card));border:1px solid var(--itd-block-form-item-border,var(--itd-surface-hairline,#0000));text-align:center;font-size:var(--itd-text-13);color:var(--itd-color-text-muted)}.itd-block-form-pick-list{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 1)}.itd-block-form-pick-row{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 1.5);padding:calc(var(--itd-spacing) * 1) calc(var(--itd-spacing) * 1.5);border-radius:var(--itd-radius-sm);background-color:var(--itd-block-form-item-bg,var(--itd-card));border:1px solid var(--itd-block-form-item-border,var(--itd-surface-hairline,#0000))}.itd-block-form-pick-row[data-dragging]{position:relative;z-index:2;box-shadow:var(--itd-floating-shadow)}.itd-block-form-pick-row[data-outside] .itd-block-form-pick-name{color:var(--itd-color-text-muted);text-decoration:line-through}.itd-block-form-pick-grip{display:inline-flex;align-items:center;color:var(--itd-color-text-muted);cursor:grab;touch-action:none}.itd-block-form-pick-grip svg{width:1rem;height:1rem}.itd-block-form-pick-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--itd-text-13)}.itd-block-form-pick-note{flex:none;font-size:var(--itd-text-xs);color:var(--itd-color-text-muted)}.itd-block-form-pick-remove{flex:none}.itd-block-form-pick-count{align-self:flex-end;font-size:var(--itd-text-xs);color:var(--itd-color-text-muted)}.itd-block-form-pick-list[data-carrying]{cursor:grabbing;user-select:none;-webkit-user-select:none}.itd-block-form-pick-list[data-carrying] .itd-block-form-pick-row *{pointer-events:none!important}.itd-block-preview{position:relative;overflow:hidden;background-color:var(--itd-block-preview-bg,var(--itd-color-background-alt));isolation:isolate}.itd-block-preview .itd-skeleton{background:var(--itd-block-preview-fill,var(--itd-color-background-alt-hover))!important}.itd-block-preview .itd-skeleton:after{content:none!important}.itd-block-preview-spacer{background:repeating-linear-gradient(-45deg,#0000,#0000 6px,var(--itd-color-background-alt-hover) 6px,var(--itd-color-background-alt-hover) 12px)}.itd-editor-ghost .itd-block-preview:not(.itd-block-preview-spacer){background:#0000}.itd-block-preview-stage{position:absolute;inset-block-start:0;inset-inline-start:0;transform-origin:top left;pointer-events:none;-webkit-user-select:none;user-select:none}.itd-code-editor{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 1.5);width:100%}.itd-code-editor-body{position:relative;display:flex;overflow:hidden;border-radius:var(--itd-radius-md);background-color:var(--itd-code-editor-bg,var(--itd-color-background-alt))}.itd-code-editor[data-error] .itd-code-editor-body{box-shadow:inset 0 0 0 1px var(--itd-color-error)}.itd-code-editor-gutter{margin:0;padding-block:calc(var(--itd-spacing) * 3);border:0;font-family:var(--itd-font-mono,ui-monospace,Menlo,monospace);font-size:var(--itd-text-xs);line-height:1.6;background:none;flex:none;padding-inline:calc(var(--itd-spacing) * 2);overflow:hidden;color:var(--itd-color-text-muted);text-align:end;-webkit-user-select:none;user-select:none}.itd-code-editor-stack{position:relative;flex:1;min-width:0;display:grid}.itd-code-editor-input,.itd-code-editor-paint{grid-area:1/1;margin:0;padding:calc(var(--itd-spacing) * 3) calc(var(--itd-spacing) * 9) calc(var(--itd-spacing) * 3) 0;border:0;font-family:var(--itd-font-mono,ui-monospace,Menlo,monospace);font-size:var(--itd-text-xs);line-height:1.6;white-space:pre;overflow-wrap:normal;overflow:auto;tab-size:2}.itd-code-editor-paint{pointer-events:none;background:none;color:var(--itd-code-editor-ink,var(--itd-color-text))}.itd-code-editor-paint>code{font:inherit;background:none}.itd-code-editor-input{color:#0000;background:none;caret-color:var(--itd-code-editor-ink,var(--itd-color-text));resize:none}}@layer components{.itd-code-editor-input::selection{background-color:color-mix(in oklch,var(--itd-primary) 35%,#0000)}.itd-code-editor-input::placeholder{color:var(--itd-color-text-muted)}.itd-code-editor :is(.token.cdata,.token.comment,.token.doctype,.token.prolog){color:var(--itd-color-text-muted);font-style:italic}.itd-code-editor :is(.token.atrule,.token.keyword,.token.selector,.token.tag),.itd-code-editor :is(.token.attr-name,.token.function,.token.property){color:var(--itd-primary)}.itd-code-editor :is(.token.attr-value,.token.string,.token.url){color:var(--itd-color-success)}.itd-code-editor :is(.token.boolean,.token.hexcode,.token.number,.token.unit){color:var(--itd-color-alert-warning-title,var(--itd-color-text))}.itd-code-editor :is(.token.deleted,.token.important){color:var(--itd-color-error)}.itd-code-editor :is(.token.operator,.token.punctuation){color:var(--itd-color-text-muted)}.itd-code-editor-input:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:calc(var(--itd-ring-offset) * -1)}.itd-code-editor-expand{position:absolute;inset-block-start:calc(var(--itd-spacing) * 2);inset-inline-end:calc(var(--itd-spacing) * 2);display:inline-flex;align-items:center;justify-content:center;width:calc(var(--itd-spacing) * 7);height:calc(var(--itd-spacing) * 7);padding:0;border:0;border-radius:var(--itd-radius-sm);background-color:var(--itd-color-background);color:var(--itd-color-text-muted);cursor:pointer}.itd-code-editor-expand>svg{width:calc(var(--itd-spacing) * 3.5);height:calc(var(--itd-spacing) * 3.5)}.itd-code-editor-expand:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-code-editor-full{position:fixed;inset:0;z-index:2147483001;padding:calc(var(--itd-spacing) * 4);background-color:var(--itd-color-background)}.itd-code-editor-full .itd-code-editor-body{flex:1;min-height:0}.itd-code-editor-full .itd-code-editor-stack{height:100%}.itd-editor-flag{flex:none;width:.4375rem;height:.4375rem;margin-inline-start:calc(var(--itd-spacing) * 1.5);border-radius:9999px;background-color:var(--itd-color-alert-warning-title,currentColor)}.itd-editor-flag[data-level=error]{background-color:var(--itd-color-alert-error-title,currentColor)}.itd-editor-checks-badge{position:absolute;inset-block-end:calc(var(--itd-spacing) * 4);inset-inline-end:calc(var(--itd-spacing) * 4);z-index:30;background-color:var(--_level)}.itd-editor-checks-badge,.itd-editor-checks-badge svg{color:oklch(from var(--_level) .18 c h)}.itd-editor-checks-badge:hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--_level) calc(l + .06) c h)}.itd-editor-checks-badge{transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s linear}.itd-editor-checks-badge[data-going=swell]{transform:scale(1.1)}.itd-editor-checks-badge[data-going=away]{transform:scale(.3);opacity:0;pointer-events:none}.itd-editor-checks-panel{position:absolute;inset-block-end:calc(var(--itd-spacing) * 4);inset-inline-end:calc(var(--itd-spacing) * 4);z-index:31;display:flex;flex-direction:column;width:18.75rem;height:25rem;max-height:calc(100% - var(--itd-spacing) * 8);border-radius:var(--itd-radius-md);background:var(--itd-color-background-dialog,var(--itd-color-background-modal));color:var(--itd-card-foreground);box-shadow:var(--itd-floating-shadow);transform-origin:bottom right;transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s linear}.itd-editor-checks-panel[data-state=leaving],.itd-editor-checks-panel[data-state=opening]{transform:scale(.3);opacity:0}.itd-editor-checks-head{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 2);padding:calc(var(--itd-spacing) * 3) calc(var(--itd-spacing) * 3) calc(var(--itd-spacing) * 2) calc(var(--itd-spacing) * 4)}.itd-editor-checks-list{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);overflow:auto;padding:0 calc(var(--itd-spacing) * 3) calc(var(--itd-spacing) * 3)}.itd-editor-checks-go{display:inline-flex;height:auto;min-height:0;margin-block-start:calc(var(--itd-spacing) * 1.5);padding:0;color:inherit;text-decoration:underline;text-underline-offset:.2em}.itd-editor-grip{width:calc(var(--itd-spacing) * 1.5);flex:none;cursor:col-resize;background-color:var(--itd-color-border);opacity:.35;touch-action:none}}@layer components{.itd-editor-grip:hover:where(:root:not(.itd-touch) *){opacity:1;background-color:var(--itd-primary)}.itd-editor-pane-edge{position:absolute;inset-block:0;inset-inline-start:0;width:1px;pointer-events:none;background-color:oklch(from var(--itd-background) .94 c h)}:root[data-theme=dark] .itd-editor-pane-edge{background-color:oklch(from var(--itd-background) .32 c h)}.itd-editor-unsaved{flex:none;width:.5rem;height:.5rem;border-radius:9999px;background-color:var(--itd-color-alert-warning-title,currentColor)}.itd-editor-delete{--itd-primary:var(--itd-color-error);--itd-primary-hover:color-mix(in oklab, var(--itd-color-error) 82%, var(--itd-color-text));--itd-primary-foreground:var(--itd-color-error-text)}.itd-editor-toolbar .itd-button-solid{background-color:var(--itd-color-background-input,var(--itd-color-background-alt))}}@layer components{.itd-editor-toolbar .itd-button-solid:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-alt-hover)}}@layer components{.itd-editor-chip{display:flex;flex-direction:column;padding:calc(var(--itd-spacing) * 2);border-radius:var(--itd-radius-md);background-color:var(--itd-color-background-input,var(--itd-color-background-alt));color:var(--itd-color-text);font-size:var(--itd-text-xs);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;transition:border-color .12s ease}.itd-editor-chip:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-primary)}.itd-editor-chip[aria-selected=true]{background-color:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-editor-chip[aria-disabled=true]{opacity:.45}.itd-editor-chip-eye{display:inline-flex;padding:0;border:0;background:none;color:inherit;opacity:.5;cursor:pointer}.itd-editor-chip-eye:focus-visible,.itd-editor-chip:hover:where(:root:not(.itd-touch) *) .itd-editor-chip-eye{opacity:1}.itd-editor-layout-card{font:inherit;color:inherit;text-align:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;transition:border-color .12s ease}.itd-editor-layout-card:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-primary)}.itd-editor-layout-strip{position:relative}.itd-editor-layout-scroller{display:flex;gap:1rem;align-items:stretch;overflow-x:auto;scrollbar-width:none;cursor:grab}.itd-editor-layout-scroller::-webkit-scrollbar{display:none}.itd-editor-layout-nav{position:absolute;z-index:2;inset-block-start:50%;translate:0 -50%;border-radius:50%}.itd-editor-layout-nav[data-side=start]{inset-inline-start:-2.85rem}.itd-editor-layout-nav[data-side=end]{inset-inline-end:-2.85rem}.itd-editor-modal .itd-modal-header{padding:calc(var(--itd-spacing) * 10) calc(var(--itd-spacing) * 15) 0}.itd-editor-modal .itd-modal-middle-content{padding:var(
+      --itd-modal-content-padding,calc(var(--itd-spacing) * 6) calc(var(--itd-spacing) * 15) calc(var(--itd-spacing) * 15)
+    )}.itd-editor-layout-thumb{height:15.75rem;overflow:hidden}.itd-editor-layout-reel{display:flex;flex-direction:column;gap:1px;pointer-events:none;transition:transform .6s ease;--itd-block-preview-fill:oklch(
+      from var(--itd-color-background-alt-hover) calc(l - 0.04 * round(l)) c h
+    )}.itd-editor-layout-card:hover:where(:root:not(.itd-touch) *) .itd-editor-layout-reel{transform:translateY(min(0px,calc(15.75rem - 100%)));transition:transform 4s ease-in-out}:is(.itd-editor-layout-reel,.itd-block-preview) :is(.itd-box-title,.itd-casino-panel-head)>*{display:none!important}:is(.itd-editor-layout-reel,.itd-block-preview) :is(.itd-box-title,.itd-casino-panel-head){display:flex!important;align-items:center;gap:.75rem;--itd-preview-title-bar:14rem}:is(.itd-editor-layout-reel,.itd-block-preview) .itd-casino-panel-head{--itd-preview-title-bar:7rem}:is(.itd-editor-layout-reel,.itd-block-preview) :is(.itd-box-title,.itd-casino-panel-head):before{content:"";flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--itd-block-preview-fill,var(--itd-color-background-alt-hover))}:is(.itd-editor-layout-reel,.itd-block-preview) :is(.itd-box-title,.itd-casino-panel-head):after{content:"";flex:none;width:var(--itd-preview-title-bar);height:1.125rem;border-radius:.5625rem;background:var(--itd-block-preview-fill,var(--itd-color-background-alt-hover))}:is(.itd-editor-layout-reel,.itd-block-preview) .itd-game-providers-reset{display:none!important}:is(.itd-editor-layout-reel,.itd-block-preview) .itd-filter-tab{color:#0000!important}.itd-block-preview :is(.itd-help-rail,.itd-help-title){position:static!important}:is(.itd-editor-room,.itd-editor-canvas-veil){background:var(--itd-background)}:root[data-theme=dark] :is(.itd-editor-room,.itd-editor-canvas-veil){background:oklch(from var(--itd-background) .23 c h)}:root[data-theme=light]:not([data-itd-elevation=raised]) :is(.itd-editor-room,.itd-editor-canvas-veil){background:oklch(from var(--itd-background) .96 c h)}.itd-editor-canvas-veil{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:var(--itd-color-text-muted)}.itd-editor-canvas-veil[data-gone]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s}.itd-editor-setting-card{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);padding:calc(var(--itd-spacing) * 2);border-radius:var(--itd-radius-md);background:var(--itd-color-background-input,var(--itd-color-background-alt))}.itd-editor-setting-card>:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 8%,#0000);padding-bottom:calc(var(--itd-spacing) * 2)}.itd-editor-setting-card .itd-input.itd-input-filled{background-color:color-mix(in srgb,var(--itd-color-text) 6%,var(--itd-color-background-input,var(--itd-color-background-alt)))}.itd-block-form-half-pair{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--itd-spacing) * 2);align-items:start}.itd-editor-site-pane{animation:itd-editor-site-pane-in .2s ease}@keyframes itd-editor-site-pane-in{0%{margin-inline-end:-22.5rem}to{margin-inline-end:0}}.itd-block-form-hideable{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 1.5)}.itd-block-form-hideable>:first-child{flex:1;min-width:0}.itd-block-form-eye{display:inline-flex;flex:none;padding:0;border:0;background:none;color:inherit;opacity:.5;cursor:pointer}.itd-block-form-eye svg{width:1rem;height:1rem}.itd-block-form-eye:focus-visible,.itd-block-form-eye:hover:where(:root:not(.itd-touch) *),.itd-block-form-eye[aria-pressed=true]{opacity:1}}@layer components{.itd-editor-empty{margin:0;padding:calc(var(--itd-spacing) * 3);border-radius:var(--itd-radius-md);background-color:var(--itd-color-background-alt);color:var(--itd-color-text-muted);font-size:var(--itd-text-xs);line-height:1.55}}

package/dist/css/blocks-shared.css

@@ -0,0 +1,15 @@
+@layer components{:root{--itd-box-wash:var(
+      --site-box-wash,
+      color-mix(in srgb, var(--itd-color-background-modal) 75%, #0000)
+    )}:root[data-theme=light]:not([data-itd-elevation=raised]){--itd-box-wash:var(
+      --site-box-wash,
+      color-mix(in srgb, oklch(from var(--itd-background) 0.94 c h) 75%, #0000)
+    )}:root[data-itd-elevation=raised]{--itd-box-wash:color-mix(in srgb, oklch(from var(--itd-background) 1 c h) 75%, #0000)}:root{--itd-panel-scroll-thumb:var(--site-panel-scroll-thumb, #ffffff21)}
+
+@supports (color: oklab(0% 0 0%)){
+:root{--itd-panel-scroll-thumb:var(--site-panel-scroll-thumb, oklch(1 0 0 / 0.13))}
+}:root[data-theme=light]{--itd-panel-scroll-thumb:var(--site-panel-scroll-thumb, #0003)}
+
+@supports (color: oklab(0% 0 0%)){
+:root[data-theme=light]{--itd-panel-scroll-thumb:var(--site-panel-scroll-thumb, oklch(0 0 0 / 0.2))}
+}}

package/dist/css/button-group.css

@@ -0,0 +1 @@
+@layer components{.itd-button-group-default,.itd-button-group-filled{display:inline-flex;align-items:stretch;width:fit-content}.itd-button-group-vertical.itd-button-group-default,.itd-button-group-vertical.itd-button-group-filled{flex-direction:column}.itd-button-group:has(>.itd-button-group){gap:calc(var(--itd-spacing) * 2)}:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-horizontal>.itd-button-group-text:not(:last-child),:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-horizontal>.itd-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-horizontal>.itd-button-group-text:not(:first-child),:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-horizontal>.itd-button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-vertical>.itd-button-group-text:not(:last-child),:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-vertical>.itd-button:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-vertical>.itd-button-group-text:not(:first-child),:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-vertical>.itd-button:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.itd-button-group-default>.itd-button:focus-visible,.itd-button-group-default>.itd-button:hover:where(:root:not(.itd-touch) *),.itd-button-group-default>.itd-button[aria-expanded=true]{position:relative;z-index:1}.itd-button-group-default.itd-button-group-horizontal>.itd-button-group-text:not(:first-child),.itd-button-group-default.itd-button-group-horizontal>.itd-button:not(:first-child){margin-left:-1px}.itd-button-group-default.itd-button-group-vertical>.itd-button-group-text:not(:first-child),.itd-button-group-default.itd-button-group-vertical>.itd-button:not(:first-child){margin-top:-1px}.itd-button-group-filled>.itd-button,.itd-button-group-filled>.itd-button:focus-visible,.itd-button-group-filled>.itd-button:hover:where(:root:not(.itd-touch) *),.itd-button-group-filled>.itd-button[aria-expanded=true]{border-color:#0000;box-shadow:none}.itd-button-group-filled>.itd-button{background-color:var(--itd-color-background-alt)}.itd-button-group-filled>.itd-button:focus-visible,.itd-button-group-filled>.itd-button:hover:where(:root:not(.itd-touch) *),.itd-button-group-filled>.itd-button[aria-expanded=true]{background-color:var(--itd-color-background-alt-hover)}.itd-button-group-filled.itd-button-group-horizontal>.itd-button-group-text:not(:last-child),.itd-button-group-filled.itd-button-group-horizontal>.itd-button:not(:last-child){border-right-color:var(--itd-color-border)}.itd-button-group-filled.itd-button-group-vertical>.itd-button-group-text:not(:last-child),.itd-button-group-filled.itd-button-group-vertical>.itd-button:not(:last-child){border-bottom-color:var(--itd-color-border)}.itd-button-group-text{display:inline-flex;align-items:center;box-sizing:border-box;border:1px solid var(--itd-color-border);border-radius:calc(var(--itd-border-radius) * .8);background-color:var(--itd-muted);color:var(--itd-color-text);white-space:nowrap;-webkit-user-select:none;user-select:none}.itd-button-group-text svg{width:1rem;height:1rem;flex:none;pointer-events:none}}

package/dist/css/button.css

@@ -0,0 +1,11 @@
+@layer components{.itd-button{border-radius:var(--itd-radius-button,var(--itd-radius-control));--itd-button-disabled-ink:#1d2649;position:relative;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:none;background-origin:border-box;border:1px solid #0000;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:outline .1s linear,border var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function)}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-button{--itd-button-disabled-ink:oklch(0.28 0.066 270.8)}
+}.itd-button :is(span,svg){transition-property:color;transition-duration:var(--itd-transition-duration);transition-timing-function:var(--itd-transition-timing-function)}.itd-button svg{flex-shrink:0;pointer-events:none}.itd-button svg:not([class*=size-]):not(.itd-spinner){width:var(--itd-size-df-icon);height:var(--itd-size-df-icon)}.itd-button .itd-button-content{display:inline-flex;align-items:center;gap:inherit}.itd-button.itd-button-xs svg:not([class*=size-]):not(.itd-spinner){width:var(--itd-size-xs-icon);height:var(--itd-size-xs-icon)}.itd-button.itd-button-sm svg:not([class*=size-]):not(.itd-spinner){width:var(--itd-size-sm-icon);height:var(--itd-size-sm-icon)}:is(.itd-button.itd-button-md,.itd-button.itd-button-icon-sm,.itd-button.itd-button-icon) svg:not([class*=size-]):not(.itd-spinner){width:var(--itd-size-md-icon);height:var(--itd-size-md-icon)}:is(.itd-button.itd-button-lg,.itd-button.itd-button-icon-lg) svg:not([class*=size-]):not(.itd-spinner){width:var(--itd-size-lg-icon);height:var(--itd-size-lg-icon)}.itd-button.itd-button-xlg svg:not([class*=size-]):not(.itd-spinner){width:var(--itd-size-xlg-icon);height:var(--itd-size-xlg-icon)}.itd-button.itd-button-icon-square{aspect-ratio:1;padding-inline:0}.itd-button.itd-button-default{box-shadow:var(--itd-box-shadow);background-color:var(--itd-primary);border:1px solid #0000}.itd-button.itd-button-default,.itd-button.itd-button-default svg{color:var(--itd-primary-foreground)}.itd-button.itd-button-default.active,.itd-button.itd-button-default:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-default[aria-expanded=true]{background-color:var(--itd-primary-hover)}.itd-button.itd-button-default[aria-disabled=true],.itd-button.itd-button-default[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-default[disabled],.itd-button.itd-button-default[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-ghost{background-color:initial;border:1px solid #0000}.itd-button.itd-button-ghost div.icon svg,.itd-button.itd-button-ghost span{color:var(--itd-color-text)}.itd-button.itd-button-ghost.active,.itd-button.itd-button-ghost:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-ghost[aria-expanded=true]{background-color:var(--itd-color-button-ghost-hover-bg);color:var(--itd-color-button-ghost-hover-text,var(--itd-accent-foreground))}:is(.itd-button.itd-button-ghost:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-ghost.active,.itd-button.itd-button-ghost[aria-expanded=true]) :is(span,svg){color:var(--itd-color-button-ghost-hover-text,var(--itd-accent-foreground))}.itd-button.itd-button-ghost[aria-disabled=true],.itd-button.itd-button-ghost[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-ghost[disabled],.itd-button.itd-button-ghost[aria-disabled=true]) :is(span,svg){color:var(--itd-color-disabled-text)}.itd-button.itd-button-solid{background-color:var(--itd-color-background-alt-hover);border:1px solid #0000;box-shadow:none}.itd-button.itd-button-solid,.itd-button.itd-button-solid svg{color:var(--itd-secondary-foreground)}.itd-button.itd-button-solid.active,.itd-button.itd-button-solid:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-solid[aria-expanded=true]{background-color:var(--itd-secondary-hover);color:var(--itd-primary)}:is(.itd-button.itd-button-solid:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-solid.active,.itd-button.itd-button-solid[aria-expanded=true]) svg{color:var(--itd-primary)}.itd-button.itd-button-solid[aria-disabled=true],.itd-button.itd-button-solid[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-solid[disabled],.itd-button.itd-button-solid[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-filled{background-color:var(--itd-color-button-filled-bg);border:1px solid #0000;color:var(--itd-primary)}.itd-button.itd-button-filled svg{color:var(--itd-primary)}.itd-button.itd-button-filled.active,.itd-button.itd-button-filled:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-filled[aria-expanded=true]{background-color:var(--itd-primary);color:var(--itd-primary-foreground)}:is(.itd-button.itd-button-filled:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-filled.active,.itd-button.itd-button-filled[aria-expanded=true]) svg{color:var(--itd-primary-foreground)}.itd-button.itd-button-filled[aria-disabled=true],.itd-button.itd-button-filled[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-filled[disabled],.itd-button.itd-button-filled[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive{--_c:var(--itd-button-soft-color, var(--itd-primary));background-color:color-mix(in srgb,var(--_c) 12%,#0000);border:1px solid #0000;box-shadow:none;color:var(--_c)}:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive) svg{color:var(--_c)}.active:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive),:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive):hover:where(:root:not(.itd-touch) *),[aria-expanded=true]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive){background-color:color-mix(in srgb,var(--_c) 18%,#0000);color:var(--_c)}:is(:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive):hover:where(:root:not(.itd-touch) *),.active:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive),[aria-expanded=true]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive)) svg{color:var(--_c)}[aria-disabled=true]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive),[disabled]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive){background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is([disabled]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive),[aria-disabled=true]:is(.itd-button.itd-button-soft,.itd-button.itd-button-soft-destructive)) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-soft-destructive{--itd-button-soft-color:var(--itd-color-error)}.itd-button.itd-button-outline{box-shadow:var(--itd-box-shadow);border:1px solid var(--itd-color-border);background-color:var(--itd-color-button-outline-bg);color:var(--itd-color-text)}.itd-button.itd-button-outline svg{color:var(--itd-color-text)}.itd-button.itd-button-outline.active,.itd-button.itd-button-outline:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-outline[aria-expanded=true]{background-color:var(--itd-color-button-outline-hover-bg);border-color:var(--itd-color-button-outline-hover-border,var(--itd-color-border));color:var(--itd-color-button-outline-hover-text,var(--itd-color-text))}:is(.itd-button.itd-button-outline:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-outline.active,.itd-button.itd-button-outline[aria-expanded=true]) svg{color:var(--itd-color-button-outline-hover-text,var(--itd-color-text))}.itd-button.itd-button-outline[aria-disabled=true],.itd-button.itd-button-outline[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-outline[disabled],.itd-button.itd-button-outline[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-outline-accent{--_c:var(
+      --itd-button-outline-accent-color,
+      var(--itd-color-button-outline-accent, var(--itd-primary))
+    );box-shadow:var(--itd-box-shadow);border:1px solid color-mix(in srgb,var(--_c) 50%,#0000);background-color:var(--itd-color-button-outline-bg);color:var(--_c)}.itd-button.itd-button-outline-accent svg{color:var(--_c)}.itd-button.itd-button-outline-accent.active,.itd-button.itd-button-outline-accent:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-outline-accent[aria-expanded=true]{--_c:var(
+        --itd-button-outline-accent-color,
+        var(--itd-color-button-outline-accent-hover, var(--itd-primary-hover))
+      );border-color:var(--_c);background-color:color-mix(in srgb,var(--_c) 8%,var(--itd-color-button-outline-bg))}.itd-button.itd-button-outline-accent[aria-disabled=true],.itd-button.itd-button-outline-accent[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);box-shadow:none;color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-outline-accent[disabled],.itd-button.itd-button-outline-accent[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-link{background-color:initial;border:1px solid #0000;color:var(--itd-color-text)}.itd-button.itd-button-link svg{color:var(--itd-color-text)}.itd-button.itd-button-link.active,.itd-button.itd-button-link:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-link[aria-expanded=true]{color:var(--itd-primary)}:is(.itd-button.itd-button-link:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-link.active,.itd-button.itd-button-link[aria-expanded=true]):not(.itd-button-has-icon){text-decoration-line:underline;text-underline-offset:4px}:is(.itd-button.itd-button-link:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-link.active,.itd-button.itd-button-link[aria-expanded=true]) svg{color:var(--itd-primary)}.itd-button.itd-button-link[aria-disabled=true],.itd-button.itd-button-link[disabled]{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}:is(.itd-button.itd-button-link[disabled],.itd-button.itd-button-link[aria-disabled=true]) svg{color:var(--itd-color-disabled-text)}.itd-button.itd-button-primary{background-image:linear-gradient(-45deg,var(--itd-primary-gradient-start),var(--itd-primary-gradient-end))}.itd-button.itd-button-primary div.icon svg,.itd-button.itd-button-primary span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-primary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-primary[aria-expanded=true]{background-image:linear-gradient(-45deg,var(--itd-primary-hover-start),var(--itd-primary-hover-end))}:is(.itd-button.itd-button-primary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-primary[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-primary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-primary[aria-expanded=true]) span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-primary[aria-disabled=true],.itd-button.itd-button-primary[disabled]{background-image:linear-gradient(-45deg,#477db4,#215283);background-image:linear-gradient(-45deg,oklch(.577 .103 250.4),oklch(.431 .097 251.1))}:is(.itd-button.itd-button-primary[disabled],.itd-button.itd-button-primary[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-primary[disabled],.itd-button.itd-button-primary[aria-disabled=true]) span{color:var(--itd-button-disabled-text)}.itd-button.itd-button-secondary{background-image:linear-gradient(-45deg,#ebebeb,#fff);background-image:linear-gradient(-45deg,oklch(.94 0 0),oklch(1 0 0))}.itd-button.itd-button-secondary div.icon svg,.itd-button.itd-button-secondary span{color:#000;color:oklch(0 0 0)}.itd-button.itd-button-secondary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-secondary[aria-expanded=true]{background-image:linear-gradient(-45deg,#cdcdcd,#ebebeb);background-image:linear-gradient(-45deg,oklch(.848 0 0),oklch(.94 0 0))}:is(.itd-button.itd-button-secondary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-secondary[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-secondary:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-secondary[aria-expanded=true]) span{color:#000;color:oklch(0 0 0)}.itd-button.itd-button-secondary[aria-disabled=true],.itd-button.itd-button-secondary[disabled]{background-image:linear-gradient(-45deg,#cdcdcd,#a7a7a7);background-image:linear-gradient(-45deg,oklch(.848 0 0),oklch(.728 0 0))}:is(.itd-button.itd-button-secondary[disabled],.itd-button.itd-button-secondary[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-secondary[disabled],.itd-button.itd-button-secondary[aria-disabled=true]) span{color:#000;color:oklch(0 0 0)}.itd-button.itd-button-generic{background-color:var(--itd-button-generic-bg)}.itd-button.itd-button-generic div.icon svg,.itd-button.itd-button-generic span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-generic:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-generic[aria-expanded=true]{background-color:var(--itd-button-generic-hover-bg)}:is(.itd-button.itd-button-generic:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-generic[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-generic:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-generic[aria-expanded=true]) span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-generic[aria-disabled=true],.itd-button.itd-button-generic[disabled]{background-color:var(--itd-button-disabled-bg)}:is(.itd-button.itd-button-generic[disabled],.itd-button.itd-button-generic[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-generic[disabled],.itd-button.itd-button-generic[aria-disabled=true]) span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-request{background-image:linear-gradient(90deg,#0be881,#02b964 99%);background-image:linear-gradient(90deg,oklch(.8172 .2064 153.6),oklch(.689 .176 153.3) 99%)}.itd-button.itd-button-request div.icon svg,.itd-button.itd-button-request span{color:var(--itd-color-text)}.itd-button.itd-button-request:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-request[aria-expanded=true]{background-image:linear-gradient(90deg,#17e886,#0dd578 99%);background-image:linear-gradient(90deg,oklch(.819 .201 154.5),oklch(.7669 .1915 154) 99%)}:is(.itd-button.itd-button-request:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-request[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-request:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-request[aria-expanded=true]) span{color:var(--itd-color-text)}.itd-button.itd-button-request[aria-disabled=true],.itd-button.itd-button-request[disabled]{background-image:linear-gradient(90deg,#05b663,#028246 97%);background-image:linear-gradient(90deg,oklch(.681 .173 153.4),oklch(.532 .134 153.8) 97%)}:is(.itd-button.itd-button-request[disabled],.itd-button.itd-button-request[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-request[disabled],.itd-button.itd-button-request[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button.itd-button-approve{background-image:linear-gradient(90deg,#ffb143,#d88a1b);background-image:linear-gradient(90deg,oklch(.817 .151 71.7),oklch(.698 .146 68.1))}.itd-button.itd-button-approve div.icon svg,.itd-button.itd-button-approve span{color:var(--itd-color-text)}.itd-button.itd-button-approve:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-approve[aria-expanded=true]{background-image:linear-gradient(90deg,#ffc067,#ffb346);background-image:linear-gradient(90deg,#ffc067,color(display-p3 .95594 .71501 .35909));background-image:linear-gradient(90deg,oklch(.848 .128 74),oklch(.821 .149 72.3))}:is(.itd-button.itd-button-approve:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-approve[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-approve:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-approve[aria-expanded=true]) span{color:var(--itd-color-text)}.itd-button.itd-button-approve[aria-disabled=true],.itd-button.itd-button-approve[disabled]{background-image:linear-gradient(90deg,#c88930,#a86a13 98%);background-image:linear-gradient(90deg,oklch(.678 .127 71.3),oklch(.578 .121 67.9) 98%)}:is(.itd-button.itd-button-approve[disabled],.itd-button.itd-button-approve[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-approve[disabled],.itd-button.itd-button-approve[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button.itd-button-reject{background-image:linear-gradient(90deg,#b33939,#971b1b);background-image:linear-gradient(90deg,oklch(.523 .158 24.4),oklch(.44 .159 26.8))}.itd-button.itd-button-reject div.icon svg,.itd-button.itd-button-reject span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-reject:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-reject[aria-expanded=true]{background-image:linear-gradient(90deg,#dc5050,#c52d2d);background-image:linear-gradient(90deg,oklch(.62 .176 23.8),oklch(.541 .189 26.2))}:is(.itd-button.itd-button-reject:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-reject[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-reject:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-reject[aria-expanded=true]) span{color:#fff;color:oklch(1 0 0)}.itd-button.itd-button-reject[aria-disabled=true],.itd-button.itd-button-reject[disabled]{background-image:linear-gradient(90deg,#872626,#730f10);background-image:linear-gradient(90deg,oklch(.422 .132 24.8),oklch(.359 .133 27.1))}:is(.itd-button.itd-button-reject[disabled],.itd-button.itd-button-reject[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-reject[disabled],.itd-button.itd-button-reject[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button.itd-button-pending{cursor:default;background-color:#1f2952;background-color:oklch(.296 .075 270.9)}.itd-button.itd-button-pending div.icon svg,.itd-button.itd-button-pending span{color:#fff9;color:oklch(1 0 0/.6)}.itd-button.itd-button-pending:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-pending[aria-expanded=true]{background-color:#1f2952;background-color:oklch(.296 .075 270.9)}:is(.itd-button.itd-button-pending:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-pending[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-pending:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-pending[aria-expanded=true]) span{color:#fff9;color:oklch(1 0 0/.6)}.itd-button.itd-button-pending[aria-disabled=true],.itd-button.itd-button-pending[disabled]{background-color:#1f2952;background-color:oklch(.296 .075 270.9)}:is(.itd-button.itd-button-pending[disabled],.itd-button.itd-button-pending[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-pending[disabled],.itd-button.itd-button-pending[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button.itd-button-requested{cursor:default;background-color:#1f295280;background-color:oklch(.296 .075 270.9/.502)}.itd-button.itd-button-requested div.icon svg,.itd-button.itd-button-requested span{color:var(--itd-button-disabled-text)}.itd-button.itd-button-requested:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-requested[aria-expanded=true]{background-color:#1f295280;background-color:oklch(.296 .075 270.9/.502)}:is(.itd-button.itd-button-requested:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-requested[aria-expanded=true]) div.icon svg,:is(.itd-button.itd-button-requested:hover:where(:root:not(.itd-touch) *),.itd-button.itd-button-requested[aria-expanded=true]) span{color:var(--itd-button-disabled-text)}.itd-button.itd-button-requested[aria-disabled=true],.itd-button.itd-button-requested[disabled]{background-color:#1f295280;background-color:oklch(.296 .075 270.9/.502)}:is(.itd-button.itd-button-requested[disabled],.itd-button.itd-button-requested[aria-disabled=true]) div.icon svg,:is(.itd-button.itd-button-requested[disabled],.itd-button.itd-button-requested[aria-disabled=true]) span{color:var(--itd-button-disabled-ink)}.itd-button[aria-disabled=true],.itd-button[disabled]{pointer-events:none;cursor:not-allowed}.itd-button[aria-disabled=true]:not(.itd-button-custom),.itd-button[disabled]:not(.itd-button-custom){border:1px solid var(--itd-color-disabled-border)}.itd-button.itd-button-loading{cursor:progress}.itd-button.itd-button-loading>:not(.itd-spin-spinner){opacity:0}.itd-button:active:not([disabled]){transform:translateY(1px)}.itd-button:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}}

package/dist/css/calendar.css

@@ -0,0 +1 @@
+@layer components{.itd-calendar:not(.itd-calendar-range){width:17.5rem;border-radius:var(--itd-radius-sm);background-color:var(--itd-color-background-select);padding:.25rem .875rem .875rem}.itd-calendar:not(.itd-calendar-range)[data-has-time]{width:auto}.itd-calendar-body{display:flex;align-items:flex-start}.itd-calendar-main{width:15.75rem;flex:0 0 auto}.itd-calendar-footer,.itd-calendar-range-footer{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--itd-spacing) * 2);margin-top:calc(var(--itd-spacing) * 2.5);padding-top:calc(var(--itd-spacing) * 2.5);border-top:1px solid var(--itd-color-border)}.itd-calendar-footer .itd-calendar-now{margin-right:auto}.itd-calendar-separator{width:100%;height:1px;margin:.25rem 0;background-color:var(--itd-color-border)}.itd-calendar-header{display:flex;align-items:center;height:2.5rem}.itd-calendar-middle{flex:auto;display:flex;flex-direction:row;justify-content:center;align-items:center}.itd-calendar-middle div{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);cursor:pointer;padding:.125rem .375rem;border-radius:var(--itd-radius-sm);transition:color .15s ease-out;color:var(--itd-color-text)}.itd-calendar-middle div:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary)}.itd-calendar-middle div:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.125rem}.itd-calendar-next-month,.itd-calendar-next-year,.itd-calendar-prev-month,.itd-calendar-prev-year{display:flex;justify-content:center;align-items:center;cursor:pointer;flex:none;width:1.75rem;height:1.75rem;border-radius:var(--itd-radius-sm);transition:color .15s ease-out;color:var(--itd-color-text-muted)}.itd-calendar-next-month:hover:where(:root:not(.itd-touch) *),.itd-calendar-next-year:hover:where(:root:not(.itd-touch) *),.itd-calendar-prev-month:hover:where(:root:not(.itd-touch) *),.itd-calendar-prev-year:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-calendar-next-month:focus-visible,.itd-calendar-next-year:focus-visible,.itd-calendar-prev-month:focus-visible,.itd-calendar-prev-year:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.125rem}:is(.itd-calendar-next-month,.itd-calendar-next-year,.itd-calendar-prev-month,.itd-calendar-prev-year) span{position:relative;display:inline-block;width:.4375rem;height:.4375rem}.itd-calendar-prev-month span,.itd-calendar-prev-year span{transform:rotate(-45deg)}.itd-calendar-next-month span,.itd-calendar-next-year span{transform:rotate(135deg)}.itd-calendar-next-month span:after,.itd-calendar-next-month span:before,.itd-calendar-next-year span:after,.itd-calendar-next-year span:before,.itd-calendar-prev-month span:after,.itd-calendar-prev-month span:before,.itd-calendar-prev-year span:after,.itd-calendar-prev-year span:before{position:absolute;top:0;left:0;display:inline-block;width:.4375rem;height:.4375rem;border:0 solid;border-width:.125rem 0 0 .125rem;content:""}:is(.itd-calendar-next-year,.itd-calendar-prev-year) span:after{top:.25rem;left:.25rem}.itd-calendar-weekdays{display:grid;grid-gap:0;grid-template-columns:repeat(7,1fr);font-size:var(--itd-text-13);line-height:1.875rem;text-align:center}.itd-calendar-weekdays>div{display:flex;justify-content:center;align-items:center}.itd-calendar-weekdays>div span{color:var(--itd-color-text);font-weight:var(--itd-font-weight-bold)}.itd-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.25rem 0}.itd-calendar-day{appearance:none;-webkit-appearance:none;border:0;margin:0;padding:0;width:100%;font:inherit;background:#0000;position:relative;cursor:pointer;border-radius:var(--itd-radius-sm);display:flex;justify-content:center;align-items:center}.itd-calendar-day:before{position:absolute;top:50%;right:0;left:0;height:1.875rem;transform:translateY(-50%);content:"";transition:background-color .15s ease-out}@media (prefers-reduced-motion:reduce){.itd-calendar-day:before{transition:none}}.itd-calendar-day span{font-size:var(--itd-text-13);letter-spacing:-.5;font-weight:var(--itd-font-weight-medium);display:flex;justify-content:center;align-items:center;position:relative;min-width:1.875rem;height:1.875rem;line-height:1.875rem;border-radius:calc(infinity * 1px);transition:background-color .15s ease-out}.itd-calendar-day:hover:where(:root:not(.itd-touch) *){z-index:2}.itd-calendar-day:hover:where(:root:not(.itd-touch) *) span{color:var(--itd-primary);background-color:var(--itd-color-background-select-item-hover)}.itd-calendar-day:focus-visible{outline:none;z-index:3}.itd-calendar-day:focus-visible span{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.125rem}.itd-calendar-day-range-end,.itd-calendar-day-range-start,.itd-calendar-day-selected,.itd-calendar-day-today{z-index:2}.itd-calendar-day-today span{border:1px solid var(--itd-primary)}.itd-calendar-day-selected span{color:var(--itd-primary);background-color:var(--itd-color-background-select-item-selected)}.itd-calendar-day-current span{color:var(--itd-color-text)}.itd-calendar-day:where(:not(.itd-calendar-day-current)) span{color:var(--itd-color-text-muted)}.itd-calendar-day-in-range:before{background-color:var(--itd-color-background-select-item-selected)}.itd-calendar-day-in-range span{color:var(--itd-color-text)}.itd-calendar-day-range-start:where(:not(.itd-calendar-day-range-end)):before{left:50%;right:0;background-color:var(--itd-color-background-select-item-selected)}.itd-calendar-day-range-end:where(:not(.itd-calendar-day-range-start)):before{left:0;right:50%;background-color:var(--itd-color-background-select-item-selected)}.itd-calendar-day-range-end span,.itd-calendar-day-range-start span{color:var(--itd-primary-foreground);background-color:var(--itd-primary)}.itd-calendar-day-range-end:hover:where(:root:not(.itd-touch) *) span,.itd-calendar-day-range-start:hover:where(:root:not(.itd-touch) *) span{color:var(--itd-primary-foreground);background-color:var(--itd-primary-hover)}.itd-calendar-day-disabled{pointer-events:none}.itd-calendar-day-disabled:before{background-color:var(--itd-color-disabled-bg)}.itd-calendar-day-disabled span{background:0 0;color:var(--itd-color-disabled-text)}.itd-calendar-months{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem}.itd-calendar-years{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem}.itd-calendar-months .itd-calendar-month,.itd-calendar-years .itd-calendar-year{background:#0000;border:0;color:var(--itd-color-text);height:2.25rem;border-radius:var(--itd-radius-sm);cursor:pointer;font-size:var(--itd-text-sm)}.itd-calendar-months .itd-calendar-month:focus-visible,.itd-calendar-years .itd-calendar-year:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.125rem}.itd-calendar-months .itd-calendar-month-selected,.itd-calendar-years .itd-calendar-year-selected{background-color:var(--itd-color-background-select-item-selected);color:var(--itd-primary)}.itd-calendar-years .itd-calendar-year-outside{color:var(--itd-color-text-muted)}.itd-calendar-time{display:flex;align-self:stretch;margin-left:calc(var(--itd-spacing) * 2);padding-left:calc(var(--itd-spacing) * 2);border-left:1px solid var(--itd-color-border);gap:calc(var(--itd-spacing) * .5)}.itd-calendar-time-column{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;max-height:14.125rem;width:calc(var(--itd-spacing) * 12);scrollbar-width:thin;scrollbar-color:var(--itd-scrollbar-thumb) #0000}.itd-calendar-time-column[data-fill]{max-height:16.875rem}.itd-calendar-time-column::-webkit-scrollbar{width:.375rem}.itd-calendar-time-column::-webkit-scrollbar-thumb{background:var(--itd-scrollbar-thumb);border-radius:calc(var(--itd-border-radius) * .8)}.itd-calendar-time-cell{appearance:none;-webkit-appearance:none;border:0;margin:1px 0;flex:0 0 auto;font:inherit;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);background:#0000;color:var(--itd-color-text-muted);height:1.875rem;line-height:1.875rem;border-radius:var(--itd-radius-sm);text-align:center;cursor:pointer;transition:background-color .15s ease-out}.itd-calendar-time-cell:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary);background-color:var(--itd-color-background-select-item-hover)}.itd-calendar-time-cell:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:-.125rem}.itd-calendar-time-cell-selected{color:var(--itd-primary);background-color:var(--itd-color-background-select-item-selected);font-weight:var(--itd-font-weight-semibold)}.itd-calendar-range{display:flex;align-items:stretch;background-color:var(--itd-color-background-select);border-radius:var(--itd-radius-sm);overflow:hidden}.itd-calendar-range-presets{flex:0 0 auto;min-width:calc(var(--itd-spacing) * 30);max-width:calc(var(--itd-spacing) * 44);padding:calc(var(--itd-spacing) * 2);border-right:1px solid var(--itd-color-border);display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * .5);overflow-y:auto;max-height:calc(var(--itd-spacing) * 90)}.itd-calendar-range-preset{appearance:none;border:0;background:#0000;text-align:left;cursor:pointer;padding:calc(var(--itd-spacing) * 1.5) calc(var(--itd-spacing) * 2.5);border-radius:var(--itd-radius-sm);font-size:var(--itd-text-sm);color:var(--itd-color-text);white-space:nowrap;transition:background-color .15s ease,color .15s ease}.itd-calendar-range-preset:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-select-item-hover);color:var(--itd-primary)}.itd-calendar-range-preset:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:-.125rem}.itd-calendar-range-preset:where([data-active]){background-color:var(--itd-color-background-select-item-selected);color:var(--itd-primary)}.itd-calendar-range-calendars{padding:.25rem .875rem .875rem}.itd-calendar-range-panels{display:flex;align-items:flex-start;gap:calc(var(--itd-spacing) * 6)}.itd-calendar-range-panel{width:15.75rem;flex:0 0 auto}.itd-calendar-range-picker-panel{width:15.75rem}.itd-calendar-range-picker-panel[data-dual]{width:calc(15.75rem * 2 + var(--itd-spacing) * 6)}.itd-calendar[data-compact] :is(.itd-calendar-middle-decade,.itd-calendar-middle-month,.itd-calendar-middle-year){font-size:var(--itd-text-xs)}.itd-calendar[data-compact] .itd-calendar-weekdays{font-size:calc(var(--itd-text-xs) - .0625rem);line-height:1.5rem}.itd-calendar[data-compact] .itd-calendar-weekdays>div{height:1.5rem}.itd-calendar[data-compact] .itd-calendar-days{grid-gap:.125rem 0}.itd-calendar[data-compact] .itd-calendar-day:before{height:1.5rem}.itd-calendar[data-compact] .itd-calendar-day span{min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:calc(var(--itd-text-xs) - .0625rem)}.itd-calendar[data-compact] :is(.itd-calendar-months,.itd-calendar-years){grid-gap:.375rem}.itd-calendar[data-compact] :is(.itd-calendar-month,.itd-calendar-year){height:1.875rem;font-size:var(--itd-text-xs)}.itd-calendar[data-compact]:not(.itd-calendar-range){width:14.5rem;padding:.25rem .625rem .625rem}.itd-calendar[data-compact] .itd-calendar-main{width:12.25rem}[data-compact] .itd-calendar-time-column{max-height:13.625rem}[data-compact] .itd-calendar-time-cell{height:1.5rem;line-height:1.5rem;font-size:calc(var(--itd-text-xs) - .0625rem)}[data-compact] .itd-calendar-range-presets{padding:calc(var(--itd-spacing) * 1.25)}[data-compact] .itd-calendar-range-preset{font-size:var(--itd-text-13);padding:calc(var(--itd-spacing) * 1.25) calc(var(--itd-spacing) * 2)}[data-compact] .itd-calendar-range-calendars{padding:.125rem .625rem .625rem}[data-compact] .itd-calendar-range-panels{gap:calc(var(--itd-spacing) * 4)}[data-compact] .itd-calendar-range-panel,[data-compact] .itd-calendar-range-picker-panel{width:12.25rem}[data-compact] .itd-calendar-range-picker-panel[data-dual]{width:calc(12.25rem * 2 + var(--itd-spacing) * 4)}[data-compact] .itd-calendar-range-footer{margin-top:calc(var(--itd-spacing) * 1.5);padding-top:calc(var(--itd-spacing) * 1.5)}}

package/dist/css/card.css

@@ -0,0 +1 @@
+@layer components{.itd-card>.itd-spin{height:100%}.itd-card.itd-card-default{border:1px solid var(--itd-color-border)}.itd-card.itd-card-filled{box-shadow:var(--itd-card-shadow)}.itd-card.itd-card-default,.itd-card.itd-card-filled{background-color:var(--itd-card);color:var(--itd-card-foreground);border-radius:calc(var(--itd-border-radius) * 1.4);font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-card-content{padding-block:calc(var(--itd-spacing) * 6)}.itd-card-header:not(.itd-card-header-separator)+.itd-card-content{padding-block-start:0}.itd-card-title{font-size:var(--itd-text-default);line-height:var(--itd-text-default--line-height);font-weight:var(--itd-font-weight-medium);--itd-tracking:var(--itd-tracking-tight);letter-spacing:var(--itd-tracking-tight)}.itd-card .itd-card-body{display:flex;flex-direction:column}.itd-card-description{font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-card .itd-card-description{color:var(--itd-color-text-muted-foreground)}.itd-card .itd-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--itd-color-card-overlay);z-index:1000}.itd-card-header-separator{border-bottom:1px solid var(--itd-color-border)}.itd-card-footer{border-top:1px solid var(--itd-color-border);background-color:var(--itd-color-background-footer)}}

package/dist/css/casino-featured.css

@@ -0,0 +1 @@
+@layer components{.itd-casino-featured{display:grid;grid-template-columns:17.75rem repeat(var(--itd-casino-featured-cols,3),1fr) 17.75rem;gap:.75rem;height:var(--itd-casino-featured-height,23.75rem);min-height:var(--itd-casino-featured-height,23.75rem)}.itd-casino-featured[data-empty=true]{grid-template-columns:17.75rem 1fr 17.75rem}.itd-casino-panel{display:grid;grid-template-rows:3.375rem 1fr;overflow:hidden;min-height:0;height:100%;border-radius:var(--itd-radius-md);background-color:var(--itd-surface-box)}.itd-casino-panel-head{display:flex;align-items:center;gap:.375rem;padding:0 .9375rem;border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 6%,#0000)}.itd-casino-panel-head>svg{width:1rem;height:1rem;color:var(--itd-color-text)}.itd-casino-panel-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.itd-casino-panel-body{min-height:0;min-width:0;display:flex;flex-direction:column}.itd-casino-panel-scroll{flex:1;min-height:0;overflow-y:scroll;margin:.625rem .3125rem .625rem 0;scrollbar-width:auto;scrollbar-color:auto}@supports not selector(::-webkit-scrollbar){.itd-casino-panel-scroll{scrollbar-width:thin;scrollbar-color:oklch(from var(--itd-background) calc(min(l + .145, .85)) c h) oklch(from var(--itd-background) calc(min(l + .08, .93)) c h)}}.itd-casino-panel-scroll::-webkit-scrollbar{width:.375rem}.itd-casino-panel-scroll::-webkit-scrollbar-track{border-radius:var(--itd-radius-lg);background-color:oklch(from var(--itd-background) calc(min(l + .08, var(--itd-elev-nested, .93))) c h)}.itd-casino-panel-scroll::-webkit-scrollbar-thumb{border-radius:var(--itd-radius-lg);background-color:oklch(from var(--itd-background) calc(min(l + .145, var(--itd-elev-deep, .85))) c h);border:0;background-clip:initial}.itd-casino-panel-scroll::-webkit-scrollbar-thumb:hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--itd-background) calc(min(l + .23, var(--itd-elev-deep, .8))) c h)}.itd-casino-panel-list{margin:0;padding:0 .3125rem 0 .9375rem;list-style:none;display:flex;flex-direction:column;gap:.3125rem}.itd-casino-panel-row{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;border:0;border-radius:var(--itd-radius-lg);outline:2px solid oklch(from var(--itd-primary) l c h/0);outline-offset:-2px;background-color:oklch(from var(--itd-background) calc(min(l + .145, var(--itd-elev-nested, .94))) c h);color:inherit;font:inherit;text-align:start;cursor:pointer;transition:transform var(--itd-transition-duration) var(--itd-transition-timing-function),outline-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-casino-panel-row:hover:where(:root:not(.itd-touch) *){outline-color:var(--itd-primary);transform:scale(.975)}.itd-casino-row-thumb{flex:none;width:2.25rem;height:2.25rem;border-radius:var(--itd-radius-sm);object-fit:cover;background-color:oklch(from var(--itd-background) calc(min(l + .05, .9)) c h/50%)}.itd-casino-row-thumb--wide{width:3.5rem;height:2.5rem}.itd-casino-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.0625rem}.itd-casino-row-name{font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text)}.itd-casino-row-name,.itd-casino-row-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--itd-text-11);line-height:var(--itd-text-11--line-height)}.itd-casino-row-sub{color:var(--itd-color-text-neutral)}.itd-casino-row-amount{flex:none;font-size:var(--itd-text-11);line-height:var(--itd-text-11--line-height);font-weight:var(--itd-font-weight-bold);color:var(--itd-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.itd-casino-tournament .itd-casino-row-body .itd-casino-row-amount{align-self:flex-start;margin-top:.125rem;font-size:var(--itd-text-13)}.itd-casino-winners-tabs{display:inline-flex;gap:.3125rem}.itd-casino-see-all.itd-button,.itd-casino-winners-tab.itd-button{padding:.125rem .375rem;border-radius:var(--itd-radius-sm);font-size:var(--itd-text-10);line-height:var(--itd-text-10--line-height);font-weight:var(--itd-font-weight-semibold)}.itd-casino-winners-tab.itd-button{border-radius:var(--itd-radius-chip)}[data-theme=light] .itd-casino-see-all.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled),[data-theme=light] .itd-casino-winners-tab.itd-button:not([aria-pressed=true]):hover:where(:root:not(.itd-touch) *):not(:disabled){background:oklch(from var(--itd-background) calc(min(l + .068, .9)) calc(c * .8) h)}[data-itd-elevation=raised] .itd-casino-see-all.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled),[data-itd-elevation=raised] .itd-casino-winners-tab.itd-button:not([aria-pressed=true]):hover:where(:root:not(.itd-touch) *):not(:disabled){background:oklch(from var(--itd-background) .96 c h)}.itd-casino-winners-tab.itd-button[aria-pressed=true]:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:var(--itd-primary)}.itd-casino-featured-box{display:block;min-width:0;min-height:0;margin:0;padding:0;border:0;background:none;border-radius:var(--itd-radius-md);cursor:pointer}.itd-casino-featured-empty{display:flex;align-items:center;justify-content:center;height:100%}.itd-casino-featured-empty>span{display:block;max-width:25rem;padding:1.25rem .625rem;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text-neutral);text-align:center}}.itd-casino-see-all.itd-button,.itd-casino-winners-tab.itd-button{min-height:1.5rem;height:1.5rem;min-width:0}

package/dist/css/chart.css

@@ -0,0 +1 @@
+@layer components{.itd-chart{--_chart-s1:var(--itd-chart-series-1, var(--itd-primary));--_chart-s2:var(--itd-chart-series-2, var(--itd-color-progress-success-fill));--_chart-s3:var(--itd-chart-series-3, var(--itd-color-alert-error-title));--_chart-s4:var(--itd-chart-series-4, var(--itd-color-text-neutral));--_chart-grid:var(--itd-chart-grid, var(--itd-color-border));--_chart-tick:var(--itd-chart-tick, var(--itd-color-text-neutral));display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);width:100%}.itd-chart .recharts-text{font-size:var(--itd-text-xs);fill:var(--_chart-tick)}.itd-chart .recharts-cartesian-grid line{stroke:var(--_chart-grid)}.itd-chart .recharts-tooltip-cursor{stroke:var(--_chart-grid);fill:none}.itd-chart-tip{border-radius:var(--itd-radius);background:var(--itd-popover);color:var(--itd-color-text);box-shadow:var(--itd-floating-shadow);border:1px solid var(--itd-color-border);padding:calc(var(--itd-spacing) * 2.5) calc(var(--itd-spacing) * 3);display:grid;gap:calc(var(--itd-spacing) * 1.5);font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height)}.itd-chart-tip-title{font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text-muted)}.itd-chart-tip-row{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 1.5)}.itd-chart-tip-name{color:var(--itd-color-text-muted)}.itd-chart-tip-value{margin-left:auto;padding-left:calc(var(--itd-spacing) * 3)}.itd-chart-tip-value,.itd-chart-tip-value .itd-amount{font-weight:var(--itd-font-weight-semibold)}.itd-chart-swatch{width:.5rem;height:.5rem;border-radius:50%;flex:none}.itd-chart-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(var(--itd-spacing) * 1) calc(var(--itd-spacing) * 4);font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height);color:var(--itd-color-text-muted)}.itd-chart-legend-item{display:inline-flex;align-items:center;gap:calc(var(--itd-spacing) * 1.5)}.itd-chart-expand-poster{position:relative;width:100%;cursor:pointer}.itd-chart-expand-preview{position:absolute;inset:0;pointer-events:none;opacity:.5}.itd-chart-expand-scrim{position:absolute;inset:0;background:oklch(from var(--itd-background) l c h/.45)}.itd-chart-expand{position:absolute;top:50%;left:50%;translate:-50% -50%}.itd-chart-fullscreen-hint{position:absolute;top:calc(var(--itd-spacing) * 3);left:50%;translate:-50% 0;z-index:1;display:none;align-items:center;gap:calc(var(--itd-spacing) * 1.5);padding:calc(var(--itd-spacing) * 1.5) calc(var(--itd-spacing) * 3);border-radius:var(--itd-radius);background:var(--itd-popover);border:1px solid var(--itd-color-border);box-shadow:var(--itd-floating-shadow);font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height);color:var(--itd-color-text);pointer-events:none}.itd-chart-fullscreen-hint svg{width:1em;height:1em;flex:none}@media (orientation:portrait){.itd-chart-fullscreen-hint{display:inline-flex;animation:itd-chart-hint-fade 4s ease forwards}}@media (prefers-reduced-motion:reduce){.itd-chart-fullscreen-hint{animation:none}}@keyframes itd-chart-hint-fade{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}.itd-chart-fullscreen{position:fixed;inset:0;z-index:9999;background:var(--itd-background)}.itd-chart-fullscreen-stage{position:absolute;inset:0;display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);padding:calc(var(--itd-spacing) * 4) calc(var(--itd-spacing) * 4) calc(var(--itd-spacing) * 3);width:auto}@media (orientation:portrait){.itd-chart-fullscreen-stage{inset:auto;top:0;left:0;width:100vh;height:100vw;width:100dvh;height:100dvw;transform:rotate(90deg) translateY(-100%);transform-origin:top left}}.itd-chart-fullscreen-scroller{flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.itd-chart-fullscreen-scroller::-webkit-scrollbar{display:none}.itd-chart-fullscreen-canvas{height:100%;min-width:100%}.itd-chart-fullscreen-close{position:absolute;top:calc(var(--itd-spacing) * 2);right:calc(var(--itd-spacing) * 2);z-index:1}}

package/dist/css/checkbox.css

@@ -0,0 +1,3 @@
+@layer components{.itd-checkbox{display:flex;align-items:center;position:relative;min-height:calc(var(--itd-spacing) * 5)}.itd-checkbox .itd-checkbox-label{font-size:var(--itd-size-df-font);line-height:var(--itd-text-sm--line-height);font-weight:var(--itd-size-df-field-fw);transition-property:color;transition-duration:var(--itd-transition-duration);transition-timing-function:var(--itd-transition-timing-function)}:is(.itd-checkbox .itd-checkbox-label) a{text-decoration:none}:is(:is(.itd-checkbox .itd-checkbox-label) a):hover:where(:root:not(.itd-touch) *){text-decoration:underline}.itd-checkbox.itd-checkbox-readonly,.itd-checkbox.itd-checkbox-readonly .itd-checkbox-label{pointer-events:none}.itd-checkbox.itd-checkbox-disabled{cursor:not-allowed;pointer-events:auto}.itd-checkbox-inner-wrapper{gap:calc(var(--itd-spacing) * 2);flex-direction:row}.itd-checkbox-checkmark,.itd-checkbox-inner-wrapper{min-height:calc(var(--itd-spacing) * 5);display:flex;align-items:center;position:relative}.itd-checkbox-checkmark{justify-content:center;min-width:calc(var(--itd-spacing) * 5);border-radius:min(calc(var(--itd-border-radius) * .8),6px);transition:background-color var(--itd-transition-duration) var(--itd-transition-timing-function),border-color var(--itd-transition-duration) var(--itd-transition-timing-function),box-shadow var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-checkbox-checkmark:before{content:"";-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210.469%22%20viewBox%3D%220%200%2014%2010.469%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M12.145%200%205.012%206.618l-3.016-3.22L0%205.268l4.874%205.201L14%202.01z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210.469%22%20viewBox%3D%220%200%2014%2010.469%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M12.145%200%205.012%206.618l-3.016-3.22L0%205.268l4.874%205.201L14%202.01z%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:calc(var(--itd-spacing) * 3.5);height:calc(var(--itd-spacing) * 2.62);background-color:var(--itd-primary);transform:scale(.1);opacity:0}.itd-checkbox-checkmark[data-animated]:before{transition-property:transform;transition-duration:calc(var(--itd-transition-duration) / 2);transition-timing-function:var(--itd-transition-timing-function)}.itd-checkbox-checkmark[data-checked]:before{transform:scale(.85);opacity:.85}.itd-checkbox-checkmark[data-indeterminate]:before{-webkit-mask-image:none;mask-image:none;width:calc(var(--itd-spacing) * 2.5);height:calc(var(--itd-spacing) * .5);border-radius:2px;opacity:1;transform:none;background-color:var(--itd-primary-foreground)}.itd-checkbox-input{appearance:none;position:absolute;cursor:pointer;height:100%;width:100%;top:0;left:0;z-index:1;margin:0;padding:0;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);border-radius:min(calc(var(--itd-border-radius) * .8),6px);-webkit-user-select:none;user-select:none}.itd-checkbox-input[data-readonly=true]{transition:outline .1s linear}.itd-checkbox-input[data-readonly=false]{transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-checkbox-input svg{pointer-events:none}.itd-checkbox-input:focus-visible{border-color:var(--itd-color-focus-primary);outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring)}.itd-checkbox-error .itd-checkbox-input:focus-visible{border-color:var(--itd-color-error-border);outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-checkbox.itd-checkbox-error:not(.itd-checkbox-disabled) .itd-checkbox-label{color:var(--itd-color-alert-error-text)}.itd-checkbox.itd-checkbox-default input{border:1px solid var(--itd-color-border);box-shadow:var(--itd-box-shadow)}.itd-checkbox.itd-checkbox-default .itd-checkbox-checkmark{background-color:var(--itd-color-background-bordered)}.itd-checkbox.itd-checkbox-default .itd-checkbox-label{color:var(--itd-color-control-label)}:is(.itd-checkbox.itd-checkbox-default .itd-checkbox-label) a{color:var(--itd-primary)}:is(.itd-checkbox.itd-checkbox-default .itd-checkbox-label) a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary-hover)}.itd-checkbox.itd-checkbox-default.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) input{border:1px solid var(--itd-color-border-hover)}.itd-checkbox.itd-checkbox-default.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-default.itd-checkbox-selected input{border:1px solid var(--itd-primary)}.itd-checkbox.itd-checkbox-default.itd-checkbox-selected .itd-checkbox-checkmark:before{background-color:var(--itd-primary)}.itd-checkbox.itd-checkbox-default.itd-checkbox-selected .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-default:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-checkmark:before{background-color:var(--itd-primary)}.itd-checkbox.itd-checkbox-default:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-default:has(.itd-checkbox-checkmark[data-indeterminate]):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) input{border:1px solid var(--itd-primary)}.itd-checkbox.itd-checkbox-default.itd-checkbox-error input{border:1px solid var(--itd-color-error-border)}.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled input{border:1px solid var(--itd-color-disabled-border)}.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-checkmark{background-color:var(--itd-color-disabled-bg);pointer-events:none}:is(.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-checkmark):before{background-color:var(--itd-color-disabled-border)}:is(.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-checkmark) svg{fill:var(--itd-color-disabled-text)}.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-label{color:var(--itd-color-disabled-text);pointer-events:none}.itd-checkbox.itd-checkbox-default:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) input{border:1px solid var(--itd-color-border-hover)}.itd-checkbox.itd-checkbox-default:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-readonly){transition-property:all;transition-duration:var(--itd-transition-duration);transition-timing-function:var(--itd-transition-timing-function)}.itd-checkbox.itd-checkbox-filled .itd-checkbox-checkmark{background:var(--itd-color-background-alt-hover)}.itd-checkbox.itd-checkbox-filled .itd-checkbox-label{color:var(--itd-color-control-label)}:is(.itd-checkbox.itd-checkbox-filled .itd-checkbox-label) a{color:var(--itd-primary)}:is(.itd-checkbox.itd-checkbox-filled .itd-checkbox-label) a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary-hover)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) .itd-checkbox-checkmark{background:var(--itd-color-background-alt-hover)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) .itd-checkbox-label{color:var(--itd-color-text)}:is([data-theme=light] .itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-selected):not(.itd-checkbox-disabled)) .itd-checkbox-checkmark{background:var(--itd-checkbox-bg,var(--itd-color-background-alt-hover))}:is([data-theme=light] .itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-selected):not(.itd-checkbox-disabled)):not(.itd-checkbox-error):hover:where(:root:not(.itd-touch) *) .itd-checkbox-checkmark{background:var(
+        --itd-checkbox-bg-hover,oklch(from var(--itd-color-background-alt-hover) calc(l - .045) c h)
+      )}.itd-checkbox.itd-checkbox-filled.itd-checkbox-selected .itd-checkbox-checkmark{background:var(--itd-primary)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-selected .itd-checkbox-checkmark:before{background-color:var(--itd-primary-foreground)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-selected .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-filled:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-checkmark:before{background-color:var(--itd-primary)}.itd-checkbox.itd-checkbox-filled:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-error input{border:1px solid var(--itd-color-error-border)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled input{border:1px solid var(--itd-color-disabled-border)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-checkmark{background-color:var(--itd-color-disabled-bg);pointer-events:none}:is(.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-checkmark):before{background-color:var(--itd-color-disabled-border)}:is(.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-checkmark) svg{fill:var(--itd-color-disabled-text)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-label{color:var(--itd-color-disabled-text);pointer-events:none}.itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) .itd-checkbox-checkmark{background:var(--itd-color-background-alt-hover)}.itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-sm{min-height:calc(var(--itd-spacing) * 4)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-inner-wrapper{min-height:calc(var(--itd-spacing) * 4);gap:calc(var(--itd-spacing) * 1.5)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-checkmark{min-height:calc(var(--itd-spacing) * 4);min-width:calc(var(--itd-spacing) * 4)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-checkmark:before{width:calc(var(--itd-spacing) * 2.8);height:calc(var(--itd-spacing) * 2.1)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-checkmark[data-indeterminate]:before{width:calc(var(--itd-spacing) * 2);height:calc(var(--itd-spacing) * .4)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-label{font-size:var(--itd-size-sm-font);line-height:var(--itd-text-xs--line-height);font-weight:var(--itd-size-sm-field-fw)}.itd-checkbox.itd-checkbox-df{min-height:calc(var(--itd-spacing) * 5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-inner-wrapper{min-height:calc(var(--itd-spacing) * 5);gap:calc(var(--itd-spacing) * 2)}.itd-checkbox.itd-checkbox-df .itd-checkbox-checkmark{min-height:calc(var(--itd-spacing) * 5);min-width:calc(var(--itd-spacing) * 5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-checkmark:before{width:calc(var(--itd-spacing) * 3.5);height:calc(var(--itd-spacing) * 2.62)}.itd-checkbox.itd-checkbox-df .itd-checkbox-checkmark[data-indeterminate]:before{width:calc(var(--itd-spacing) * 2.5);height:calc(var(--itd-spacing) * .5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-label{font-size:var(--itd-size-df-font);line-height:var(--itd-text-sm--line-height)}.itd-checkbox.itd-checkbox-lg{min-height:calc(var(--itd-spacing) * 6)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-inner-wrapper{min-height:calc(var(--itd-spacing) * 6);gap:calc(var(--itd-spacing) * 2.5)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-checkmark{min-height:calc(var(--itd-spacing) * 6);min-width:calc(var(--itd-spacing) * 6)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-checkmark:before{width:calc(var(--itd-spacing) * 4.2);height:calc(var(--itd-spacing) * 3.14)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-checkmark[data-indeterminate]:before{width:calc(var(--itd-spacing) * 3);height:calc(var(--itd-spacing) * .6)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-label{font-size:var(--itd-size-lg-font);line-height:var(--itd-text-default--line-height);font-weight:var(--itd-size-lg-field-fw)}.itd-checkbox-group{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--itd-spacing) * 3)}}

package/dist/css/code-input.css

@@ -0,0 +1,7 @@
+@layer components{.itd-code-input{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 1.5);width:100%}.itd-code-input-box{position:relative;display:flex;gap:var(--itd-code-input-gap,calc(var(--itd-spacing) * 2));width:fit-content;max-width:100%;margin-inline:auto;cursor:text}.itd-code-input-field{position:absolute;inset:0;width:100%;box-sizing:border-box;margin:0;padding:0;border:0 #0000;outline:none;background:#0000;color:#0000;caret-color:#0000;font-family:inherit;cursor:text}.itd-code-input-field::selection{background:#0000}.itd-code-input-field:-webkit-autofill{opacity:0}.itd-code-input-field::-ms-clear,.itd-code-input-field::-ms-reveal{display:none}.itd-code-input-cell{flex:0 1 auto;min-width:0;position:relative;z-index:1;cursor:text;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:var(--itd-code-input-radius,var(--itd-radius-control));border:1px solid #0000;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);color:var(--itd-code-input-color,var(--itd-color-text));-webkit-user-select:none;user-select:none;transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function),box-shadow var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-code-input-cell[data-inactive]{color:var(--itd-color-text-muted)}.itd-code-input.itd-code-input-default .itd-code-input-cell{box-shadow:var(--itd-box-shadow);border-color:var(--itd-code-input-border,var(--itd-color-border));background-color:var(--itd-code-input-bg,var(--itd-color-background-bordered))}.itd-code-input.itd-code-input-default:not(.focused,.itd-code-input-disabled,.itd-code-input-locked,.itd-code-input-error):hover:where(:root:not(.itd-touch) *) .itd-code-input-cell{border-color:var(--itd-code-input-border-hover,var(--itd-color-border-hover))}.itd-code-input.itd-code-input-default .itd-code-input-cell[data-selected]{border-color:var(--itd-code-input-active-border,var(--itd-color-border-focus))}.itd-code-input.itd-code-input-filled .itd-code-input-cell{border:0;background-color:var(
+      --itd-code-input-bg,var(--itd-color-background-input,var(--itd-color-background-alt))
+    )}.itd-code-input.itd-code-input-filled:not(.focused,.itd-code-input-disabled,.itd-code-input-locked):hover:where(:root:not(.itd-touch) *) .itd-code-input-cell{background-color:var(--itd-code-input-bg-hover,var(--itd-color-background-alt-hover))}.itd-code-input.itd-code-input-filled .itd-code-input-cell[data-selected]{background-color:var(--itd-code-input-active-bg,var(--itd-color-background-alt-hover))}.itd-code-input .itd-code-input-cell[data-selected]{outline:var(--itd-ring-width) solid var(--itd-code-input-active-ring,var(--itd-color-border-focus-ring));color:var(--itd-code-input-active-color,var(--itd-code-input-color,var(--itd-color-text)))}.itd-code-input .itd-code-input-cell[data-range]{border-color:var(
+      --itd-code-input-range-border,var(--itd-code-input-active-border,var(--itd-color-border-focus))
+    );background-color:var(
+      --itd-code-input-range-bg,color-mix(in srgb,var(--itd-code-input-active-border,var(--itd-color-border-focus)) 16%,var(--itd-color-background-input,var(--itd-color-background-alt)))
+    );color:var(--itd-code-input-range-color,var(--itd-code-input-color,var(--itd-color-text)))}.itd-code-input.itd-code-input-filled .itd-code-input-cell[data-range]{border:0}.itd-code-input.itd-code-input-xs .itd-code-input-cell{height:var(--itd-code-input-h,var(--itd-size-xs-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing) * 5));font-size:var(--itd-code-input-font-size,var(--itd-size-xs-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-xs-field-fw))}.itd-code-input.itd-code-input-sm .itd-code-input-cell{height:var(--itd-code-input-h,var(--itd-size-sm-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing) * 6));font-size:var(--itd-code-input-font-size,var(--itd-size-sm-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-sm-field-fw))}.itd-code-input.itd-code-input-md .itd-code-input-cell{height:var(--itd-code-input-h,var(--itd-size-md-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing) * 7));font-size:var(--itd-code-input-font-size,var(--itd-size-md-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-md-field-fw))}.itd-code-input.itd-code-input-df .itd-code-input-cell{height:var(--itd-code-input-h,var(--itd-size-df-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing) * 8));font-size:var(--itd-code-input-font-size,var(--itd-size-df-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-df-field-fw))}.itd-code-input.itd-code-input-lg .itd-code-input-cell{height:var(--itd-code-input-h,var(--itd-size-lg-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing) * 8.5));font-size:var(--itd-code-input-font-size,var(--itd-size-lg-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-lg-field-fw))}.itd-code-input.itd-code-input-xlg .itd-code-input-cell{height:var(--itd-code-input-h,var(--itd-size-xlg-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing) * 9.5));font-size:var(--itd-code-input-font-size,var(--itd-size-xlg-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-xlg-field-fw))}.itd-code-input.itd-code-input-error .itd-code-input-cell{border-color:var(--itd-code-input-error-border,var(--itd-color-error-border))}.itd-code-input.itd-code-input-filled.itd-code-input-error .itd-code-input-cell{box-shadow:inset 0 0 0 1px var(--itd-code-input-error-border,var(--itd-color-error-border))}.itd-code-input.itd-code-input-error .itd-code-input-cell[data-selected]{border-color:var(--itd-code-input-error-border,var(--itd-color-error-border));outline-color:var(--itd-code-input-error-ring,var(--itd-color-error-outline))}.itd-code-input.itd-code-input-disabled .itd-code-input-cell{background-color:var(--itd-color-disabled-bg);border-color:var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}.itd-code-input.itd-code-input-filled.itd-code-input-disabled .itd-code-input-cell{border:0;box-shadow:inset 0 0 0 1px var(--itd-color-disabled-border)}.itd-code-input.itd-code-input-disabled :is(.itd-code-input-box,.itd-code-input-cell,.itd-code-input-field){cursor:not-allowed}.itd-code-input.itd-code-input-locked :is(.itd-code-input-box,.itd-code-input-cell,.itd-code-input-field){cursor:default}.itd-code-input-status{position:absolute;top:50%;right:calc(var(--itd-spacing) * -6);transform:translateY(-50%);display:flex;align-items:center;cursor:pointer}.itd-code-input-status svg circle{fill:var(--itd-color-error)}.itd-code-input-status svg path{fill:var(--itd-color-error-text)}}