@still-forest/canopy 0.57.1 → 0.58.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid}}}@layer components{.btn{cursor:pointer;border-radius:calc(var(--radius) - 2px);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;height:calc(var(--spacing,.25rem) * 9);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;outline-style:none;flex-shrink:0;display:inline-flex}.btn[data-submitting=true]>svg{animation:var(--animate-spin,spin 1s linear infinite)}.btn:disabled{pointer-events:none;opacity:.5}.btn:focus-visible{border-color:var(--color-ring,var(--ring));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring,var(--ring))}@supports (color:color-mix(in lab,red,red)){.btn:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring,var(--ring)) 50%, transparent)}}.btn[aria-invalid=true]{border-color:var(--color-danger,var(--danger));--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 20%, transparent)}}.btn[aria-invalid=true]:is(.dark *){--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn[aria-invalid=true]:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 40%, transparent)}}.btn:has(svg){padding-inline:calc(var(--spacing,.25rem) * 3)}.btn>svg{pointer-events:none;flex-shrink:0}.btn>svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.btn.btn--icon{width:calc(var(--spacing,.25rem) * 9);height:calc(var(--spacing,.25rem) * 9);padding:calc(var(--spacing,.25rem) * 2)!important}.btn.btn--xs{height:calc(var(--spacing,.25rem) * 6);gap:calc(var(--spacing,.25rem) * 1);padding-inline:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.btn.btn--xs.btn--icon{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);padding:calc(var(--spacing,.25rem) * 1)!important}.btn.btn--xs:has(svg){padding-inline:calc(var(--spacing,.25rem) * 1.5)}.btn.btn--sm{height:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 1.5);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.btn.btn--sm.btn--icon{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);padding:calc(var(--spacing,.25rem) * 2)!important}.btn.btn--sm:has(svg){padding-inline:calc(var(--spacing,.25rem) * 2.5)}.btn.btn--lg{height:calc(var(--spacing,.25rem) * 10);gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 6);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}.btn.btn--lg.btn--icon{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);padding:calc(var(--spacing,.25rem) * 2)!important}.btn.btn--lg:has(svg){padding-inline:calc(var(--spacing,.25rem) * 4)}.btn.btn--xl{height:calc(var(--spacing,.25rem) * 12);gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 8);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}.btn.btn--xl.btn--icon{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);padding:calc(var(--spacing,.25rem) * 3)!important}.btn.btn--xl:has(svg){padding-inline:calc(var(--spacing,.25rem) * 6)}.btn.btn--outline{border-style:var(--tw-border-style);background-color:var(--color-background,var(--background));border-width:1px}.btn.btn--outline:is(.dark *){border-color:var(--color-input,var(--input));background-color:var(--color-input,var(--input))}@supports (color:color-mix(in lab,red,red)){.btn.btn--outline:is(.dark *){background-color:color-mix(in oklab,var(--color-input,var(--input)) 30%,transparent)}}.btn.btn--outline:hover,.btn.btn--outline[aria-pressed=true]{background-color:var(--color-accent,var(--accent));color:var(--color-accent-foreground,var(--accent-foreground))}:is(.btn.btn--outline:hover,.btn.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-accent,var(--accent))}@supports (color:color-mix(in lab,red,red)){:is(.btn.btn--outline:hover,.btn.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-accent,var(--accent)) 50%,transparent)}}.btn.btn--knockout{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-foreground,var(--foreground));background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground))}.btn.btn--knockout:hover,.btn.btn--knockout[aria-pressed=true]{background-color:var(--color-foreground,var(--foreground));color:var(--color-background,var(--background))}.btn.btn--rounded{border-radius:3.40282e38px}.btn.btn--fit{width:fit-content}.btn-primary{border-color:var(--color-primary,var(--primary));background-color:var(--color-primary,var(--primary));color:var(--color-primary-foreground,var(--primary-foreground))}.btn-primary:hover,.btn-primary[aria-pressed=true]{background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.btn-primary:hover,.btn-primary[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 90%,transparent)}}.btn-primary.btn--outline{border-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.btn-primary.btn--outline{border-color:color-mix(in oklab,var(--color-primary,var(--primary)) 30%,transparent)}}.btn-primary.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-primary,var(--primary))}.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]{background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 10%,transparent)}}:is(.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){:is(.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 20%,transparent)}}.btn-primary.btn--knockout:hover,.btn-primary.btn--knockout[aria-pressed=true]{background-color:var(--color-primary,var(--primary));color:var(--color-background,var(--background))}.btn-secondary{border-color:var(--color-secondary,var(--secondary));background-color:var(--color-secondary,var(--secondary));color:var(--color-secondary-foreground,var(--secondary-foreground))}.btn-secondary:hover,.btn-secondary[aria-pressed=true]{background-color:var(--color-secondary,var(--secondary))}@supports (color:color-mix(in lab,red,red)){.btn-secondary:hover,.btn-secondary[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-secondary,var(--secondary)) 80%,transparent)}}.btn-secondary.btn--outline{border-color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.btn-secondary.btn--outline{border-color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 20%,transparent)}}.btn-secondary.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.btn-secondary.btn--outline{color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 80%,transparent)}}.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]{background-color:var(--color-secondary,var(--secondary))}@supports (color:color-mix(in lab,red,red)){.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-secondary,var(--secondary)) 10%,transparent)}}:is(.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-secondary,var(--secondary))}@supports (color:color-mix(in lab,red,red)){:is(.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-secondary,var(--secondary)) 20%,transparent)}}.btn-muted{border-color:var(--color-muted,var(--muted));background-color:var(--color-muted,var(--muted));color:var(--color-muted-foreground,var(--muted-foreground))}.btn-muted:focus-visible{--tw-ring-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-muted,var(--muted)) 20%, transparent)}}.btn-muted:is(.dark *){background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:is(.dark *){background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 60%,transparent)}}.btn-muted:is(.dark *):focus-visible{--tw-ring-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-muted,var(--muted)) 40%, transparent)}}.btn-muted:hover,.btn-muted[aria-pressed=true]{background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:hover,.btn-muted[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 90%,transparent)}}:is(.btn-muted:hover,.btn-muted[aria-pressed=true]):is(.dark *){background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){:is(.btn-muted:hover,.btn-muted[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 50%,transparent)}}.btn-muted.btn--outline{border-color:var(--color-muted-foreground,var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.btn-muted.btn--outline{border-color:color-mix(in oklab,var(--color-muted-foreground,var(--muted-foreground)) 30%,transparent)}}.btn-muted.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-muted-foreground,var(--muted-foreground))}.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]{background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 10%,transparent)}}:is(.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){:is(.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 20%,transparent)}}.btn-ghost{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0000}.btn-ghost:hover,.btn-ghost[aria-pressed=true]{background-color:var(--color-accent,var(--accent));color:var(--color-accent-foreground,var(--accent-foreground))}:is(.btn-ghost:hover,.btn-ghost[aria-pressed=true]):is(.dark *){background-color:var(--color-accent,var(--accent))}@supports (color:color-mix(in lab,red,red)){:is(.btn-ghost:hover,.btn-ghost[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-accent,var(--accent)) 50%,transparent)}}.btn-info{border-color:var(--color-info,var(--info));background-color:var(--color-info,var(--info));color:var(--color-info-foreground,var(--info-foreground))}.btn-info:is(.dark *){background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:is(.dark *){background-color:color-mix(in oklab,var(--color-info,var(--info)) 60%,transparent)}}.btn-info:hover,.btn-info[aria-pressed=true]{background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:hover,.btn-info[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-info,var(--info)) 90%,transparent)}}:is(.btn-info:hover,.btn-info[aria-pressed=true]):is(.dark *){background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){:is(.btn-info:hover,.btn-info[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-info,var(--info)) 50%,transparent)}}.btn-info:focus-visible{--tw-ring-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-info,var(--info)) 20%, transparent)}}.btn-info:focus-visible:is(.dark *){--tw-ring-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-info,var(--info)) 40%, transparent)}}.btn-info.btn--outline{border-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info.btn--outline{border-color:color-mix(in oklab,var(--color-info,var(--info)) 80%,transparent)}}.btn-info.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-info,var(--info))}.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]{background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-info,var(--info)) 10%,transparent)}}.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]{color:var(--color-info,var(--info))}:is(.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){:is(.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-info,var(--info)) 20%,transparent)}}.btn-success{border-color:var(--color-success,var(--success));background-color:var(--color-success,var(--success));color:var(--color-success-foreground,var(--success-foreground))}.btn-success:is(.dark *){background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:is(.dark *){background-color:color-mix(in oklab,var(--color-success,var(--success)) 60%,transparent)}}.btn-success:hover,.btn-success[aria-pressed=true]{background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:hover,.btn-success[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-success,var(--success)) 90%,transparent)}}:is(.btn-success:hover,.btn-success[aria-pressed=true]):is(.dark *){background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){:is(.btn-success:hover,.btn-success[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-success,var(--success)) 50%,transparent)}}.btn-success:focus-visible{--tw-ring-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-success,var(--success)) 20%, transparent)}}.btn-success:focus-visible:is(.dark *){--tw-ring-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-success,var(--success)) 40%, transparent)}}.btn-success.btn--outline{border-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success.btn--outline{border-color:color-mix(in oklab,var(--color-success,var(--success)) 80%,transparent)}}.btn-success.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-success,var(--success))}.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]{background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-success,var(--success)) 10%,transparent)}}.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]{color:var(--color-success,var(--success))}:is(.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){:is(.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-success,var(--success)) 20%,transparent)}}.btn-warning{border-color:var(--color-warning,var(--warning));background-color:var(--color-warning,var(--warning));color:var(--color-warning-foreground,var(--warning-foreground))}.btn-warning:is(.dark *){background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:is(.dark *){background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 60%,transparent)}}.btn-warning:hover,.btn-warning[aria-pressed=true]{background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:hover,.btn-warning[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 90%,transparent)}}:is(.btn-warning:hover,.btn-warning[aria-pressed=true]):is(.dark *){background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){:is(.btn-warning:hover,.btn-warning[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 50%,transparent)}}.btn-warning:focus-visible{--tw-ring-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-warning,var(--warning)) 20%, transparent)}}.btn-warning:focus-visible:is(.dark *){--tw-ring-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-warning,var(--warning)) 40%, transparent)}}.btn-warning.btn--outline{border-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning.btn--outline{border-color:color-mix(in oklab,var(--color-warning,var(--warning)) 80%,transparent)}}.btn-warning.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-warning,var(--warning))}.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]{background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 10%,transparent)}}.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]{color:var(--color-warning,var(--warning))}:is(.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){:is(.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 20%,transparent)}}.btn-danger{border-color:var(--color-danger,var(--danger));background-color:var(--color-danger,var(--danger));color:var(--color-danger-foreground,var(--danger-foreground))}.btn-danger:is(.dark *){background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:is(.dark *){background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 60%,transparent)}}.btn-danger:hover,.btn-danger[aria-pressed=true]{background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:hover,.btn-danger[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 90%,transparent)}}:is(.btn-danger:hover,.btn-danger[aria-pressed=true]):is(.dark *){background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){:is(.btn-danger:hover,.btn-danger[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 50%,transparent)}}.btn-danger:focus-visible{--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 20%, transparent)}}.btn-danger:focus-visible:is(.dark *){--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 40%, transparent)}}.btn-danger.btn--outline{border-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger.btn--outline{border-color:color-mix(in oklab,var(--color-danger,var(--danger)) 80%,transparent)}}.btn-danger.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-danger,var(--danger))}.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]{background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 10%,transparent)}}.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]{color:var(--color-danger,var(--danger))}:is(.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){:is(.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 20%,transparent)}}.btn-link{color:var(--color-foreground,var(--foreground));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0000}.btn-link:hover,.btn-link[aria-pressed=true]{text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:2px}.btn-link.btn--outline:hover,.btn-link.btn--outline[aria-pressed=true]{background-color:#0000}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{.button-group{align-items:stretch;width:fit-content;display:inline-flex}.button-group>:focus-visible,.button-group>:is(.dropdown-menu,.popover,.select)>button:focus-visible{z-index:10;position:relative}.button-group>hr[role=separator]{margin:calc(var(--spacing,.25rem) * 0);height:auto;width:calc(var(--spacing,.25rem) * 0);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input,var(--input));flex-shrink:0;align-self:stretch}.button-group:not([data-orientation=vertical])>:not(:first-of-type),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:first-of-type)>button{border-left-style:var(--tw-border-style);border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.button-group:not([data-orientation=vertical])>:not(:last-of-type),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:last-of-type)>button{border-top-right-radius:0;border-bottom-right-radius:0}.button-group[data-orientation=vertical]{flex-direction:column}.button-group[data-orientation=vertical]>hr[role=separator]{width:auto;height:1px}.button-group[data-orientation=vertical]>:not(:first-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:first-child)>button{border-top-style:var(--tw-border-style);border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.button-group[data-orientation=vertical]>:not(:last-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:last-child)>button{border-bottom-right-radius:0;border-bottom-left-radius:0}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}@layer components{.badge{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);cursor:default;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;border-style:var(--tw-border-style);background-color:var(--color-primary,var(--primary));width:fit-content;height:fit-content;color:var(--color-primary-foreground,var(--primary-foreground));border-width:1px;border-color:var(--color-primary,var(--primary));font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5);border-radius:3.40282e38px;display:inline-flex;overflow:hidden}.badge.badge-primary{background-color:var(--color-primary,var(--primary));color:var(--color-primary-foreground,var(--primary-foreground));border-color:var(--color-primary,var(--primary))}.badge.badge-primary.badge--outline{border-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.badge.badge-primary.badge--outline{border-color:color-mix(in oklab,var(--color-primary,var(--primary)) 50%,transparent)}}.badge.badge-primary.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-primary,var(--primary))}.badge.badge-secondary{background-color:var(--color-secondary,var(--secondary));color:var(--color-secondary-foreground,var(--secondary-foreground));border-color:var(--color-secondary,var(--secondary))}.badge.badge-secondary.badge--outline{border-color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.badge.badge-secondary.badge--outline{border-color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 20%,transparent)}}.badge.badge-secondary.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.badge.badge-secondary.badge--outline{color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 80%,transparent)}}.badge.badge-muted{background-color:var(--color-muted,var(--muted));color:var(--color-muted-foreground,var(--muted-foreground));border-color:var(--color-muted,var(--muted))}.badge.badge-muted.badge--outline{border-color:var(--color-muted-foreground,var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.badge.badge-muted.badge--outline{border-color:color-mix(in oklab,var(--color-muted-foreground,var(--muted-foreground)) 50%,transparent)}}.badge.badge-muted.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-muted-foreground,var(--muted-foreground))}.badge.badge-info{background-color:var(--color-info,var(--info));color:var(--color-info-foreground,var(--info-foreground));border-color:var(--color-info,var(--info))}.badge.badge-info.badge--outline{border-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.badge.badge-info.badge--outline{border-color:color-mix(in oklab,var(--color-info,var(--info)) 50%,transparent)}}.badge.badge-info.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-info,var(--info))}.badge.badge-success{background-color:var(--color-success,var(--success));color:var(--color-success-foreground,var(--success-foreground));border-color:var(--color-success,var(--success))}.badge.badge-success.badge--outline{border-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.badge.badge-success.badge--outline{border-color:color-mix(in oklab,var(--color-success,var(--success)) 50%,transparent)}}.badge.badge-success.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-success,var(--success))}.badge.badge-danger{background-color:var(--color-danger,var(--danger));color:var(--color-danger-foreground,var(--danger-foreground));border-color:var(--color-danger,var(--danger))}.badge.badge-danger.badge--outline{border-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.badge.badge-danger.badge--outline{border-color:color-mix(in oklab,var(--color-danger,var(--danger)) 50%,transparent)}}.badge.badge-danger.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-danger,var(--danger))}.badge.badge-warning{background-color:var(--color-warning,var(--warning));color:var(--color-warning-foreground,var(--warning-foreground));border-color:var(--color-warning,var(--warning))}.badge.badge-warning.badge--outline{border-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.badge.badge-warning.badge--outline{border-color:color-mix(in oklab,var(--color-warning,var(--warning)) 50%,transparent)}}.badge.badge-warning.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-warning,var(--warning))}.badge.badge-ghost{background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground));border-color:var(--color-border,var(--border))}.badge.badge-ghost.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground))}.badge.badge--outline{border-color:var(--color-border,var(--border));background-color:var(--color-background,var(--background));color:var(--color-primary,var(--primary))}.badge.badge--xs{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .25)}.badge.badge--sm{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5)}.badge.badge--md{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1)}.badge.badge--lg{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 1.5)}.badge.badge--xl{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 2)}.badge>svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
1
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid}}}.btn{cursor:pointer;border-radius:calc(var(--radius) - 2px);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;height:calc(var(--spacing,.25rem) * 9);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;outline-style:none;flex-shrink:0;display:inline-flex}.btn[data-submitting=true] .btn-icon{animation:var(--animate-spin,spin 1s linear infinite)}.btn:disabled{pointer-events:none;opacity:.5}.btn:focus-visible{border-color:var(--color-ring,var(--ring));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring,var(--ring))}@supports (color:color-mix(in lab,red,red)){.btn:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring,var(--ring)) 50%, transparent)}}.btn[aria-invalid=true]{border-color:var(--color-danger,var(--danger));--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 20%, transparent)}}.btn[aria-invalid=true]:is(.dark *){--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn[aria-invalid=true]:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 40%, transparent)}}.btn:has(svg){padding-inline:calc(var(--spacing,.25rem) * 3)}.btn>svg{pointer-events:none;flex-shrink:0}.btn>svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.btn.btn--icon{width:calc(var(--spacing,.25rem) * 9);height:calc(var(--spacing,.25rem) * 9);padding:calc(var(--spacing,.25rem) * 2)!important}.btn.btn--xs{height:calc(var(--spacing,.25rem) * 6);gap:calc(var(--spacing,.25rem) * 1);padding-inline:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.btn.btn--xs.btn--icon{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);padding:calc(var(--spacing,.25rem) * 1)!important}.btn.btn--xs:has(svg){padding-inline:calc(var(--spacing,.25rem) * 1.5)}.btn.btn--sm{height:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 1.5);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.btn.btn--sm.btn--icon{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);padding:calc(var(--spacing,.25rem) * 2)!important}.btn.btn--sm:has(svg){padding-inline:calc(var(--spacing,.25rem) * 2.5)}.btn.btn--lg{height:calc(var(--spacing,.25rem) * 10);gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 6);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}.btn.btn--lg.btn--icon{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);padding:calc(var(--spacing,.25rem) * 2)!important}.btn.btn--lg:has(svg){padding-inline:calc(var(--spacing,.25rem) * 4)}.btn.btn--xl{height:calc(var(--spacing,.25rem) * 12);gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 8);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}.btn.btn--xl.btn--icon{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);padding:calc(var(--spacing,.25rem) * 3)!important}.btn.btn--xl:has(svg){padding-inline:calc(var(--spacing,.25rem) * 6)}.btn.btn--outline{border-style:var(--tw-border-style);background-color:var(--color-background,var(--background));border-width:1px}.btn.btn--outline:is(.dark *){border-color:var(--color-input,var(--input));background-color:var(--color-input,var(--input))}@supports (color:color-mix(in lab,red,red)){.btn.btn--outline:is(.dark *){background-color:color-mix(in oklab,var(--color-input,var(--input)) 30%,transparent)}}.btn.btn--outline:hover,.btn.btn--outline[aria-pressed=true]{background-color:var(--color-accent,var(--accent));color:var(--color-accent-foreground,var(--accent-foreground))}:is(.btn.btn--outline:hover,.btn.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-accent,var(--accent))}@supports (color:color-mix(in lab,red,red)){:is(.btn.btn--outline:hover,.btn.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-accent,var(--accent)) 50%,transparent)}}.btn.btn--knockout{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-foreground,var(--foreground));background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground))}.btn.btn--knockout:hover,.btn.btn--knockout[aria-pressed=true]{background-color:var(--color-foreground,var(--foreground));color:var(--color-background,var(--background))}.btn.btn--rounded{border-radius:3.40282e38px}.btn.btn--fit{width:fit-content}.btn-primary{border-color:var(--color-primary,var(--primary));background-color:var(--color-primary,var(--primary));color:var(--color-primary-foreground,var(--primary-foreground))}.btn-primary:hover,.btn-primary[aria-pressed=true]{background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.btn-primary:hover,.btn-primary[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 90%,transparent)}}.btn-primary.btn--outline{border-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.btn-primary.btn--outline{border-color:color-mix(in oklab,var(--color-primary,var(--primary)) 30%,transparent)}}.btn-primary.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-primary,var(--primary))}.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]{background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 10%,transparent)}}:is(.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){:is(.btn-primary.btn--outline:hover,.btn-primary.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 20%,transparent)}}.btn-primary.btn--knockout:hover,.btn-primary.btn--knockout[aria-pressed=true]{background-color:var(--color-primary,var(--primary));color:var(--color-background,var(--background))}.btn-secondary{border-color:var(--color-secondary,var(--secondary));background-color:var(--color-secondary,var(--secondary));color:var(--color-secondary-foreground,var(--secondary-foreground))}.btn-secondary:hover,.btn-secondary[aria-pressed=true]{background-color:var(--color-secondary,var(--secondary))}@supports (color:color-mix(in lab,red,red)){.btn-secondary:hover,.btn-secondary[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-secondary,var(--secondary)) 80%,transparent)}}.btn-secondary.btn--outline{border-color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.btn-secondary.btn--outline{border-color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 20%,transparent)}}.btn-secondary.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.btn-secondary.btn--outline{color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 80%,transparent)}}.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]{background-color:var(--color-secondary,var(--secondary))}@supports (color:color-mix(in lab,red,red)){.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-secondary,var(--secondary)) 10%,transparent)}}:is(.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-secondary,var(--secondary))}@supports (color:color-mix(in lab,red,red)){:is(.btn-secondary.btn--outline:hover,.btn-secondary.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-secondary,var(--secondary)) 20%,transparent)}}.btn-muted{border-color:var(--color-muted,var(--muted));background-color:var(--color-muted,var(--muted));color:var(--color-muted-foreground,var(--muted-foreground))}.btn-muted:focus-visible{--tw-ring-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-muted,var(--muted)) 20%, transparent)}}.btn-muted:is(.dark *){background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:is(.dark *){background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 60%,transparent)}}.btn-muted:is(.dark *):focus-visible{--tw-ring-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-muted,var(--muted)) 40%, transparent)}}.btn-muted:hover,.btn-muted[aria-pressed=true]{background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted:hover,.btn-muted[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 90%,transparent)}}:is(.btn-muted:hover,.btn-muted[aria-pressed=true]):is(.dark *){background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){:is(.btn-muted:hover,.btn-muted[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 50%,transparent)}}.btn-muted.btn--outline{border-color:var(--color-muted-foreground,var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.btn-muted.btn--outline{border-color:color-mix(in oklab,var(--color-muted-foreground,var(--muted-foreground)) 30%,transparent)}}.btn-muted.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-muted-foreground,var(--muted-foreground))}.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]{background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 10%,transparent)}}:is(.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){:is(.btn-muted.btn--outline:hover,.btn-muted.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-muted,var(--muted)) 20%,transparent)}}.btn-ghost{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0000}.btn-ghost:hover,.btn-ghost[aria-pressed=true]{background-color:var(--color-accent,var(--accent));color:var(--color-accent-foreground,var(--accent-foreground))}:is(.btn-ghost:hover,.btn-ghost[aria-pressed=true]):is(.dark *){background-color:var(--color-accent,var(--accent))}@supports (color:color-mix(in lab,red,red)){:is(.btn-ghost:hover,.btn-ghost[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-accent,var(--accent)) 50%,transparent)}}.btn-info{border-color:var(--color-info,var(--info));background-color:var(--color-info,var(--info));color:var(--color-info-foreground,var(--info-foreground))}.btn-info:is(.dark *){background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:is(.dark *){background-color:color-mix(in oklab,var(--color-info,var(--info)) 60%,transparent)}}.btn-info:hover,.btn-info[aria-pressed=true]{background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:hover,.btn-info[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-info,var(--info)) 90%,transparent)}}:is(.btn-info:hover,.btn-info[aria-pressed=true]):is(.dark *){background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){:is(.btn-info:hover,.btn-info[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-info,var(--info)) 50%,transparent)}}.btn-info:focus-visible{--tw-ring-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-info,var(--info)) 20%, transparent)}}.btn-info:focus-visible:is(.dark *){--tw-ring-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-info,var(--info)) 40%, transparent)}}.btn-info.btn--outline{border-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info.btn--outline{border-color:color-mix(in oklab,var(--color-info,var(--info)) 80%,transparent)}}.btn-info.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-info,var(--info))}.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]{background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-info,var(--info)) 10%,transparent)}}.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]{color:var(--color-info,var(--info))}:is(.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){:is(.btn-info.btn--outline:hover,.btn-info.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-info,var(--info)) 20%,transparent)}}.btn-success{border-color:var(--color-success,var(--success));background-color:var(--color-success,var(--success));color:var(--color-success-foreground,var(--success-foreground))}.btn-success:is(.dark *){background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:is(.dark *){background-color:color-mix(in oklab,var(--color-success,var(--success)) 60%,transparent)}}.btn-success:hover,.btn-success[aria-pressed=true]{background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:hover,.btn-success[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-success,var(--success)) 90%,transparent)}}:is(.btn-success:hover,.btn-success[aria-pressed=true]):is(.dark *){background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){:is(.btn-success:hover,.btn-success[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-success,var(--success)) 50%,transparent)}}.btn-success:focus-visible{--tw-ring-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-success,var(--success)) 20%, transparent)}}.btn-success:focus-visible:is(.dark *){--tw-ring-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-success,var(--success)) 40%, transparent)}}.btn-success.btn--outline{border-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success.btn--outline{border-color:color-mix(in oklab,var(--color-success,var(--success)) 80%,transparent)}}.btn-success.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-success,var(--success))}.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]{background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-success,var(--success)) 10%,transparent)}}.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]{color:var(--color-success,var(--success))}:is(.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){:is(.btn-success.btn--outline:hover,.btn-success.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-success,var(--success)) 20%,transparent)}}.btn-warning{border-color:var(--color-warning,var(--warning));background-color:var(--color-warning,var(--warning));color:var(--color-warning-foreground,var(--warning-foreground))}.btn-warning:is(.dark *){background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:is(.dark *){background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 60%,transparent)}}.btn-warning:hover,.btn-warning[aria-pressed=true]{background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:hover,.btn-warning[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 90%,transparent)}}:is(.btn-warning:hover,.btn-warning[aria-pressed=true]):is(.dark *){background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){:is(.btn-warning:hover,.btn-warning[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 50%,transparent)}}.btn-warning:focus-visible{--tw-ring-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-warning,var(--warning)) 20%, transparent)}}.btn-warning:focus-visible:is(.dark *){--tw-ring-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-warning,var(--warning)) 40%, transparent)}}.btn-warning.btn--outline{border-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning.btn--outline{border-color:color-mix(in oklab,var(--color-warning,var(--warning)) 80%,transparent)}}.btn-warning.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-warning,var(--warning))}.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]{background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 10%,transparent)}}.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]{color:var(--color-warning,var(--warning))}:is(.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){:is(.btn-warning.btn--outline:hover,.btn-warning.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-warning,var(--warning)) 20%,transparent)}}.btn-danger{border-color:var(--color-danger,var(--danger));background-color:var(--color-danger,var(--danger));color:var(--color-danger-foreground,var(--danger-foreground))}.btn-danger:is(.dark *){background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:is(.dark *){background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 60%,transparent)}}.btn-danger:hover,.btn-danger[aria-pressed=true]{background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:hover,.btn-danger[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 90%,transparent)}}:is(.btn-danger:hover,.btn-danger[aria-pressed=true]):is(.dark *){background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){:is(.btn-danger:hover,.btn-danger[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 50%,transparent)}}.btn-danger:focus-visible{--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 20%, transparent)}}.btn-danger:focus-visible:is(.dark *){--tw-ring-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger:focus-visible:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-danger,var(--danger)) 40%, transparent)}}.btn-danger.btn--outline{border-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger.btn--outline{border-color:color-mix(in oklab,var(--color-danger,var(--danger)) 80%,transparent)}}.btn-danger.btn--outline{background-color:var(--color-background,var(--background));color:var(--color-danger,var(--danger))}.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]{background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]{background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 10%,transparent)}}.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]{color:var(--color-danger,var(--danger))}:is(.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]):is(.dark *){background-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){:is(.btn-danger.btn--outline:hover,.btn-danger.btn--outline[aria-pressed=true]):is(.dark *){background-color:color-mix(in oklab,var(--color-danger,var(--danger)) 20%,transparent)}}.btn-link{color:var(--color-foreground,var(--foreground));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0000}.btn-link:hover,.btn-link[aria-pressed=true]{text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:2px}.btn-link.btn--outline:hover,.btn-link.btn--outline[aria-pressed=true]{background-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.button-group{align-items:stretch;width:fit-content;display:inline-flex}.button-group>:focus-visible,.button-group>:is(.dropdown-menu,.popover,.select)>button:focus-visible{z-index:10;position:relative}.button-group>hr[role=separator]{margin:calc(var(--spacing,.25rem) * 0);height:auto;width:calc(var(--spacing,.25rem) * 0);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input,var(--input));flex-shrink:0;align-self:stretch}.button-group:not([data-orientation=vertical])>:not(:first-of-type),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:first-of-type)>button{border-left-style:var(--tw-border-style);border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.button-group:not([data-orientation=vertical])>:not(:last-of-type),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:last-of-type)>button{border-top-right-radius:0;border-bottom-right-radius:0}.button-group[data-orientation=vertical]{flex-direction:column}.button-group[data-orientation=vertical]>hr[role=separator]{width:auto;height:1px}.button-group[data-orientation=vertical]>:not(:first-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:first-child)>button{border-top-style:var(--tw-border-style);border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.button-group[data-orientation=vertical]>:not(:last-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:last-child)>button{border-bottom-right-radius:0;border-bottom-left-radius:0}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial}}}.alert{border-radius:calc(var(--radius) - 2px);gap:calc(var(--spacing,.25rem) * 4);padding:calc(var(--spacing,.25rem) * 4);color:var(--color-background,var(--background));display:flex}.alert.alert-info{background-color:var(--color-info,var(--info))}.alert.alert-success{background-color:var(--color-success,var(--success))}.alert.alert-warning{background-color:var(--color-warning,var(--warning))}.alert.alert-danger{background-color:var(--color-danger,var(--danger))}.alert-media>svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.alert-content{gap:calc(var(--spacing,.25rem) * 1);flex-grow:1;display:flex}@media(min-width:48rem){.alert-content{flex-direction:column;align-items:flex-start}}.alert-title{--tw-leading:1;--tw-font-weight:var(--font-weight-semibold,600);line-height:1;font-weight:var(--font-weight-semibold,600);color:inherit}.alert-description{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));text-wrap:balance;color:inherit}.alert-actions{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-grow:1;display:flex}.alert-actions>.btn-primary{border-color:var(--color-background,var(--background));background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground))}.alert-actions>.btn-primary:hover{border-color:inherit;background-color:var(--color-background,var(--background))}@supports (color:color-mix(in lab,red,red)){.alert-actions>.btn-primary:hover{background-color:color-mix(in oklab,var(--color-background,var(--background)) 80%,transparent)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}.badge{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);cursor:default;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;border-style:var(--tw-border-style);background-color:var(--color-primary,var(--primary));width:fit-content;height:fit-content;color:var(--color-primary-foreground,var(--primary-foreground));border-width:1px;border-color:var(--color-primary,var(--primary));font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5);border-radius:3.40282e38px;display:inline-flex;overflow:hidden}.badge.badge-primary{background-color:var(--color-primary,var(--primary));color:var(--color-primary-foreground,var(--primary-foreground));border-color:var(--color-primary,var(--primary))}.badge.badge-primary.badge--outline{border-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.badge.badge-primary.badge--outline{border-color:color-mix(in oklab,var(--color-primary,var(--primary)) 50%,transparent)}}.badge.badge-primary.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-primary,var(--primary))}.badge.badge-secondary{background-color:var(--color-secondary,var(--secondary));color:var(--color-secondary-foreground,var(--secondary-foreground));border-color:var(--color-secondary,var(--secondary))}.badge.badge-secondary.badge--outline{border-color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.badge.badge-secondary.badge--outline{border-color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 20%,transparent)}}.badge.badge-secondary.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-secondary-foreground,var(--secondary-foreground))}@supports (color:color-mix(in lab,red,red)){.badge.badge-secondary.badge--outline{color:color-mix(in oklab,var(--color-secondary-foreground,var(--secondary-foreground)) 80%,transparent)}}.badge.badge-muted{background-color:var(--color-muted,var(--muted));color:var(--color-muted-foreground,var(--muted-foreground));border-color:var(--color-muted,var(--muted))}.badge.badge-muted.badge--outline{border-color:var(--color-muted-foreground,var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.badge.badge-muted.badge--outline{border-color:color-mix(in oklab,var(--color-muted-foreground,var(--muted-foreground)) 50%,transparent)}}.badge.badge-muted.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-muted-foreground,var(--muted-foreground))}.badge.badge-info{background-color:var(--color-info,var(--info));color:var(--color-info-foreground,var(--info-foreground));border-color:var(--color-info,var(--info))}.badge.badge-info.badge--outline{border-color:var(--color-info,var(--info))}@supports (color:color-mix(in lab,red,red)){.badge.badge-info.badge--outline{border-color:color-mix(in oklab,var(--color-info,var(--info)) 50%,transparent)}}.badge.badge-info.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-info,var(--info))}.badge.badge-success{background-color:var(--color-success,var(--success));color:var(--color-success-foreground,var(--success-foreground));border-color:var(--color-success,var(--success))}.badge.badge-success.badge--outline{border-color:var(--color-success,var(--success))}@supports (color:color-mix(in lab,red,red)){.badge.badge-success.badge--outline{border-color:color-mix(in oklab,var(--color-success,var(--success)) 50%,transparent)}}.badge.badge-success.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-success,var(--success))}.badge.badge-danger{background-color:var(--color-danger,var(--danger));color:var(--color-danger-foreground,var(--danger-foreground));border-color:var(--color-danger,var(--danger))}.badge.badge-danger.badge--outline{border-color:var(--color-danger,var(--danger))}@supports (color:color-mix(in lab,red,red)){.badge.badge-danger.badge--outline{border-color:color-mix(in oklab,var(--color-danger,var(--danger)) 50%,transparent)}}.badge.badge-danger.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-danger,var(--danger))}.badge.badge-warning{background-color:var(--color-warning,var(--warning));color:var(--color-warning-foreground,var(--warning-foreground));border-color:var(--color-warning,var(--warning))}.badge.badge-warning.badge--outline{border-color:var(--color-warning,var(--warning))}@supports (color:color-mix(in lab,red,red)){.badge.badge-warning.badge--outline{border-color:color-mix(in oklab,var(--color-warning,var(--warning)) 50%,transparent)}}.badge.badge-warning.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-warning,var(--warning))}.badge.badge-ghost{background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground));border-color:var(--color-border,var(--border))}.badge.badge-ghost.badge--outline{background-color:var(--color-background,var(--background));color:var(--color-foreground,var(--foreground))}.badge.badge--outline{border-color:var(--color-border,var(--border));background-color:var(--color-background,var(--background));color:var(--color-primary,var(--primary))}.badge.badge--xs{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .25)}.badge.badge--sm{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5)}.badge.badge--md{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1)}.badge.badge--lg{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 1.5)}.badge.badge--xl{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 2)}.badge>svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}.placeholder .placeholder-media>svg{width:calc(var(--spacing,.25rem) * 18);height:calc(var(--spacing,.25rem) * 18)}.placeholder:not(.placeholder--compact){min-width:calc(var(--spacing,.25rem) * 0);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius);--tw-border-style:dashed;padding:calc(var(--spacing,.25rem) * 6);text-align:center;text-wrap:balance;border-style:dashed;flex-direction:column;flex:1;display:flex}@media(min-width:48rem){.placeholder:not(.placeholder--compact){padding:calc(var(--spacing,.25rem) * 12)}}.placeholder:not(.placeholder--compact) .placeholder-header{max-width:var(--container-sm,24rem);align-items:center;gap:calc(var(--spacing,.25rem) * 2);text-align:center;flex-direction:column;display:flex}.placeholder:not(.placeholder--compact) .placeholder-header .placeholder-description{color:var(--color-muted-foreground,var(--muted-foreground))}.placeholder:not(.placeholder--compact) .placeholder-content{width:100%;max-width:var(--container-sm,24rem);min-width:calc(var(--spacing,.25rem) * 0);align-items:center;gap:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));text-wrap:balance;flex-direction:column;display:flex}.placeholder.placeholder--compact{align-items:center;gap:calc(var(--spacing,.25rem) * 4);display:flex}.placeholder.placeholder--compact .placeholder-media>svg{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);display:none}@media(min-width:40rem){.placeholder.placeholder--compact .placeholder-media>svg{display:block}}.placeholder.placeholder--compact .placeholder-header{flex-direction:column;display:flex}.placeholder.placeholder--compact .placeholder-header .placeholder-description{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-muted-foreground,var(--muted-foreground))}.placeholder.placeholder--compact .placeholder-content{flex-shrink:0}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid}}}.field{align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;width:100%;display:flex}.field.field--vertical{flex-direction:column}.field.field--vertical>*{width:100%}.field.field--vertical>.sr-only{width:auto}.field.field--horizontal{flex-direction:row;align-items:center}.field.field--horizontal>.field-label{flex:auto}.field.field--horizontal:has(>.field-content){align-items:flex-start}.field.field--horizontal:has(>.field-content)>[role=checkbox],.field.field--horizontal:has(>.field-content)>[data-slot=checkbox],.field.field--horizontal:has(>.field-content)>[role=radio]{margin-top:calc(var(--spacing,.25rem) * .5)}.field-group{gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;width:100%;display:flex}.field-group:has(>[data-slot=field-group]){gap:calc(var(--spacing,.25rem) * 4)}.field-group:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing,.25rem) * 2)}.field-label-group{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.field-label-group:has(.badge){justify-content:space-between}.field-label{gap:calc(var(--spacing,.25rem) * 2);width:fit-content;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);display:flex}.field-label:has([data-checked]){border-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.field-label:has([data-checked]){border-color:color-mix(in oklab,var(--color-primary,var(--primary)) 30%,transparent)}}.field-label:has([data-checked]){background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.field-label:has([data-checked]){background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 5%,transparent)}}.field-label:where(.dark,.dark *):has([data-checked]){border-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.field-label:where(.dark,.dark *):has([data-checked]){border-color:color-mix(in oklab,var(--color-primary,var(--primary)) 20%,transparent)}}.field-label:where(.dark,.dark *):has([data-checked]){background-color:var(--color-primary,var(--primary))}@supports (color:color-mix(in lab,red,red)){.field-label:where(.dark,.dark *):has([data-checked]){background-color:color-mix(in oklab,var(--color-primary,var(--primary)) 10%,transparent)}}.field[data-disabled=true] .field-label{opacity:.5}.field-label:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;flex-direction:column;width:100%}.field-label>[data-slot=field]{padding:calc(var(--spacing,.25rem) * 3)}.field-description{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-muted-foreground,var(--muted-foreground))}.field-error{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-destructive,var(--danger))}.field-content{gap:calc(var(--spacing,.25rem) * 1);--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);flex-direction:column;flex:1;display:flex}.field-title{align-items:center;gap:calc(var(--spacing,.25rem) * 2);width:fit-content;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);display:flex}@property --tw-leading{syntax:"*";inherits:false}.layout-container{width:100%;padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * 2)}@media(min-width:40rem){.layout-container{padding-inline:calc(var(--spacing,.25rem) * 2)}}@media(min-width:48rem){.layout-container{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 4)}}.layout-container{flex-direction:column;display:flex}.layout-container[data-slot=container]+[data-slot=container]{margin-top:calc(var(--spacing,.25rem) * 8)}.layout-container.layout-container--sm{max-width:var(--container-lg,32rem)}.layout-container.layout-container--md{max-width:var(--container-2xl,42rem)}.layout-container.layout-container--lg{max-width:var(--container-3xl,48rem)}.layout-container.layout-container--xl{max-width:var(--container-4xl,56rem)}.layout-container.layout-container--centered{margin-inline:auto}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}.input{height:calc(var(--spacing,.25rem) * 9);width:100%;min-width:calc(var(--spacing,.25rem) * 0);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input,var(--input));padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;background-color:#0000;outline-style:none}.input::placeholder{color:var(--color-muted-foreground,var(--muted-foreground))}.input:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:48rem){.input{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.input[type=file]{height:calc(var(--spacing,.25rem) * 7);border-style:var(--tw-border-style);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-foreground,var(--foreground));background-color:#0000;border-width:0;display:inline-flex}.input:focus-visible{border-color:var(--color-ring,var(--ring));--tw-ring-color:var(--color-ring,var(--ring))}@supports (color:color-mix(in lab,red,red)){.input:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring,var(--ring)) 50%, transparent)}}.input[aria-invalid=true]{border-color:var(--color-destructive,var(--danger));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.input[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive,var(--danger)) 20%, transparent)}}.input:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.dark .input{background-color:var(--color-input,var(--input))}@supports (color:color-mix(in lab,red,red)){.dark .input{background-color:color-mix(in oklab,var(--color-input,var(--input)) 30%,transparent)}}.dark .input[aria-invalid=true]{border-color:var(--color-destructive,var(--danger));--tw-ring-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.dark .input[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive,var(--danger)) 40%, transparent)}}.input.input--sm{height:calc(var(--spacing,.25rem) * 8);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.input.input--lg{height:calc(var(--spacing,.25rem) * 10);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}@media(min-width:48rem){.input.input--lg{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}.input-group{height:calc(var(--spacing,.25rem) * 9);width:100%;min-width:calc(var(--spacing,.25rem) * 0);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input,var(--input));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;outline-style:none;align-items:center;display:flex;position:relative}.input-group:has([data-slot=input-group-control]:focus-visible){border-color:var(--color-ring,var(--ring));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring,var(--ring))}@supports (color:color-mix(in lab,red,red)){.input-group:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab, var(--color-ring,var(--ring)) 50%, transparent)}}.input-group:has([data-slot][aria-invalid=true]){border-color:var(--color-destructive,var(--danger));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.input-group:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--color-destructive,var(--danger)) 20%, transparent)}}.input-group:has(:disabled){opacity:.5}.input-group:has(>.input-group-addon--block-start),.input-group:has(>.input-group-addon--block-end){flex-direction:column;height:auto}.input-group:has(>textarea){height:auto}.input-group:has(>.input-group-addon--block-start)>input{padding-bottom:calc(var(--spacing,.25rem) * 3)}.input-group:has(>.input-group-addon--block-end)>input{padding-top:calc(var(--spacing,.25rem) * 3)}.input-group:has(>.input-group-addon--inline-start)>input{padding-left:calc(var(--spacing,.25rem) * 1.5)}.input-group:has(>.input-group-addon--inline-end)>input{padding-right:calc(var(--spacing,.25rem) * 1.5)}[data-slot=combobox-content] .input-group:focus-within{border-color:inherit;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark .input-group{background-color:var(--color-input,var(--input))}@supports (color:color-mix(in lab,red,red)){.dark .input-group{background-color:color-mix(in oklab,var(--color-input,var(--input)) 30%,transparent)}}.dark .input-group:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.dark .input-group:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--color-destructive,var(--danger)) 40%, transparent)}}.dark .input-group:has(:disabled){background-color:var(--color-input,var(--input))}@supports (color:color-mix(in lab,red,red)){.dark .input-group:has(:disabled){background-color:color-mix(in oklab,var(--color-input,var(--input)) 80%,transparent)}}.input-group [data-slot=input-group-control]{height:calc(var(--spacing,.25rem) * 8);width:100%;min-width:calc(var(--spacing,.25rem) * 0);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-shadow:0 0 #0000;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;background-color:#0000;border-width:0;border-radius:0;outline-style:none;flex:1}@media(min-width:48rem){.input-group [data-slot=input-group-control]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.input-group [data-slot=input-group-control]::placeholder{color:var(--color-muted-foreground,var(--muted-foreground))}.input-group [data-slot=input-group-control]::file-selector-button{display:inline-flex}.input-group [data-slot=input-group-control]::file-selector-button{height:calc(var(--spacing,.25rem) * 6)}.input-group [data-slot=input-group-control]::file-selector-button{border-style:var(--tw-border-style);border-width:0}.input-group [data-slot=input-group-control]::file-selector-button{background-color:#0000}.input-group [data-slot=input-group-control]::file-selector-button{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.input-group [data-slot=input-group-control]::file-selector-button{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.input-group [data-slot=input-group-control]::file-selector-button{color:var(--color-foreground,var(--foreground))}.input-group [data-slot=input-group-control]:disabled{pointer-events:none;cursor:not-allowed;opacity:.5;background-color:#0000}.input-group [data-slot=input-group-control]:focus-visible,.input-group [data-slot=input-group-control][aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark :is(.input-group [data-slot=input-group-control]),.dark :is(.input-group [data-slot=input-group-control]):disabled{background-color:#0000}.input-group-addon{cursor:text;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);height:auto;padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);-webkit-user-select:none;user-select:none;color:var(--color-muted-foreground,var(--muted-foreground));display:flex}.input-group-addon:has(>svg:not([class*=size-]))>svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.input-group-addon>kbd{border-radius:calc(var(--radius) - 5px)}[data-disabled=true].input-group .input-group-addon{opacity:.5}.input-group-addon.input-group-addon--inline-start{padding-left:calc(var(--spacing,.25rem) * 2);order:-9999}.input-group-addon.input-group-addon--inline-start:has(>button){margin-left:-.3rem}.input-group-addon.input-group-addon--inline-start:has(>kbd){margin-left:-.15rem}.input-group-addon.input-group-addon--inline-end{padding-right:calc(var(--spacing,.25rem) * 2);order:9999}.input-group-addon.input-group-addon--inline-end:has(>button){margin-right:-.3rem}.input-group-addon.input-group-addon--inline-end:has(>kbd){margin-right:-.15rem}.input-group-addon.input-group-addon--block-start{width:100%;padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-top:calc(var(--spacing,.25rem) * 2);order:-9999;justify-content:flex-start}.input-group-addon.input-group-addon--block-start:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing,.25rem) * 2)}.input-group-addon.input-group-addon--block-start.border-b{padding-bottom:calc(var(--spacing,.25rem) * 2)}.input-group-addon.input-group-addon--block-end{width:100%;padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-bottom:calc(var(--spacing,.25rem) * 2);order:9999;justify-content:flex-start}.input-group-addon.input-group-addon--block-end:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing,.25rem) * 2)}.input-group-addon.input-group-addon--block-end.border-t{padding-top:calc(var(--spacing,.25rem) * 2)}.input-group-text{align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-muted-foreground,var(--muted-foreground));display:flex}.input-group-text>svg{pointer-events:none}.input-group-text>svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.input-group-textarea{resize:none;border-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 2);--tw-shadow:0 0 #0000;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;border-width:0;border-radius:0;flex:1}.input-group-textarea:is(.dark *){background-color:#0000}.input-group-textarea:focus-visible,.input-group-textarea[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@property --tw-font-weight{syntax:"*";inherits:false}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.textarea{field-sizing:content;border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input,var(--input));--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;background-color:#0000;outline-style:none;display:flex}.textarea:is(.dark *){background-color:var(--color-input,var(--input))}@supports (color:color-mix(in lab,red,red)){.textarea:is(.dark *){background-color:color-mix(in oklab,var(--color-input,var(--input)) 30%,transparent)}}.textarea{min-height:calc(var(--spacing,.25rem) * 16);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.textarea::placeholder{color:var(--color-muted-foreground,var(--muted-foreground))}@media(min-width:48rem){.textarea{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.textarea:focus-visible{border-color:var(--color-ring,var(--ring));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring,var(--ring))}@supports (color:color-mix(in lab,red,red)){.textarea:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring,var(--ring)) 50%, transparent)}}.textarea[aria-invalid=true]{border-color:var(--color-destructive,var(--danger));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.textarea[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive,var(--danger)) 20%, transparent)}}.textarea[aria-invalid=true]:is(.dark *){border-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.textarea[aria-invalid=true]:is(.dark *){border-color:color-mix(in oklab,var(--color-destructive,var(--danger)) 50%,transparent)}}.textarea[aria-invalid=true]:is(.dark *){--tw-ring-color:var(--color-destructive,var(--danger))}@supports (color:color-mix(in lab,red,red)){.textarea[aria-invalid=true]:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-destructive,var(--danger)) 40%, transparent)}}.textarea:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.interstitial{width:100%;padding-inline:calc(var(--spacing,.25rem) * 4);flex-direction:column;justify-content:center;align-items:center;margin-inline:auto;display:flex}@media(min-width:48rem){.interstitial{max-width:calc(var(--spacing,.25rem) * 96)}}.interstitial{height:100%;min-height:70vh}.interstitial.interstitial--fit{min-height:auto}.interstitial .interstitial-icon{width:calc(var(--spacing,.25rem) * 24);height:calc(var(--spacing,.25rem) * 24)}.interstitial .interstitial-icon:has(+.interstitial-headline),.interstitial .interstitial-icon:has(+.interstitial-message){margin-bottom:calc(var(--spacing,.25rem) * 8)}.interstitial .interstitial-headline{text-align:center}.interstitial .interstitial-headline:has(+.interstitial-message){margin-bottom:calc(var(--spacing,.25rem) * 2)}.interstitial .interstitial-headline+.interstitial-message{color:var(--color-muted-foreground,var(--muted-foreground))}.interstitial .interstitial-message{text-align:center;text-wrap:balance}.interstitial .interstitial-message:not(:last-child){margin-bottom:calc(var(--spacing,.25rem) * 2)}.interstitial .interstitial-message:first-of-type:not(:only-of-type){margin-top:calc(var(--spacing,.25rem) * 4)}.interstitial:has(.interstitial-headline) .interstitial-message{color:var(--color-muted-foreground,var(--muted-foreground))}.interstitial .interstitial-children{margin-top:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;width:100%;display:flex}.interstitial .interstitial-children>.btn,.interstitial .interstitial-children>form>.btn{width:100%}@media(min-width:48rem){.interstitial .interstitial-children>.btn,.interstitial .interstitial-children>form>.btn{width:80%;margin-inline:auto}:is(.interstitial .interstitial-children>.btn,.interstitial .interstitial-children>form>.btn).btn--fit{width:auto}}.interstitial .interstitial-children:has([role=progressbar]){margin-top:calc(var(--spacing,.25rem) * 2)}.interstitial.interstitial--info .interstitial-icon{color:var(--color-info,var(--info))}.interstitial.interstitial--success .interstitial-icon{color:var(--color-success,var(--success))}.interstitial.interstitial--warning .interstitial-icon{color:var(--color-warning,var(--warning))}.interstitial.interstitial--danger .interstitial-icon{color:var(--color-danger,var(--danger))}
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Accordion as Accordion_3 } from '@base-ui/react/accordion';
2
- import { Button as Button_3 } from '@base-ui/react/button';
2
+ import { Button as Button_4 } from '@base-ui/react/button';
3
3
  import { Checkbox as Checkbox_2 } from '@base-ui/react/checkbox';
4
4
  import { ClassProp } from 'class-variance-authority/types';
5
5
  import { ClassValue } from 'clsx';
@@ -7,6 +7,7 @@ import { Collapsible as Collapsible_3 } from '@base-ui/react/collapsible';
7
7
  import { ComponentProps } from 'react';
8
8
  import { default as default_2 } from 'react';
9
9
  import { Dialog as Dialog_3 } from '@base-ui/react/dialog';
10
+ import { FC } from 'react';
10
11
  import { JSX } from 'react/jsx-runtime';
11
12
  import { Popover as Popover_3 } from '@base-ui/react/popover';
12
13
  import * as React_2 from 'react';
@@ -47,36 +48,44 @@ declare function AccordionTrigger({ className, children, ...props }: Accordion_3
47
48
 
48
49
  declare type AccordionTriggerProps = React.ComponentProps<typeof AccordionTrigger>;
49
50
 
50
- export declare const Alert: ({ type, title, message, className, children }: AlertProps) => JSX.Element;
51
+ declare const Addon: ({ children, align, className, ...props }: AddonProps) => JSX.Element;
51
52
 
52
- export declare interface AlertProps {
53
- type: AlertVariant;
53
+ declare interface AddonProps extends ComponentProps<"div"> {
54
+ align?: "inline-start" | "inline-end" | "block-start" | "block-end";
55
+ }
56
+
57
+ export declare const Alert: ({ variant, title, description, actions, className }: AlertProps) => JSX.Element;
58
+
59
+ declare interface AlertProps {
60
+ variant: NotificationVariant;
54
61
  title?: string;
55
- message?: string;
62
+ description?: string;
63
+ actions?: ReactNode;
56
64
  className?: string;
57
- children?: React.ReactNode;
58
65
  }
59
66
 
60
- declare type AlertVariant = "info" | "success" | "warning" | "error";
61
-
62
67
  export declare const Badge: ({ children, label, variant, outline, size, as, className, tooltip, ...props }: BadgeProps) => JSX.Element;
63
68
 
64
69
  export declare interface BadgeProps {
65
- variant?: ButtonVariant;
70
+ variant?: BadgeVariant;
66
71
  outline?: boolean;
67
- size?: ButtonSize;
72
+ size?: BadgeSize;
68
73
  as?: "button" | "div";
69
74
  onClick?: () => void;
70
75
  label?: string;
71
76
  tooltip?: string;
72
- children?: React.ReactNode;
77
+ children?: ReactNode;
73
78
  className?: string;
74
79
  }
75
80
 
81
+ export declare type BadgeSize = ButtonSize;
82
+
83
+ export declare type BadgeVariant = ButtonVariant;
84
+
76
85
  export declare type BaseButtonProps = {
77
86
  className?: string;
78
87
  label?: string;
79
- icon?: ReactElement;
88
+ icon?: ReactElement<ComponentProps<"svg">>;
80
89
  variant?: ButtonVariant;
81
90
  size?: ButtonSize;
82
91
  outline?: boolean;
@@ -86,11 +95,7 @@ export declare type BaseButtonProps = {
86
95
  asIcon?: boolean;
87
96
  };
88
97
 
89
- declare const Body_2: ({ children, className, withContainer, ...props }: BodyProps) => JSX.Element;
90
-
91
- declare interface BodyProps extends FlexProps {
92
- withContainer?: boolean;
93
- }
98
+ declare const Body_2: ({ children, className, as: _as, ...props }: FlexProps) => JSX.Element;
94
99
 
95
100
  export declare const Box: default_2.ForwardRefExoticComponent<BoxProps & default_2.RefAttributes<HTMLDivElement>>;
96
101
 
@@ -134,7 +139,9 @@ declare type BulletListProps = ComponentProps<"ul">;
134
139
 
135
140
  export declare const Button: ({ className, variant, size, outline, knockout, rounded, fit, asIcon, icon, label, type, children, ...props }: ButtonProps) => JSX.Element;
136
141
 
137
- declare function Button_2({ className, variant, size, ...props }: Button_3.Props & VariantProps<typeof buttonVariants>): JSX.Element;
142
+ declare const Button_2: ({ children, size, variant, ...props }: ComponentProps<typeof Button>) => JSX.Element;
143
+
144
+ declare function Button_3({ className, variant, size, ...props }: Button_4.Props & VariantProps<typeof buttonVariants>): JSX.Element;
138
145
 
139
146
  export declare const ButtonGroup: ({ children, className, ...props }: ButtonGroupProps) => JSX.Element;
140
147
 
@@ -165,8 +172,8 @@ export declare type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
165
172
  export declare type ButtonVariant = "primary" | "secondary" | "muted" | "ghost" | "link" | "info" | "success" | "warning" | "danger";
166
173
 
167
174
  declare const buttonVariants: (props?: ({
168
- variant?: "secondary" | "ghost" | "link" | "info" | "success" | "warning" | "outline" | "error" | "default" | "destructive" | "unstyled" | null | undefined;
169
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "default" | "unstyled" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
175
+ variant?: "secondary" | "info" | "success" | "warning" | "destructive" | "default" | "ghost" | "link" | "outline" | "unstyled" | "error" | null | undefined;
176
+ size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "unstyled" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
170
177
  } & ClassProp) | undefined) => string;
171
178
 
172
179
  export declare const Card: CardComponent;
@@ -251,13 +258,18 @@ declare type CollapsibleTriggerProps = React.ComponentProps<typeof CollapsibleTr
251
258
 
252
259
  export declare const COLOR_VARIANTS: readonly ["primary", "secondary", "muted", "accent", "info", "success", "warning", "destructive", "brand"];
253
260
 
254
- export declare const Container: ({ children, className, direction, separation, ...props }: ContainerProps) => JSX.Element;
261
+ export declare const Container: ({ as, children, align, justify, width, direction, gap, centered, className, ...props }: ContainerProps) => JSX.Element;
255
262
 
256
- export declare interface ContainerProps extends FlexProps {
257
- children: React.ReactNode;
258
- display?: Display_2;
263
+ export declare interface ContainerProps {
264
+ as?: "div" | "header" | "main" | "footer" | "section";
265
+ align?: "center" | "start" | "end";
266
+ justify?: "center" | "start" | "end" | "between" | "around" | "evenly";
267
+ width?: "sm" | "md" | "lg" | "xl" | "full";
268
+ direction?: "col" | "row";
269
+ gap?: "2" | "4" | "8" | "12" | "16" | "20" | "24" | "28" | "32" | "36" | "40";
270
+ centered?: boolean;
259
271
  className?: string;
260
- separation?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
272
+ children: ReactNode;
261
273
  }
262
274
 
263
275
  export declare const CopyButton: ({ content, ...props }: CopyButtonProps) => JSX.Element;
@@ -329,49 +341,31 @@ declare function DialogTitle({ className, ...props }: Dialog_3.Title.Props): JSX
329
341
 
330
342
  export declare type Display = (typeof DISPLAYS)[number];
331
343
 
332
- declare type Display_2 = "block" | "flex";
333
-
334
344
  export declare const DISPLAYS: readonly ["block", "flex", "grid", "inline", "inline-block", "inline-flex", "inline-grid", "inline-table", "list-item", "flow-root", "contents", "table", "table-header-group", "table-footer-group", "table-column-group", "table-column", "table-row-group", "table-row", "table-cell", "table-caption", "hidden", "sr-only", "not-sr-only"];
335
345
 
336
- export declare const Empty: EmptyComponent;
337
-
338
- declare function Empty_2({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
339
-
340
- declare type EmptyComponent = React.FC<EmptyProps> & {
341
- Content: React.FC<EmptyContentProps>;
342
- Description: React.FC<EmptyDescriptionProps>;
343
- Header: React.FC<EmptyHeaderProps>;
344
- Media: React.FC<EmptyMediaProps>;
345
- Title: React.FC<EmptyTitleProps>;
346
- };
347
-
348
- declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
349
-
350
- declare type EmptyContentProps = React.ComponentProps<typeof EmptyContent>;
351
-
352
- declare type EmptyDescriptionProps = React.ComponentProps<typeof Text_2>;
353
-
354
- declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
355
-
356
- declare type EmptyHeaderProps = React.ComponentProps<typeof EmptyHeader>;
357
-
358
- declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): JSX.Element;
359
-
360
- declare type EmptyMediaProps = React.ComponentProps<typeof EmptyMedia>;
346
+ export declare const ErrorPage: ({ headline, message, children, ...props }: ErrorPageProps) => JSX.Element;
361
347
 
362
- declare const emptyMediaVariants: (props?: ({
363
- variant?: "icon" | "default" | null | undefined;
364
- } & ClassProp) | undefined) => string;
348
+ export declare interface ErrorPageProps extends InterstitialProps {
349
+ }
365
350
 
366
- export declare type EmptyProps = React.ComponentProps<typeof Empty_2> & {
367
- children: ReactNode;
351
+ export declare const Field: {
352
+ ({ children, className, orientation, ...props }: FieldProps): JSX.Element;
353
+ Label: ({ children, className, htmlFor, ...props }: FieldLabelProps) => JSX.Element;
354
+ LabelGroup: ({ children, className, ...props }: ComponentProps<"div">) => JSX.Element;
355
+ Title: ({ children, className, ...props }: ComponentProps<"div">) => JSX.Element;
356
+ Content: ({ children, className, ...props }: ComponentProps<"div">) => JSX.Element;
357
+ Description: ({ children, className, ...props }: ComponentProps<"p">) => JSX.Element;
358
+ Error: ({ children, className, ...props }: ComponentProps<"div">) => JSX.Element | null;
368
359
  };
369
360
 
370
- declare type EmptyTitleProps = React.ComponentProps<typeof Heading>;
361
+ export declare const FieldGroup: ({ className, ...props }: React.ComponentProps<"div">) => JSX.Element;
371
362
 
372
- export declare const ErrorPage: ({ headline, message, children, ...props }: ErrorPageProps) => JSX.Element;
363
+ declare interface FieldLabelProps extends ComponentProps<"label"> {
364
+ htmlFor: string;
365
+ }
373
366
 
374
- export declare interface ErrorPageProps extends InterstitialProps {
367
+ declare interface FieldProps extends ComponentProps<"div"> {
368
+ orientation?: "vertical" | "horizontal";
375
369
  }
376
370
 
377
371
  export declare const Flex: typeof FlexComponent & {
@@ -509,6 +503,10 @@ export declare interface HintProps {
509
503
  className?: string;
510
504
  }
511
505
 
506
+ export declare const Input: ({ id, name, className, size, ...props }: InputProps) => JSX.Element;
507
+
508
+ declare const Input_2: (props: ComponentProps<typeof Input>) => JSX.Element;
509
+
512
510
  export declare const InputError: ({ id, message }: InputErrorProps) => JSX.Element;
513
511
 
514
512
  declare interface InputErrorProps {
@@ -518,51 +516,28 @@ declare interface InputErrorProps {
518
516
 
519
517
  export declare const InputGroup: InputGroupComponent;
520
518
 
521
- declare function InputGroup_2({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
522
-
523
- declare function InputGroupAddon({ className, align, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): JSX.Element;
524
-
525
- declare interface InputGroupAddonProps extends React.ComponentProps<typeof InputGroupAddon> {
526
- right?: boolean;
527
- }
528
-
529
- declare const inputGroupAddonVariants: (props?: ({
530
- align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
531
- } & ClassProp) | undefined) => string;
532
-
533
- declare type InputGroupComponent = React.FC<InputGroupProps> & {
534
- Input: React.FC<ComponentProps<"input">>;
535
- Addon: React.FC<InputGroupAddonProps>;
536
- Button: React.FC<ButtonProps>;
537
- Text: React.FC<InputGroupTextProps>;
538
- Textarea: React.FC<InputGroupTextareaProps>;
539
- };
540
-
541
- export declare type InputGroupProps = React.ComponentProps<typeof InputGroup_2> & {
542
- children: ReactNode;
519
+ declare type InputGroupComponent = FC<ComponentProps<"div">> & {
520
+ Input: typeof Input_2;
521
+ Addon: typeof Addon;
522
+ Text: typeof Text_3;
523
+ Button: typeof Button_2;
524
+ Textarea: typeof Textarea_2;
543
525
  };
544
526
 
545
- declare function InputGroupText({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
546
-
547
- declare type InputGroupTextareaProps = React.ComponentProps<"textarea">;
548
-
549
- declare type InputGroupTextProps = React.ComponentProps<typeof InputGroupText>;
527
+ declare interface InputProps extends Omit<ComponentProps<"input">, "size"> {
528
+ size?: "sm" | "md" | "lg";
529
+ }
550
530
 
551
- export declare const Interstitial: ({ variant, iconComponent, headline, headlineLevel, headlineWeight, message, messageClassName, children, iconSize, iconClassName, fullScreen, containerClassName, }: InterstitialProps) => JSX.Element;
531
+ export declare const Interstitial: ({ fit, headline, headlineClassName, icon, message, messages: messagesProp, variant, children, className, ...props }: InterstitialProps) => JSX.Element;
552
532
 
553
- export declare interface InterstitialProps {
554
- variant?: AlertVariant;
555
- iconComponent?: default_2.ElementType;
533
+ export declare interface InterstitialProps extends ComponentProps<"div"> {
534
+ fit?: boolean;
535
+ icon?: ReactElement<ComponentProps<"svg">>;
556
536
  headline?: string;
557
- headlineLevel?: HeadingSize;
558
- headlineWeight?: FontWeight;
537
+ headlineClassName?: string;
559
538
  message?: string;
560
- messageClassName?: string;
561
- iconSize?: LoaderProps["size"];
562
- iconClassName?: string;
563
- children?: default_2.ReactNode;
564
- fullScreen?: boolean;
565
- containerClassName?: string;
539
+ messages?: string[];
540
+ variant?: NotificationVariant;
566
541
  }
567
542
 
568
543
  export declare const Item: ItemComponent;
@@ -606,7 +581,7 @@ declare function ItemMedia({ className, variant, ...props }: React_2.ComponentPr
606
581
  declare type ItemMediaProps = React.ComponentProps<typeof ItemMedia>;
607
582
 
608
583
  declare const itemMediaVariants: (props?: ({
609
- variant?: "image" | "icon" | "default" | null | undefined;
584
+ variant?: "default" | "image" | "icon" | null | undefined;
610
585
  } & ClassProp) | undefined) => string;
611
586
 
612
587
  declare type ItemProps = React.ComponentProps<typeof Item_2> & {
@@ -618,8 +593,8 @@ declare function ItemTitle({ className, ...props }: React_2.ComponentProps<"div"
618
593
  declare type ItemTitleProps = React.ComponentProps<typeof ItemTitle>;
619
594
 
620
595
  declare const itemVariants: (props?: ({
621
- variant?: "muted" | "outline" | "default" | null | undefined;
622
- size?: "xs" | "sm" | "default" | null | undefined;
596
+ variant?: "muted" | "default" | "outline" | null | undefined;
597
+ size?: "default" | "xs" | "sm" | null | undefined;
623
598
  } & ClassProp) | undefined) => string;
624
599
 
625
600
  export declare const Label: ({ htmlFor, value, children, size, className, ...props }: LabelProps) => JSX.Element;
@@ -660,7 +635,7 @@ export declare interface LoaderProps extends React.ComponentProps<"svg"> {
660
635
  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl";
661
636
  }
662
637
 
663
- export declare const LoadingPage: ({ iconComponent, message, iconSize, iconClassName, ...props }: InterstitialProps) => JSX.Element;
638
+ export declare const LoadingPage: ({ message, icon, ...props }: InterstitialProps) => JSX.Element;
664
639
 
665
640
  export declare const MenuItemText: ({ children }: {
666
641
  children: React.ReactNode;
@@ -703,6 +678,8 @@ declare interface NotFoundPageProps extends InterstitialProps {
703
678
  onBack?: () => void;
704
679
  }
705
680
 
681
+ export declare type NotificationVariant = "info" | "success" | "warning" | "danger";
682
+
706
683
  /**
707
684
  + * A specialized input component for numeric values.
708
685
  + * Extends TextField with number-specific functionality.
@@ -716,7 +693,7 @@ export declare interface NumberFieldProps extends Omit<TextFieldProps, "type"> {
716
693
  declare interface Option_2 {
717
694
  label?: string;
718
695
  value: string;
719
- icon?: ReactElement;
696
+ icon?: ReactElement<ComponentProps<"svg">>;
720
697
  }
721
698
 
722
699
  declare interface Option_3 {
@@ -744,6 +721,16 @@ declare interface PasswordFieldProps extends Omit<ComponentProps<"input">, "type
744
721
  error?: string;
745
722
  }
746
723
 
724
+ export declare const Placeholder: ({ icon, title, compact, description, children }: PlaceholderProps) => JSX.Element;
725
+
726
+ declare interface PlaceholderProps {
727
+ icon: ReactElement<ComponentProps<"svg">>;
728
+ title?: string;
729
+ description?: string;
730
+ children?: ReactNode;
731
+ compact?: boolean;
732
+ }
733
+
747
734
  export declare const Popover: PopoverComponent;
748
735
 
749
736
  declare function Popover_2({ ...props }: Popover_3.Root.Props): JSX.Element;
@@ -865,7 +852,7 @@ export declare interface SidebarProps extends React.ComponentProps<typeof Sideba
865
852
  setTheme: (theme: Theme) => void;
866
853
  }
867
854
 
868
- export declare function SidebarTrigger({ className, onClick, children, ...props }: React_2.ComponentProps<typeof Button_2>): JSX.Element;
855
+ export declare function SidebarTrigger({ className, onClick, children, ...props }: React_2.ComponentProps<typeof Button_3>): JSX.Element;
869
856
 
870
857
  declare interface SideLink {
871
858
  slug: string;
@@ -957,7 +944,7 @@ export declare function TabsContent({ className, ...props }: Tabs_2.Panel.Props)
957
944
  export declare function TabsList({ className, variant, ...props }: Tabs_2.List.Props & VariantProps<typeof tabsListVariants>): JSX.Element;
958
945
 
959
946
  declare const tabsListVariants: (props?: ({
960
- variant?: "line" | "default" | null | undefined;
947
+ variant?: "default" | "line" | null | undefined;
961
948
  } & ClassProp) | undefined) => string;
962
949
 
963
950
  export declare function TabsTrigger({ className, ...props }: Tabs_2.Tab.Props): JSX.Element;
@@ -969,6 +956,8 @@ export declare type TailwindColor = (typeof TAILWIND_COLORS)[number];
969
956
  declare const Text_2: default_2.ForwardRefExoticComponent<Omit<any, "ref"> & default_2.RefAttributes<Element>>;
970
957
  export { Text_2 as Text }
971
958
 
959
+ declare const Text_3: ({ children, className, ...props }: ComponentProps<"span">) => JSX.Element;
960
+
972
961
  export declare const TEXT_ALIGNS: readonly ["left", "center", "right", "justify", "start", "end"];
973
962
 
974
963
  export declare const TEXT_LEADINGS: readonly ["none", "tight", "snug", "normal", "relaxed", "loose"];
@@ -977,6 +966,10 @@ export declare const TEXT_TRACKINGS: readonly ["tighter", "tight", "normal", "wi
977
966
 
978
967
  export declare type TextAlign = (typeof TEXT_ALIGNS)[number];
979
968
 
969
+ export declare function Textarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
970
+
971
+ declare const Textarea_2: ({ children, className, ...props }: ComponentProps<typeof Textarea>) => JSX.Element;
972
+
980
973
  export declare function TextareaField({ label, name, note, placeholder, className, error, labelClassName, hint, ...props }: TextareaFieldProps): JSX.Element;
981
974
 
982
975
  export declare interface TextareaFieldProps extends React.ComponentProps<"textarea"> {